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├── ...

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

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

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

模块化规范化标准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执行特点：普通钩子：监听器之间互相不干...

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

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

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

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

到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。

这篇是我关于用Python实现50个经典算法代码的第一篇文章，主要目的是在自己手写一遍算法之后，在文章中对算法的细节进行总结来加以巩固。 话不多说，让我们从最基本的排序算法开始吧 插入排序 如下图所示，插入排序的实现思路顾名思义，就是不断地在一个已经是有序的...

2018年8月25日更新，目前 webpack 已经更新值 4.17.1 ，本文所用到的各种库或多或少有些过时，跟着代码操作下来可能会遇到各种问题，不过 webpack 的主体思想没变，所以还是希望本文对新学 webpack 的你，有所帮助。此外用基于 webpack 4.17.1 写了一个简单的demo，...

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

dev-reading/fe 是一个阅读、导读、速读的 repo，不要依赖于 dev-reading/fe 学习知识。本 repo 只是一个快速了解文章内容的工具，并不提供全文解读和翻译。你可以通过本平台快速了解文章里面的内容，找到感兴趣的文章，然后去阅读全文。