一、写好 JS 的一些原则
1. 各司其责
- HTML、JS、CSS各司其责
- 应当避免不必要的由直接操作样式
- 可以用class来表示状态
- 纯展示类交互寻求零JS方案
2. 组件封装
- 组件设计的原则：封装性、正确性、扩展性、复用性；
- 实现组件的步骤：结构设计、展现效果、行为设计；
- 三次重构：插件化、模板化、抽象化（组件框架）。
3. 过程抽象
- 过程抽象 / HOF / 装饰器
- 命令式 / 声明式
二、写代码最应关注什么
风格、效率、约定、使用场景、设计
三、一些JS知识点
- 数据类型:JavaScript有6种原始数据类型:字符串、数字、布尔值、null、undefined、符号,以及一种复杂数据类型Object。
- 运算符:JavaScript支持算数运算符、比较运算符、逻辑运算符、赋值运算符等。
- 语句:JavaScript有if/else语句、for循环、while循环、do...while循环、switch语句等。
- 函数:JavaScript函数是第一类对象,支持函数表达式、函数声明、箭头函数、匿名函数等。
- 作用域:JavaScript有全局作用域和函数作用域,没有块级作用域。使用let和const可以定义块级作用域的变量。
- 对象:JavaScript对象可以使用对象字面量或构造函数 new Object() 创建。对象可以包含属性和方法。
- 数组:JavaScript数组是对象的一种,可以包含任意数据类型,可以使用数组字面量或构造函数 new Array() 创建。
- 日期:JavaScript提供了Date对象来处理日期和时间。可以使用构造函数 new Date() 创建日期对象。
- Math:Math对象包含数学常数和方法,可以用于执行数学计算。
- 字符串:字符串是以"或'括起来的零个或多个字符,JavaScript提供了字符串对象的方法用于操作字符串。
- 面向对象:JavaScript支持面向对象的程序设计,可以使用对象创建自己的类型,并通过构造函数实例化对象。
- DOM:DOM代表文档对象模型,JavaScript可以用于操作HTML和CSS,通过DOM接口访问和修改网页内容。
- BOM:BOM代表浏览器对象模型,JavaScript可以用于与浏览器进行交互,访问浏览器窗口、导航、历史、屏幕等信息
