这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
各司其责
让HTML、CSS、JS做自己的功能。
不要让JS代码直接操作CSS样式,通过动态增加类名更有利于代码的可读性。
代码不需要过早优化,先完成任务再说。终极目标就是纯CSS就能实现业务需求。
组件封装
组件能帮助我们实现代码的可复用性,能提高页面开发效率。好的组件应该具有封装性、正确性、扩展性、复用性。
组件中控制的元素最好不写死,可以通过插件来依赖注入。可以通过模板化实现重构,通过传入图片的地址来动态渲染图片。还需要考虑子代组件。
实现组件的步骤:结构设计、展现效果、行为设计
三次重构:插件化、模板化、抽象化
过程抽象
函数式编程是现在转变的趋势,将一些通用的代码封装在函数中,通过函数来实现具体的操作。
高阶函数以函数作为参数,以函数作为返回值。
通过高阶函数来实现节流和防抖,节流就是CD中,防抖就是回城。
纯函数就是不带副作用,不管调用多少次,每次的结果都是一样的,不会影响外部变量的。非纯函数要测试要搭建测试环境。可以通过iteration函数让非纯函数变成纯函数。
编程范式
编程范式大致分为命令式编程与声明式编程。
命令式编程就是把实现结果的过程一步步写出来,命令式编程注重怎么做;声明式编程就是不在意具体过程,注重结果,声明式编程注重做什么。
总结
在写代码的过程中可以更多的使用声明式编程,具有更高的可扩展性。