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

JavaScript

写好JS的一些原则

• 让HTML、CSS、Js职能分离
• 组件封装（好的UI组件具备正确性、扩展性、复用性）
• 过程抽象 应用函数式编程思想

一个小案例：深夜食堂 调整他的背景颜色

应该让JS去操作class类而不是直接去操作样式以免对之后要添加更多样式造成麻烦

结论：

HTML/CSS/JS各司其职

应该避免不必要的由JS直接操作样式

可以用class类来表示状态

纯展示类交互寻求零JS方案

JavaScript特点如下： JavaScript是一种脚本语言，特点是简单、易学、易用，语法规则比较松散，能够快速完成程序的编写工作 JavaScript可以跨平台，它不依赖操作系统，仅需要浏览器的支持 JavaScript支持面向对象，可以使JavaScript开发变得快捷和高效，降低开发成本

JavaScript由ECMAScript、DOM、BOM三部分组成。

JavaScript组成部分的简单介绍如下： ECMAScript：是JavaScript的核心。它规定了JavaScript的编程语法和基础核心内容，是所有浏览器厂商共同遵守的一套JavaScript语法工业标准 DOM：文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准编程接口，通过DOM提供的接口，可以对页面上的各种元素进行操作 BOM：浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM，可以对浏览器窗口进行操作

注释

JavaScript代码的注释方式，以及在VS Code编辑器中对应的快捷键如下： 单行注释：以“//”开始，到该行结束或 /”结束。需要注意的是，多行注释中可以嵌套单行注释，但不能再嵌套多行注释。快捷键：shift + alt + a

变量命名的规范

在对变量进行命名时，需要遵循变量的命名规范，具体如下： 由字母、数字、下划线和美元符号（$）组成 严格区分大小写 不能以数字开头 不能是关键字、保留字 要尽量做到“见其名知其意” 建议遵循驼峰命名法，首字母小写，后面的单词首字母大写