Gap_J

当我们在开发npm包或者应用程序的时候，经常会用到CLI全局命令、npm link、npx、npm srcipts、node_modules/.bin这些概念，本文将一次性讲解清楚这些概念背后的原理。

Node的模块机制基于CommonJs规范，CommonJs定义了模块间组织的方式。Node实现了这个规范，本文将讲解Node是如何实现这个规范的，了解Node模块机制的基本原理。

我们在开发开发过程中，可以使用webpack-dev-server来作为我们的开发服务器，webpack-dev-server可以在我们的文件发生变化的时候，进行热替换或自动刷新。 那么我们已经有了w

大家可以通过这个在线babel编译器进行编译查看。 所以说我们编写的jsx实际等同于写React.createElement。React.createElement执行后生成的是一个虚拟dom（vnode）,生成的虚拟dom用来完整描述我们上面写的这个jsx。React.cre…

本文会通过一个简单的例子讲解react-redux的使用及其原理，并且该例子会用redux和react-redux都写一遍，对比其不同来加深理解。 我们要实现的例子很简单，就是页面上有一个按钮和一个数字，点击add按钮的时候，数字会加1。虽然是个极简的例子，但已经包括了数据的响…

这就实现了一个redux的简单版本了，其实它的原理真的很简单，就是派发一个action，然后让一个函数接收当前的state和派发的action作为参数，执行一下返回新的state就可以了。 redux的原理很简单，实现的功能也很简单，就是通过派发action，然后调用reduc…

该文章只是为了理解响应式的原理，大家不要过分注重代码中的细节，抓住重点理解原理即可。 Vue3.0使用的是composition Api，通过提供一系列Api给用户自己调用，用户可以自由组合这些Api。例如让数据变响应式的Api（reactive），当数据改变后触发对应函数执行…

本文的目的是解析vuex基本原理，并实现一个简易版本的vuex。

本文会从通过对vue-router的原理解析，实现一个简易版本的vue-router。 当我们点击<a href="#/home">home</a>时，页面链接的hash就变成了#/home，这会触发hashchange事件，我们通过监听hashchange事件，可以拿到当前页…