万事无定

模块是一种将 JavaScript 程序，拆分为可按需导入的单独模块的机制。在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。 一个模块就是一个独立的文件，该文件内部的所有变量，外部无法获取。如果你希望…

ECMAScript 2015 中引入的 JavaScript 类，实质上是基于原型继承的语法糖，类的语法没有为 JavaScript 引入新的面向对象的继承模型。采用类的写法，只是让原本对象原型的写法更加清晰，更像传统的面向对象语法。 类实际上是个“特殊的函数”，类有两种定义…

返回值：布尔值。如果目标对象是函数，那么还有两种额外操作可以拦截 这里我们是对设置原型进行了拦截，此时的拦截行为是如果目标对象是可扩展的，会为拦截对象指定新的原型对象。 如果不希望某个对象被设置成不可扩展，就可以使用这个拦截器拦截。 这个拦截器有个特殊的要求，如果目标对象是不可…

Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法，这些方法与 处理器对象(Proxy) 的方法相同。Reflect 不是一个函数对象，不能通过 new 运算符对其进行调用，或者将 Reflect 对象作为一个函数来调用，Reflect 的所有属性和…

Redux 概念比 Vuex 弄的复杂，但其思路是一致的，都源于对 Flux 概念的实现。下面我按自己的理解以图书馆的借书流程，来简述下整个 Redux 的概念 整个过程中要理解 store 和 component 之间隔离，作为 component 完全不会去管 store …

useEffect 就是一个 Effect Hook，给函数组件增加了操作副作用的能力。它跟 class 组件中的 componentDidMount、componentDidUpdate 和 componentWillUnmount 具有相同的用途，只不过被合并成了一个 AP…

其他还有 <MemoryRouter> 内存路由组件、<NativeRouter> Native的路由组件、<StaticRouter> 静态路由组件这些路由组件，其中 MemoryRouter 主要用在 ReactNative 这种非浏览器的环境…

现在由于各类前端框架以及打包工具的使用，使我们之前的关注点分离变的策略，现在其实都是在 js 中进行。 相比 HTML，框架对 CSS 都没进行什么特殊处理，也没有形成类似 JSX 的解决方案，不过这其中倒是有一个比较有意思的解决方案：css-in-js（不过在 js 中写 c…

art-template 是一个简约、超快的模板引擎。 {{ if v1 }} ... {{ else if v2 }} ... {{ else }} ... {{ /if }} <% if (条件) { %> ... <% } else if (条件) {…