能不移动，尽量不移动。不行就移动，实在不行就新建

浏览器解析一个html大致分为五步：创建DOM tree –> 创建Style Rules -> 构建Render tree -> 布局Layout –> 绘制Painting。每次对真实dom进行操作的时候，浏览器都会从构建dom树开始从头到尾执行一遍流程。真实的dom操作代…

为了更好了的去理解源码意思，这里写了一个简单的测试实例。 在调用 Vuex 的时候会找其 install 方法，并把组件实例传递到 install 方法的参数中。 到这里说一下 Vuex 实现的思想，在 Vuex 的 install 方法中，可以获取到 Vue 实例。 这其实就…

本文适合1.5~4年的开发经验vue前端开发人员。本文不做vuex基本使用的讲解，如没有接触过vue或vuex，建议学习后再看本文。 关于全局缓存变量的储存，在传统时代，根据cookies,localstorage,session等，已经有了很友好的方案，基本已经可以完成变量的…

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…

随着现代前端开发的复杂度和规模越来越庞大，已经不能抛开工程化来独立开发了，如react的jsx代码必须编译后才能在浏览器中使用；又如sass和less的代码浏览器也是不支持的。 而如果摒弃了这些开发框架，那么开发的效率将大幅下降。在众多前端工程化工具中，webpack脱颖而出成…

Entry：入口，Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Module：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk：代码块，一个 Chunk 由…

vue工程中，父组件想要使用子组件就需要通过import的方式引入子组件并在components选项中进行注册，import xxx from 'xxxx.vue'是vue工程中最常用的语法之一了，但是可能很少有人想过，在import vue文件时，背后到底是如何处理的。 …