前端知识点总结（四）

CSS篇

---

5.visiility中有个collapse属性的作用？
用在表格中，隐藏一行或一列，并会释放空间，chrome除外。

---

6.出现浮动的原因，怎么清除浮动？
一个盒模型设置类浮动，导致父级对象不能被撑开，这样就产生类浮动，需要清除浮动。
清除浮动方法：
计算子容器高度；添加clear:both;父级：overflow：hidden；父级：after{content=’’;display:block;visible:hidden;clear:boath}


---

7.CSS 优化、提高性能的方法？
加载性能：压缩，精简CSS代码，书写规则规范
渲染性能：阴影，锯齿，动画

---

8.抽离样式模块思路？
抽离样式，就是将公共的，多次使用的样式单独抽离出来，供大家一起使用，增加类代码的复用性，提高类编码的效率。

---

9.设置元素浮动后，该元素的 display 值是多少?
设置元素浮动以后，该元素为块级元素，display值为display：block；

---

10.什么是 CSS 预处理器?
CSS预处理器提供 CSS 缺失的样式层复用机制、减少冗余代码，提高样式代码的可维护性。Less和Sass两个常用的预处理器，编译Scss和Less代码，能够写变量，函数，循环等，具有很方便的 UI 组件模块 化开发能力，极大的提高工作效率。

---