这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天。
编码规则之各司其职
作为前端三件套的HTML+CSS+JavaScript三大核心技术。三者之间互相关联，一个完整美观功能强大的Web页面肯定离不开好的html结构，css的样式表现和js的逻辑行为三部分，但是这里需要注意的是这三部分的内容最好是需要互相分离开，各司其职，各做各的事。这样带来的好处是提高可读性，可维护性，对程序员友好。
编码规则之组件封装
组件化思想。通过做一个页面的轮播图来介绍组件化，可以将需要轮播功能的结构封装成组件，只要通用到这种功能都能复用组件。轮播图中的其他细节交互功能同样可以采用插件化的方式来进一步优化，当需要某种插件我们可以通过注册到组件上来使用，不需要则删除即可，实现低耦合的作用。模板化介绍通过数据驱动，做到模板化不要把数据写死，布局结构需要通过获取到的数据驱动显示。
编码规则之过程抽象
一个严格的纯函数，具有确定性、无副作用，幂等的特点。也就是说，纯函数不依赖外部环境，也不改变外部环境，不管调用几次，不管什么时候调用，只要参数确定，返回值就确定。这样的函数，就是纯函数。
过程抽象即是将需要做的操作完整的作为高阶函数的参数输入，以函数为返回值，返回值即是一种过程抽象。高阶函数是纯函数， 纯函数没有副作用方便维护，多使用纯函数编程，少用非纯函数。声明式编程和命令式编程。命令式编程趋向于怎么做，把每一步都按流程执行好。声明式编程趋向于做什么，在乎目标不在乎过程。
