做前端这么多年，用过许多框架，写过很多样式，很多小的、细微/大的、难的，我都是写过就忘，从不认真编辑、记录，就算写啦，也很少回头看看
我对自己的要求，是保持学习的状态，每天早上尽量要花2小时来看看前端博客/框架官网，学一学新的技术点，看一看别人总结的，写一写自己平时没注意，甚至不会的东西
这篇小节，就当作是自己的起点，希望只有过程，没有终点
🙂🙂 莫忘初心，砥砺前行
1、减少reflow（回流/渲染）方法【document.createDocuemntFragment 】
使用链接地址🔗：developer.mozilla.org/zh-CN/docs/…
2、内存垃圾解决方案
核心概念：废弃变量/函数，及时归还
-
减少不必要的全局变量，使用严格模式避免意外创建全局变量。
-
在你使用完数据后，及时解除引用（闭包中的变量，dom引用，定时器清除）。
-
组织好你的逻辑，避免死循环等造成浏览器卡顿，崩溃的问题。
3、易混淆点
- 变量已声明，未赋值的状态，输入为undefined
4、类型运算符
-
typeof 判断当前变量的类型，返回其类型
返回类型：Number\String\Function\Object\Boolean\undefinednull（空）/object（对象）/array（数组）==》 返回 object -
instanceof 返回 true，如果对象是对象类型的实例。
5、div width
-
div的宽度，在不设置width的情况下，根据父类的宽度决定
-
设置div的宽度根据内容自适应的方法(css3)
width:fit-content; width:-webkit-fit-content; width:-moz-fit-content;
6、material ui 一些常见的设计规范
-
字体
英文字体使用roboto，中文字体使用Notoroboto包括：Thin\Light\Regular\Medium\Bold\BlackNoto包括：Thin\Light\DemiLight\Regular\Medium\Bold\Black -
颜色
颜色不宜过多，主色\辅助色（可选），其余可通过设置纯黑和纯白的透明度色设置
黑色：[87% 普通文字][54% 减淡文字][54% 减淡文字][26% 禁用状态/提示文字][12% 分割线]白色：[100% 普通文字][70% 减淡文字][30% 禁用状态/提示文字][12% 分割线]
7、vue 子组件和父组件(案例后期补全)
- 建议常用的：
props和$emit，不建议使用的：$parent(对象{})和$children（数组[]） - ref和$refs:
在dom元素上，指向dom结构；在子组件上，指组件实例，可以调用组件方法和访问数据
8、window 安装 umi报错
**描述：配置环境变量之后，仍然报错，文件名、目录名或卷标语法不争取的解决方案**
yarn global bin 找到umi.cmd和create-umi.cmd 的文件目录，打开该文件
默认显示为：@"%~dp0\C:\Users\PC\AppData\Local\Yarn\Data\global\node_modules\.bin\create-umi.cmd" %*
更改为：@"C:\Users\PC\AppData\Local\Yarn\Data\global\node_modules\.bin\create-umi.cmd" %*