跟着月影学 JavaScript

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

写好js的原则

1、三个模块各司其职

2、组件封装（好的ui组件具备正确性、扩展性、复用性）

3、过程抽象（应用函数式变成）

HTML/CSS/JS 各司其责应当避免不必要的由 JS 直接操作样式可以用 class 来表示状态纯展示类交互寻求零JS 方案

总结: 基本方法 ·结构设计 ·展现效果· 行为设计 API (功能) Event (控制流)

解耦将控制元素抽取成插件插件与组件之间通过依赖注入方式建立联系（还是写在html中）

·将html模板化更便于拓展

因为我们的大项目也是准备写的自定义组件，所以这部分还是给了我很大的启发;

·将组件通过模型抽象出来

·组件的设计原则：封装性、正确性、拓展性、复用性 ·实现组件的步骤：结构设计、展现效果、行为设计 ·三次重构：插件化、模板化、抽象化（组件框架）

组件是指Web贝面上抽出来一个个包含模版(HTML) 、功能S) 和样式CSS)的单元。好的组件具备封装性、正确性、扩展性、复用性

只要是三种语言各司其职就好。如常用的css in js等等

·用来处理局部细节控制的一些方法 ·函数式编程思想的基础应用