1. 问题： 发现fi写在一起时，i没有宽度，而f的宽度是fi的宽度
text-rendering: optimizeSpeed;
font-feature-settings: normal;
font-variant: normal;
[text-rendering](https://developer.mozilla.org/zh-CN/docs/Web/CSS/text-rendering)CSS 属性定义浏览器渲染引擎如何渲染字体。optimizeLegibility属性值会在某些字体（比如，微软的 Calibri，Candara，Constantia 和 Corbel 或者 DejaVu 系列字体）小于20px时把有些相邻字符连接起来（ligatures，比如，ff、fi、fl 等)- font-feature-settings
- font-variant
2. width有各类属性，max-content可以自适应撑满max-width
用于 不确定长度还要自适应的情况
3. 写代码的时候一定要多多考虑复用性，将函数拆分
4. 一定要把单测完成的很好
5. shadow dom
6. 敏感词匹配-AC算法
7. DSL
8. css相关的
document.getElementsByClassName('xxx')
这个不能用foreach遍历！！会报错
