乖_摸摸头

复用组件 在协调阶段，组件复用必须满足的三个条件：同一层级下，同一个类型，同一个key值 常见错误： Math.random()或者index做key值 减少组件的重新re...

step1: 先创建一个Context对象 step2: 通过Provider组件传递context value step3: 子组件接收context value con...

定义 模块热替换(HMR - hot module replacement)功能会在应用程序运行过程中，替换、添加或删除模块，而无需重新加载整个页面。 保留应用程序状态 只...

记录项目从webpack4升级5时遇到的部分改动 升级后的webpack版本 webpack-dev-server监听方法修改 CleanWebpackPlugin从插件变...

无模块化 原始写法-简单罗列 缺点： 污染了全局变量，无法保证不与其它模块之前发生变量名冲突，而且模块之前看不出直接关系 2. 对象写法-类似命名空间 把模块写成一个对象，...

流程概括 webpack的运行流程是一个串行的过程，从启动到结束依次会执行以下流程 初始化参数： 从配置文件和shell语句中读取和合并参数，得到最终的参数 开始编译： 用...

前言 babel转化es6+语法包括两方面的转化： 语法转化，比如const,let转化成var，以及箭头函数等的转化 polifill也就是垫片的添加，promise,a...

设计模式 定义 一种书写代码的方式，为了解决特定问题给出的简洁优化的解决方案 单例模式，观察者模式，发布订阅模式，策略模式...

react性能优化 路由懒加载 自定义实现lazy 更新阶段的优化 API优化方法 shouldComponentUpdate PureComponent 用于类组件，只要...

添加断点 打开charles工具，发出你要mock的接口请求，如下图，比如你想要修改queryCoupons返回的数据，那你可以选中该接口，然后右键点击breakpoint...

ref 基本作用 Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 何时使用 管理焦点、文本选择或者媒体播放 触发强...

我们在项目开发时，会经常遇到需要自己mock数据的情况，现在业界也有非常多的mock数据的方式，下边是通过chales来mock数据的方式，非常的简便灵活 比如说我想访问/...

前提，使用的是@sentry/webpack-plugin插件来进行上传sourcemap的，具体@sentry/webpack-plugin插件的引入方式和基本配置网上有...

process是什么？ process是node中的一个全局变量，它有一个env属性，任意创建一个js文件，打印process变量，就可以看到process的内容 proc...

版本控制最主要的功能就是追踪文件的变更。它将什么时候、什么人更改了文件的什么内容等信息忠实地了记录下来。每一次文件的改变，文件的版本号都将增加。除了记录版本变更外，版本控制...

是什么 抽象语法树(Abstract Syntax Tree)简称 AST，是源代码的抽象语法结构的树状表现形式。webpack、eslint 等很多工具库的核心都是通过抽...

方式一，利用addEventListener的第三个参数，在scroll事件的捕获阶段，body上加e.preventDefault()方法，禁止事件向下流动 但是这种方法...

下边是babel的另一个实践应用，在webpack源码中用来获取入口文件的依赖 // 找到一个入口文件 // 解析这个入口文件，找到他的依赖 // 解析入口文件的依赖的依赖...

babel原理 Babel 的三个主要处理步骤分别是：解析（parse）,转换（transform）,生成（generate） babel 插件就是在转换过程中起作用的，即...