JavaScript编码原则之各司其职
JavaScript 好代码的标准
HTML/CSS/JS各司其职
应当避免不必要的由JS直接操作样式 可以用class表示状态 纯展示类交互寻求零JS方案
JavaScript编码原则之组件封装
组件是 Web 页面上所抽取的模版、功能与样式的单元，自从 React，Vue 等前端框架在市面上大量使用之后，组件化开发逐渐成为了前端主流开发方式
组件的定义解析及特征
组件设计原则：封装性、正确性、扩展性、复用性
组件封装基本方法
三次重构：插件化、模块化、抽象化（组件框架）
利用原生JS实现电商网站轮播图
结构 HTML 表现 CSS 行为 JS 轮播图是一个典型的列表结构，我们可以使用无序列表元素来实现 使用CSS绝对定位将图片重叠在同一个位置 轮播图切换的状态使用修饰符modifier 轮播图的切换动画使用transition API设计应保证换原子操作，职责单一，满足灵活性 使用自定义事件来解耦 解耦：将控制元素抽取成插件，将HTML模块化更易于扩展，将通用的组件模型抽象出来 插件与组件之间通过依赖注入方式建立联系
JavaScript编码原则之过程抽象
核心的任务：编写可以完成任务的函数
过程抽象概念
用来处理局部细节控制的一些方法 函数式编程思想的基础应用
