Store: 存储状态的容器，JavaScript 对象View: 视图，HTML页面Actions: 对象，描述对状态进行怎样的操作Reducers: 函数，操作状态并返回新的状态

克隆 react 官方源码 (在项目的根目录下进行克隆)git clone --branch v16.13.1 --depth=1 https://github.com/facebook/react.git src/react

一、使用VueCli创建项目vue create edu-boss-fedimage-20200926080833055image-20200926082611688

Vue3中不再构建UMD模块化的方式，因为UMD会让代码有更多的冗余，它要支持多种模块化的方式。Vue3中将CJS、ESModule和自执行函数的方式分别打包到了不同的文件中。在packages/vue中有Vue3的不同构建版本。

搭建自己的SSR、静态站点生成（SSG）及封装 Vue.js 组件库搭建自己的SSR一、渲染一个Vue实例 {代码...} 二、结合到Web服务器中 {代码...} 三、使用HTML模板创建HTML模板文件 {代码...} 四、在模板中使用外部数据 {代码...} 五、构建配置基本思路1.png源码结构src├── components│ ├── Foo.vue│ ├── Bar.vue│ └── Baz.vue├...

Nuxt.js 基础简介Nuxt.js 是一个基于 Vue.js 的第三方开源服务端渲染应用框架它可以帮我们轻松的实现同构应用通过对客户端 / 服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI 渲染我们的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.jsNuxt.js...

调试设置我们可以在阅读源码时通过打包调试代码来验证自己关于源码的理解是否正确打包工具 RollupVue.js 源码的打包工具使用的是 Rollup，比 Webpack 轻量Webpack 把所有文件当做模块，Rollup 只处理 js 文件更适合在 Vue.js 这样的库中使用Rollup 打包不会生成冗余的代码

1、动态路由 {代码...} 2、嵌套路由 {代码...} 3、编程式导航4、history {代码...} 通过history.pushState()方法改变地址栏监听postate根据当前路由寻找对应组件5、VUE Router核心原理实现 {代码...} 6、数据驱动数据模型仅仅是JS对象，当我们修改数据时，视图灰烬更新双向绑定数据与视图双向改变v-modeldefineProperty...

模块化规范化标准webpack源码分析1webpack源码分析2webpack源码分析3

03 cli.js 01 当前文件一般有二个操作，处理参数，将参数交给不同的逻辑（分发业务） 02 options 03 complier 04 complier.run( 至于run 里面做了什么，后续再看，当前只关注代码入口点 )

15、webpack与tapable事件驱动型事件流工作机制负责创建bundles的compilationtapable本身就是一个独立的库实例化hook注册时间监听通过hook出发事件监听执行懒编译hook本质就是tapable实例对象hook执行机制分为同步和异步Hook执行特点：普通钩子：监听器之间互相不干扰bailhook：熔断钩子，某个监听返回undefined时后续不...

1、打包后文件分析 {代码...} /**01 打包后的文件就是一个函数自调用，当前函数调用时传入一个对象02 这个对象我们为了方便将之称为是模块定义，它就是一个键值对03 这个键名就是当前被加载模块的文件名与某个目录的拼接（）04 这个键值就是一个函数，和 node.js 里的模块加载有一些类似，会将被加载模块中的内容包裹于...

1、为什么要有规范化标准软件开发需要多人协同不同开发有不同习惯和喜好不同喜好增加项目维护成本所以需要统一标准哪里需要代码、文档、日志人为编写的都需要代码标准化规范实施规范化的方法编码前人为的标准约定通过工具实现Lint2、ESLint介绍最为主流的js lint检测工具很容易统一开发者的编码风格可以帮助提升编码能力...

1、模块化演变过程立即执行函数2、commonjs规范一个文件就是一个模块每个模块都有点单独的作用域通过module.exports到处通过require导入commonjs是以同步模式加载模块node没问题但是浏览器段有问题所以就要使用amd规范，require.js {代码...} 使用起来较为复杂，但是生态比较好，模块划分过于细致的话js文件请求频繁3、...

1、传统语言或语法的弊端：无法使用模块化/组件化通过机器去取代人的一些重复性工作多人协作开发，无法硬性统一大家的代码风格，从仓库pull回来部分功能需要等待后端服务接口提前完成整体依赖后端项目（发布的时候）2、工程化表现创建 编码 ：统一代码风格预览 ：web/mock ;live/reloading/hmr ; source map提交：git ho...

虽然它的名称中包含有XML，但其实Ajax通信与数据格式没有关系，Ajax可以返回HTML、XML、json、jsonp、text、script等数据类型。

小白一枚，一直使用的是React，想要多了解一些其它的框架，正好最近Vue越来越火热，Github上的Star数已经超过了React。而其背后蕴含的MVVM框架思想也一直跟React的组件化开发思想并驾齐驱，在这里也是本着兼收并蓄的思想，多了解一种开发模式。因此通过一些学习资料，写一些自己对MVVM开发思想的理解。