带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

传统的diff算法是使用循环递归对节点进行依次对比，复杂度为O(n^3),效率低下。 针对树结构(tree diff)：对UI层的DOM节点跨层级的操作进行忽略。（数量少） 针对组件结构(component diff)：拥有相同类的两个组件生成相似的树形结构，拥有不同类的两个组…

React是由facebook开发，用于构建用户界面的js类库，以提升性能为设计理念。在本文中，我将为大家介绍在React中的diff算法，以及它的渲染机制，以便于你能够更好的优化你的程序。 在深入了解实现细节之前，了解React如何工作是很重要的。 在任何时候，你可以将UI描…

回想起之前的一次面试，第一轮面试官问我AMD和CMD的区别，我只回答说AMD是提前加载，CMD是按需加载。第二轮面试官又问了我CommonJS和ES6 Module的区别，emmm...，我大致回答说新的比旧的好~~，虽然面试官并没有说什么，不过显然这样的答案并不是有助于面试、…

在日常的 JS 编码过程中，可能很难看到相等运算符(==)是如何工作的。特别是当操作数具有不同类型时。这有时会在条件语句中产生一些难以识别的 bug。很容易理解为什么 0 == 8 是 flase 的或者 '' == false 是 true。但是为什么{} == true是 …

这里暂不介绍对低版本IE的兼容。。。 一般的流程是：创建 >> 初始化 >> 派发。 2.initEvent()方法用于初始化通过DocumentEvent接口创建的Event的值。 支持三个参数：initEvent(eventName, canBubble, preventD…

在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能同源使用的限制。 同源策略是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+…

跨域资源共享（Cross-Origin Resource Sharing）是一种机制，它使用额外的 HTTP 头部告诉浏览器可以让一个web应用进行跨域资源请求。 No event listeners are registered on any `XMLHttpRequestU…