小肥羊丶

state是一种数据结构，在当前组件有效，使用setState进行更改，class组件中会引发组件渲染this.setState()。 函数组件中可以使用useState、useReducer. 通常，不应该在react中修改本地state。然而，作为一条出路，可以用一个增长的…

官方文档接口文档Loader就是一个函数，声明式函数，不能⽤箭头函数(因为要上到上下文的this,⽤到this的数据，该函数接受一个参数，是源码)拿到源代码，作进⼀步的修饰处理，再返回处理后的源码就可

项⽬中引⼊了很多第三方库，这些库在很⻓的一段时间内，基本不会更新，打包的 时候分开打包来提升打包速度，而DllPlugin动态链接库插件， 其原理就是把⽹页依赖 的基础模块抽离出来打包到dll⽂件中，当需要导⼊的模块存在于某个dll中时，这个 模块不再被打包，⽽是去dll中获取…

寻找第三⽅模块，默认是在当前项⽬录下的node_modules⾥面去找，如果没有找 到，就会去上⼀级目录../node_modules找，再没有会去../../node_modules中找，以 此类推，和Node.js的模块寻找机制很类似。 默认情况下，webpack会从⼊口文…

Babel是JavaScript编译器，能将ES6代码转换成ES5代码，让我们开发过程中放心使 ⽤JS新特性⽽不用担⼼兼容性问题。并且还可以通过插件机制根据需求灵活的扩 展。 Babel在执⾏编译的过程中，会从项⽬根目录下的 .babelrc JSON⽂件中读取配 置。没有该⽂…

htmlwebpackplugin会在打包结后，自动生成一个HTML文件，并把打包生成的js模块引入到该html中。 源代码与打包后的代码的映射关系，通过sourceMap定位到源代码。

js新语法使用受限制 es6 es7 ... 构建工具可以使用babel解决这些问题 /node_modules/.bin目录是一个可执行文件目录，也叫软连接，还叫符号链接，起指向源文件的一种功能。 第二个参数key是"./src"/index.js主文件入口，value是一个…

在某一时间节点调⽤ React 的 render() 方法，会创建一棵 由 React 元素组成的树。在下一次 state 或 props 更新时， 相同的 render() ⽅法会返回一棵不同的树。React 需要基 于这两棵树之间的差别来判断如何有效率的更新 UI 以保证当…

什么是虚拟DOM： ⽤ JavaScript 对象表示 DOM 信息和结构，更新后使之与真实dom保持同步，同步过程就是协调，核心是diff算法。 为什么要用虚拟DOM： DOM操作很慢，轻微的操作都可能导致⻚面重新排 版，⾮常耗性能。相对于DOM对象，js对象处理起来更快， …