从前有位老师跟我说过,他喜欢自己去实现 UI 功能,能够对代码有自己的掌握程度并且能满足自己的需求,第三方库可能有一些这样那样的问题。例如代码安全、无法满足特殊需求等。那时候的我还处在对于手动实现 UI 是一件很难的事情的认知中,在老师跟我讲的时候我很迷茫。
这种迷茫在我做了几年前端开发并且读过 《CSS 权威指南》(第四版)慢慢的了解和熟悉 CSS 的知识点后,终于把这层迷雾拨开了,我发现自己实现 UI 其实是一件很简单且有趣的事情,只要你了解了它的规则和世界是如何构建的,你就能在这个世界中创造出任何你想创造的东西,只要你有足够多的脑洞,你可以实现任何你想实现的东西。突破这层认识后,真的是打开了新的世界。可以自由的在 CSS 中徜徉,就像是不敢下水的人学会了如何在水中轻松的使用各种泳姿那样,是一个质的飞跃。
怎么去突破这层认识呢?其实只要做很简单的事情,读 MDN 的 CSS 文档、读《CSS 权威指南》,掌握好 CSS 的基础知识点,最最重要的是能把这本书和 MDN 记在脑子里,多动手去做!你就会发现事情变得简单了,你会发现这些基础知识点会一个个的在你的大脑中联结起来,构建成了你的知识体系。
当然,不能因为我掌握了这一层技能后,就不用第三方组件了,毕竟团队合作时有统一风格的组件库工作效率能提高很多。市场上也有很优秀的 UI 组件库,例如 Ant Design,我也一直在公司的项目中使用。
只是当我发现自己写 UI 也不是一件难事的时候,我的选择就变的更多了,我 Coding 时心情也变得更加愉悦。当 UI 库中的一些组件无法满足我的需求时,我可以很轻松的自己去实现这些功能。