在很长的一段时间中，Vue 官方都以简单上手作为其推广的重点。这确实给 Vue 带来了非常大的用户量，尤其是最追求需求开发效率，往往不那么在意工程代码质量的国内中小企业中，Vue 占据的份额极速增长。但是作为开发者自身，我们必须要认清一个重点，简单易用重来不应该在技术选型中占据很大的份额，可维护性才是。

React16.3发布了新的Context API，并且已经确认了将在下一个版本废弃老的Context API。所以大家更新到新的Context API是无可厚非的事情。而这篇文章会从原理的角度为大家分析为什么要用新的API--不仅仅是因为React官方要更新，毕竟更新了你也可以用16版本的React来使用老的API--而是因为新的API性能比老API 高出太多

不知道大家对于Controlled Input的概念好不好奇，我在最开始用React的时候就对其非常感兴趣，然而奈何那时候能力不够，也没那么多时间去看源码，所以一直处于猜测而没有去证实的阶段。在后来使用Vue进行开发的时候，我还自己实现过类似的组件，那时候是通过preventDefault keyDown事件来阻止自动更新，实现了大致的功能...

关于React中一些代码设计 最近在看React的源码，注意到了一些有意思的细节，比如经常会出现的一下比较和赋值代码 {代码...} 对于平时基本上没怎么用到过移位运算的我一开始表示这是啥？为啥要这么设计？ 我们先来看一下，这个effectTag具体会有那些值 {代码...} 这么一看貌似好像有点意思，可以看到大部分的值都只有一位...

require import 动态评估 静态评估 再运行时报错 再解析时报错 不是关键词 是关键词 语法 CommonJs dep.js {代码...} app.js {代码...} ESM dep.js {代码...} app.js {代码...} 加载方式的不同 使用require的时候，其实会将module的代码进行包装，变成如下样子的代码： {代码...} 然后在执行这个方法的时候，我们可以传...

童鞋，你看到这篇文章的时候很可能你只是在找一篇webpack的配置文章教学，但是听老哥说一句，别去搜什么startkit或者best practice文章，特别是中文的，如果你找到了，也记得看一下文章啥时候写的，超过半年的文章就别看了，百分之92.6里面的内容已经过期了。你想学webpack相关的姿势，最好的办法就是：看文档

是不是很奇怪，类似alert这种组件，讲道理我们还是更习惯直接alert("xxx")这样的使用方式，因为这类组件是上下文无关的，没必要在业务场景中先定义。

这段时间折腾了一个vue的日期选择的组件，为了达成我一贯的使用舒服优先原则，我决定使用directive来实现，但是通过这个实现有一个难点就是我如何把时间选择的组件插入到dom中，所以问题来了，我是不是又要看Vue的源码？

vue的双向绑定是基于响应式来做的，即给一个Vue对象的属性加上getter, setter方法，在这些方法中处理双向绑定。但这种方式就会出现下面这些坑

$els中的每个对象会copy一份实际的Vue对象(vm)的数据放在外面，改变这些数据并不会反应到实际的Vue对象上，如果我们希望真的改变对象的数据，有一个隐藏属性可以做到就是__vue__

do only a single taskLoaders can be chained. Create loaders for every step, instead of a loader that does everything at once. This also means they should not convert to JavaScript if not necessary. Example: Render HTML from a template file by applying the query parameters I could write a loader t...

上一篇文章讲解了redux如何使用，本篇文章将进一步深入，从redux的源码入手，深入学习redux的中间件机制。在这里我们会以一个redux-thunk中间件为例，逐步分解redux的中间机制如何操作，如何执行。

在react火热的年代，flux作为fb提出的最适合react的数据模型，时下有非常多的实现。而redux作为在众多的flux地实现中脱颖而出，及其精简的代码，却能带来实用的功能，正好自己的项目中要用，所以让我们来分析redux