木卫三

现在前端框架普遍以组件为基本组成单位，react也不例外，所以学习react组件之间怎么传递数据就显得非常重要，我们先来了解一下组件中普通的传递数据的方式，再来编写redux和react-redux源码，一步步分析redux是怎么传递数据的。 props和context是基本的…

Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程。 首先会判断vue实例中有没有el选项，如果有的话则进行下面的编译，但是如果没有el选项，则停止生命周期，直到vue实例上调用vm.$mount…

我们可以非常轻松的捕获浏览器上发生的事件（比如用户点击了盒子），这个事件可以轻松产生与服务器的数据交互（比如Ajax）。但是，反过来却是不可能的：服务器端发生了一个事件，服务器无法将这个事件的信息实时主动通知它的客户端。只有在客户端查询服务器的当前状态的时候，所发生事件的信息才…

react-router-native。 react-router提供最基本的路由功能，实际使用的时候我们不会直接安装react-router，而是根据应用运行的环境选择安装react-router-dom（在浏览器器中使⽤用）或react-router-native（在rn中…

JavaScript在早期的设计中就没有模块、包、类的概念，开发者需要模拟出类似的功能，来隔离、组织复杂的JavaScript代码，我们称为模块化。 模块就是一个实现特定功能的文件，有了模块我们就可以更方便的使用别人的代码，要用什么功能就加载什么模块。 1. 避免变量污染，命名…

再上一篇文章《深入浅出VueX》中，我们简单的实现了一个 VueX ，并能够正常使用，但是没有实现其模块化思想，另外，命名空间、辅助函数、数据持久化的插件都没有实现，今天，我们来重新编写我们的源代码，实现一个功能更丰富的VueX 实现全局数据管理。 在这个store配置项中，主…

数据类型检测是用来检测一个值属于哪个类型的，js中的类型有Number、String、Null、Boolean、Undefined、Symbol，引用数据类型有Object，Object中有很多种具体的类型，包括function、regexp、Date。 下面我们来看看有哪些具…

AO对象：Activation Object，指活动性对象，也叫执行期上下文，就是我们通常所说的作用域。AO可以理解为VO的一个实例，也就是VO是一个构造函数，然后VO(Context) === AO，所以VO提供的是一个函数中所有变量数据的模板。 GO：Gobel Objec…

生成可以在浏览器端执行的bundle文件。 接下来我们就可以根据AST里面的分析结果，遍历出所有的引入模块，但是比较麻烦，这里还是推荐babel推荐的一个模块，@babel/traverse，来帮我们处理。 把代码处理成浏览器可运行的代码，需要借助@babel/core，和@b…