zachliu

参考资料： SCSS中文网 SCSS中文官网 SCSS与CSS区别 SCSS是CSS的超集，支持CSS。相对于CSS，SCSS支持变量、继承、混入、嵌套、运算、函数等。

如何提高 webpack 构建速度？ 使用 DllPlugin 将不常变化的代码提前打包，并复用，如 vue 使用 thread-loader 进行多线程打包

1. 常见 loader 和 plugin 有哪些？二者的区别是什么？ 常见 loader(webpack 文档里写了) babel-loader 把 JS/TS 变成 JS

React Hooks 如何模拟组件生命周期？ 模拟 componentDidMount：useEffect(()=>{ },[ ])，不加依赖，为空数组。

React有哪些生命周期钩子函数？数据请求放在哪个钩子里？ tips 只有类组件有生命周期。函数组件是没有的，但是可以用hooks模拟。

虚拟 DOM 的原理是什么？ 什么是虚拟DOM？ 虚拟 DOM 就是虚拟节点。React 用 JS 对象来模拟 真实DOM 节点，然后将其渲染成真实的 DOM 节点。

vue3在父组件引用的子组件名上加上事件，会自动传进子组件的最外层的元素。 Vue3属性绑定 默认所有属性都绑定到根元素。 使用inheritAttrs:false可以取消默认绑定。

css细节 写界面时：一般先写HTML，然后补充css,此时是有可能改变HTML结构的。最后写js。很多全局都看可能用到的变量，函数，例如色号。

父、子组件通过provide/inject传递数据 在父组件中放入子组件均会用到的变量。这种做法的好处是无论组件层次结构有多深，父组件都可以作为其所有子组件的依赖提供者。