第一步，前端框架一般是以团队成员来看，而不是以项目来看，会哪个的多用哪个。Vue比React好招，因为大家以为Vue从Jquery过渡简单所以学Vue的多。都会的话看项目需要或者leader心情。我只写React所以下面讲React第二步，React数据流框架如果异步交互复杂，如即时通信类，选用Rxjs+hooks如果大量数据需要集中处理，选用Re...

实现效果 {代码...} 实现思路 通过闭包的方式储存传入参数 通过函数的length属性获得参数个数 当参数个数不够时直接返回方法 存储的参数个数等于原函数参数个数时执行原函数 如果使用ES6参数默认值，length将不等于实际参数个数 参数由arguments获取，ES6直接使用rest参数实现 源码实现 {代码...} ES6版 {代码...} 无副...

通过 dispatch(action) -> 中间件 -> reducer处理数据 -> 改变store -> 使用subscribe()监听store改变更新视图 的方式管理状态

Angular 最先说Angular的原因是因为它与其他两个框架不同，用的是脏检查机制(Dirty Checking)实现双向数据绑定 在Angular中有一个Zone.js负责监听需要视图变化的事件触发 每一个组件都都它自己的检测器(detector)，用于负责检查其自身模板上绑定的变量。 将旧值跟新值进行比较，不相等就说明检测到变化，更新对应视图 Vu...

此篇文章可作为redux源码导读使用，只说明了其中部分核心代码，并进行了一些简化处理 用法回顾 用createStore来创建store 创建Action 在Reducer中编写纯函数来处理Action 用Store.dispatch()通过Action和Reducer来操作Store里的数据 用Store.subscribe()来监听Store中的数据是否发生了变化 用store.getState()来获取Stor...

执行顺序 fn1 -> fn3 -> fn5 -> fn6 -> fn4 -> fn2每当执行next时，执行下一个中间件，执行到最后一个中间件后开始往回执行

React与Vue 相同点 使用 Virtual DOM，有较高的运行速度 提供组件化功能 可使用mobx与vuex进行状态管理，响应式、依赖追踪 React 子组件重复渲染问题需要手动优化 可以使用redux进行状态管理，函数式、不可变、模式化，时间旅行 可使用JSX，完全的javascript能力 更繁荣的社区生态 Vue 可使用JSX，但推荐使用模版语言而...

鼠标事件 要用鼠标移动一个div首先要获取的是鼠标移动的事件。 有三个事件是需要的 onMouseDown 鼠标按下触发 onMouseMove 鼠标移动触发 onMouseUp 鼠标按钮抬起触发 有了这三个事件，就可以获得鼠标完整的按下->移动->抬起完整的操作 移动距离 鼠标onMouseMove事件会得到很多的距离 这些都不是需要的，真正需要的...

ES6 ES6带来的重要的改变我认为有三点： promise/generator/async解决了回调地狱(callback hell) => 箭头函数语法糖更好地解决了this指向问题，并简化λ表达式写法 class使JS进入面向对象编程(OOP) 方案一：MVC 既然有了OOP，那么new一个视图出来不就可以了 采用原来的MVC结构，Control控制视图，并且负责与Model层通...

遍历数组: {代码...} 查找数组中的一项: {代码...} 数组过滤: {代码...} reduce reduce() 方法接收一个函数作为累加器，数组中的每个值从左到右开始执行方法，最终返回一个值。 {代码...} 求和： {代码...} 复杂应用： {代码...} 更多文章 yjy5264.github.io

使用@formCreate（ES6修饰器语法）后, 直接将React受控组件（onChange & value 形式）如<input />放在<Item>里,无需再给<input />写入onChange和value props。通过this.props.handleSubmit()获取form的值。