最近的坑

  • react:
    • dva 系列的实现
      • react-saga的文档:https://redux-saga-in-chinese.js.org/docs/api/
      • react-route-redux
      • dva源码: https://dvajs.com/guide/source-code-explore.html#start-%E6%96%B9%E6%B3%95
      • dva subscription
      • react + redux 的3条规范 https://blog.jimmylv.info/2016-07-04-rules-for-structuring-redux-applications/
    • context
    • unmount–>深入理解生命周期
    • mobx
  • rxjs
    • https://zhuanlan.zhihu.com/p/25383159 写一遍
    • 响应式编程和流处理(kafka之类的)
  • event loop
    • https://segmentfault.com/a/1190000014940904
  • webpack
    • http://www.cnblogs.com/hezihao/p/7921872.html
  • 交互
    • 富文本编辑器
  • ml
    • nlp前沿
    • nlp实践
  • 其他
    • es7(?)& es6 : http://es6.ruanyifeng.com/#README
    • css精通 && flex(?
    • ui设计
    • pwa
    • pathToRegexp 优雅的处理处理url
    • promise 异常处理: 用途,redux-saga中的异常,其他框架中的异常处理(一般是通过中间件捕捉)
    • draft js 使用心得
    • 编译原理
    • google 开发者大会 from B站
    • 百度的est样式库:http://ecomfe.github.io/est/#ellipsis
    • http2和cdn等网络相关的东西

 

React拖拽

占坑

需求:

用户需要比较简单的操作(智商低),需要拖拽实现四则运算的式子,使用react-dnd实现

分析:

与具体业务无关

数据结构:todo

拖拽实现&原理&trick:

基于h5 拖拽的封装,也可以自己实现相关的接口

几个关键内容:拖拽开始,拖拽over,拖拽结束;数据传送datatransfer

拖拽实现公式操作:todo

代码&demo

todo

函数式编程

函数式编程与面向对象编程的比较:https://www.cnblogs.com/zhenw/p/6160931.html


廖雪峰的python函数式编程教程:https://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001386819866394c3f9efcd1a454b2a8c57933e976445c0000

相关概念:

  • 高阶函数:把函数作为参数传入
  • 函数作为函数
  • lambda函数
  • 装饰器
  • 偏函数(?语言特性太重)

 


JS 函数式编程指南:

https://legacy.gitbook.com/book/llh911001/mostly-adequate-guide-chinese/details

react 相关

收藏:

react 技术栈学习笔记:https://www.cnblogs.com/ruoji/p/6464131.html

react生命周期:https://blog.csdn.net/fengxiaoxiao_1/article/details/77261617

扩展create react app 的webpack配置:https://juejin.im/post/5a5d5b815188257327399962

create react app 相关:

  • 功能介绍1: https://www.cnblogs.com/hello-yz/p/8268026.html
  • 功能介绍2: https://blog.csdn.net/github_squad/article/details/57452333
  • 常用配置: https://www.jianshu.com/p/e09b2c57cf20

react + webpack:基于webpack的React项目搭建 https://www.cnblogs.com/raion/p/8053799.html

react高阶组件:https://github.com/brickspert/blog/issues/2

react setState异步/同步:https://segmentfault.com/a/1190000007454080

状态提升:https://www.cnblogs.com/zhangbob/p/6962138.html?utm_source=itdadao&utm_medium=referral

smart和dumb组件:https://blog.csdn.net/xiao_chun5316/article/details/50428345

函数组件:https://blog.csdn.net/xuchaobei123/article/details/75195522

redux(需要多看几遍):https://segmentfault.com/a/1190000012976767

redux-saga:https://www.jianshu.com/p/e84493c7af35

推荐使用browserHistory:https://segmentfault.com/q/1010000007788281

redux-connect:https://segmentfault.com/a/1190000010416732

面试准备:

  • react 常见面试题 https://blog.csdn.net/sinat_17775997/article/details/69938720/

todo:

react+webpack

react+redux:react 更新原理

router

总结和面试准备


react redux summary

react redux要做的事:

统一存储数据 store

数据传递到组件

修改数据的接口dispatch

修改完数据触发更新connect