这是我参与「第五届青训营」伴学笔记创作活动的第3天

1. 写好JS的一些原则

各司其责：让HTML、CSS和JavaScript职能分离
- 不要在HTML标签里内嵌样式表代码。开发者应该养成习惯，单独建立文件，用以存放CSS样式表
- HTML负责结构，CSS负责表现，JS负责行为
- CSS表现层和JS行为层分别用独自的.css和.js文件来写
- 写JS行为控制样式的时候尽量不要直接控制CSS样式，而是通过在结构层HTML上添加class和id，在CSS中定义class来实现
组件封装：好的UI组件具备正确性、扩展性、复用性
- 组件是对数据和方法简单的封装，组件拥有自己的属性和方法。属性是组件数据的简单访问，方法是组件简单可见的功能
- 组件是指Web页面上抽出来一个个包含模版（HTML）、功能（JS）和样式（CSS）的单元
- 组件封装的基本方法，就是基于结构设计、展现效果、行为设计展开思考，通过插件化、模板化、抽象化进行重构
过程抽象：不仅需要数据抽象，还需要应用函数式编程思想
- 为了能够让“只执行一次“的需求覆盖不同的事件处理，我们可以将这个需求剥离出来。这个过程我们称为过程抽象。
- 过程抽象是函数式编程思想的基础应用，用来处理局部细节控制
- 编程范式：JS具有命令式与声明式两种编程范式：命令式更加注重过程，声明式将过程抽象。两种编程范式都可以用JS实现。所有的抽象都是为了更好的可拓展性。