JavaScript书写原则|青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第4天，学习JavaScript，下面是我个人的一些认知与总结，主要讲解JavaScript书写原则
写好JS的一些原则
- 各司其责：让HTML,CSS，javascript职能分离，是做前端工程师要迈出的第一步
- 组件封装：做前端更多的时候是跟UI打交道，跟UI打交道我们需要把UI的一些组件封装起来去使用的
- 过程抽象：处理一些UI交互的细节，达到过程抽象可以使我们的代码提高可扩展性
HTML\CSS\JavaScript 各司其职
这是两段更改夜间显示模式的js代码，他们实现的功能都是相同的，但比较起来第二种代码比第一种更好,那为什么说第二种会更好呢？
第一种是直接操作CSS样式里的属性，而第二种只是操作了HTML元素的状态，前面我们提到了写好JS的一些原则--各司其职，对于前端来说，HTML是负责结构的，CSS负责表现，JavaScript是负责行为的，结构表现行为分离是我们前段==前端工程师要掌握的基本原则，在这里第一种不好的地方就在于用JavaScript来控制CSS,做了CSS该做的事情
组件封装
- 结构设计
- 效果展现
- 行为设计
- API(功能)
- Event(控制流)
小结
这篇笔记记录的是HTML\CSS\JavaScript各司其职的思想，并且包含了月影老师在课堂上所使用的例子。虽然理解起来并不难，但是对于培养这样的思想还是需要经过时间的沉淀。如何写好JavaScript、如何高效地进行开发，也是需要持续学习的内容
