【CSS-14】

为什么要做组件库？

分享人：王熠(yì)华

目录

1.背景介绍

2.知识剖析

3.常见问题

4.解决方案

5.编码实战

6.扩展思考

7.参考文献

8.更多讨论

1.背景介绍

有句话：前端摩尔定律：“每18个月，前端难度会增加一倍”。
我并不完全认可这个数字的可靠性，但是这句话的本意我还是非常肯定的。

2.知识剖析

2.1.什么是组件化

组件化并不是前端所特有的，一些其他的语言或者桌面程序等，都具有组件化的先例。确切的说，只要有UI层的展示，就必定有可以组件化的地方。

组件化就好像我们的 PC 组装机一样，整个机器（应用）由不同的部件组成， 例如显示器、主板、内存、显卡、硬盘等等。

组件化开发优势

一句话总结： 提高前端开发效率，降低WEB维护成本

2.1.组件化原则

2.2. CSS组件化：less和sass


less和sass出现之后，使得CSS的编程可以定义变量，可以实现继承，CSS内容的结构也变得更加清晰，提高了CSS文件的阅读性，更容易让人理解，修改起来也变得简单。

2.3.创建组件化的难度

2.4.Nec规范 - 统一语义理解和命名

3.常见问题

组件化后，一个文件夹一个组件，最后怎么把组件拼接起来？


使用gulp之类打包工具即可。

4.解决方案

5.代码实战

6.拓展思考

7.参考文献

参考：前端为什么要做组件化

参考：css预处理语言的模块化实践

参考：从css谈模块化

参考：NEC 更好的CSS方案

8.更多讨论

鸣谢

感谢大家观看

BY : 王熠华