在过去一年，越来越多的项目继续或者开始使用React和Redux开发，这是目前前端业内很普遍的一种前端项目解决方案，但是随着开发项目越来越多，越来越多样化时，个人又有了不同的感受和想法。是不是因为已经

以上3种方式都是使用原生DOM API，都可以实现效果，但是性能上会存在差异。造成差异的原因多种多样，可能取决于元素类型，列表长度，甚至浏览器版本（万恶的IE）。因此应当根据当前环境灵活选用不同的DOM操作方式，但这无疑增加了开发难度，不利于工程师专注实现当前业务。 使用Rea…

三大框架之二，大家应该都不会陌生，都有学习过或者开发中使用。 但是他们到底有啥区别呢？这个就是我们这篇文章所需探讨并学习的。 首先说下MVC，大家肯定也知道三大框架中的另外一个（anuglar）。 input标签很好理解，就是MVC中的V（view）视图。 controller…

本文我们将会介绍 JS 实现异步的原理，并且了解了在浏览器和 Node 中 Event Loop 其实是不相同的。 官方的说法是：进程是 CPU资源分配的最小单位；线程是 CPU调度的最小单位。这两句话并不好理解，我们先来看张图： 进程好比图中的工厂，有单独的专属自己的工厂资源…

React 团队对于舍弃 componentWillReceiveProps 函数的解释是开发者错误地在该函数中引入 side effect（副作用，调用外部函数等），导致组件重复多次执行 Updating。正确的做法应该是将 Updating 中的 side effect 都…

那个时候刚学react，不知道面试官说的元素是什么，现在知道了，就是虚拟dom嘛。。。 React 元素不是真实的 DOM 元素，它仅仅是 js 的普通对象（plain objects），所以也没办法直接调用 DOM 原生的 API。上面的 JSX 转译后的对象大概是这样的： …

如果我们直接把整个列表渲染出来, 仅仅学生列表就会生成1000+个div标签. 这个时候的DOM数量就会变得难以想象. 我们都知道, DOM结构如果过大, 网页就会出现用户操作体验上的问题, 比如滚动, 点击等常用操作. 同时, 对react的虚拟DOM计算以及虚拟DOM反映到…

为什么 React 不精确监听数据变化呢？这是因为 Vue 和 React 设计理念上的区别，Vue 使用的是可变数据，而React更强调数据的不可变。所以应该说没有好坏之分，Vue更加简单，而React构建大型应用的时候更加鲁棒。 因为一般都会用一个数据层的框架比如 Vuex…

Redux的核心概念其实很简单：将需要修改的state都存入到store里，发起一个action用来描述发生了什么，用reducers描述action如何改变state tree 。创建store的时候需要传入reducer，真正能改变store中数据的是store.dispa…