这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天。在今天的课程内容中主要教的是js的编码原则以及如何编写质量比较好的js代码，在HTML、CSS、JS在前端中的作用各不相同，但都是为了呈现优质且实用的网页。下面梳理一下今天学到的知识，主要从编码原则梳理（各司其职、组件封装、抽象过程）。
HTML、CSS、js各司其职
HTML是网页的骨架、CSS是网页的样貌那js可以说是网页的行为，为用户提供与网页交互的功能。彼此之间都是分离的。分离带来的好处也显而易见，无论是HTML还是CSS或js出现问题不会影响到三者中的其他两个。也当避免不必要的js直接操作样式，此种情况若出现错误，较难定位。
以课程中的深夜食堂案例，js代码不会写在html和css当中。虽然可以做到js直接操作样式，但是后续需求变更时不利于需求扩展。
组件封装
组件封装是一种减少代码复用和减少代码量的一种方法，涉及到模板概念。当可能会重复使用某一功能块的代码时，可以考虑将该模块的代码进行封装(模板)，如若后续会有需求的变更，可以在模板上进行功能扩展。能够减少代码量。结构更简洁。例如swiper组件专门提供各类轮播图的功能(swiper.com.cn)
抽象过程
过程抽象是函数编程思想的基础，用来处理细节控制的一些方法。课程中提到的“操作次数限制”、“高阶函数”、“编程范式”都是应用的例子。
- 编程范式：命令式和声明式
- 命令式：分为过程式和面向对象
- 声明式：分为罗继师和函数式
总结： 良好的编码习惯可以让我们写出来的代码他人易懂便于维护修改和需求扩展，组件封装可以减少代码的复用性、减少不必要的资源浪费；抽象过程可以处理细节上的控制。接下来继续加油！
