1.HTML中定义样式的方法有三种：通过元素包含外部样式表文件、使用元素定义嵌入式样式、使用style特性定义针对特定元素的样式。
2.使用短划线的CSS属性，必须将其转换为驼峰大小写形式，才能通过JS访问。
3.指定元素的长度和宽度之类的，最好始终指定度量单位。
4.cssText是为元素应用多项变化最快捷的方式，因为可以一次性地应用所有变化。
5.在不确定某个给定的CSS属性拥有什么默认值的情况下，就可以使用这个方法。只要移除相应的属性，就可以为元素应用默认值。
6.border是一个综合属性，不容易返回它的值，因为它包含了对一个box四条边的设置。
7.计算后的样式是不能修改的。如果需要元素具有某个特定的默认值，需要手工在样式表中指定该值。
8.CSSStyleSheet继承自StyleSheet，是一套只读的接口。
9.样式规则就是一个样式表中的一个样式代码块。
10.删除掉规则可能会影响CSS层叠的效果，大家慎重使用。
11.访问offsetLeft这样的值需要计算，尽量避免大量重复访问。
12.对图像进行处理，可以使用CanvasRenderingContext2d的getImageData方法获得图片数据到画布上，再处理过data后，使用putImageData绘制处理后的数据到画布上面，实现对图片的处理（联想截图原理）。
13.在组件里面使用组件，需要在components里面注册一下。
14.分组去存储文件。
15.什么去抽离组件，靠分析是否耦合过大，如果耦合过大，就需要抽离组件，进行去耦合，方便处理。
16.组件需要调用组件并且动态修改一些元素时，将组件注册为slot插槽。其他需要动态改变的元素（如图片、文字）都可抽离为slot。
17.imag元素底部后预留3px。可以通过vertical-align：middle来消除(把中间的空隙挤到了下面)。
