字节青训营学习笔记（初学JS）
今天是青训营打卡学习的第三天，接下来是关于今天学习内容的笔记，萌新上路，请多多指教！如有错误请批评指正！谢谢！
理解什么是JS
是一种具有函数一种具有函数优先的轻量级，解释型或即时编译型的编程语言
JS由三部分构成.
- ECMAScript,js语言核心部分,其作用是描述了该语言的语法和基本对象
- 文档对象模型(DOM),网页文档操作标准
- 浏览器对象模型(BOM),客户端和浏览器窗口操作基础
如何写好JS？
各司其责：
HTML,CSS，JavaScript职能分离，避免不必要的JS直接操作样式，这是做前端工程师要迈出的第一步
组件封装：
做前端更多的时候是跟UI打交道，跟UI打交道我们需要把UI的一些组件封装起来去使用的
过程抽象：
处理UI交互的细节，达到过程抽象可以使代码提高可扩展性
各司其责
这两段是更改夜间模式的代码，为什么说第二版代码比第一版代码更好？
第一版代码是直接操作CSS样式里的属性，而第二版代码是对HTML的标签状态进行操作，很好的体现了我们所说的代码各司其责，前端工程师最基本的原则就是结构表现行为分离
组件封装
组件封装的基本步骤
- 结构分析设计
- 设计展现效果
- 行为设计
