规范
- 数字和字符串不能混合使用。
- 做加减法可能出错
"1"+1 == "11"
- 做判断可能出错
"2"<"11"===false
- 做加减法可能出错
- 几种for循环的使用:
for(var i=0;i<list.length;i++)
: es5,需要拿到下标时、遍历非标准数组如FileList时for(var i in obj)
: es5,遍历对象时使用,不要在遍历数组时使用(性能更差、这里的i
是字符串)for(var i of list)
: es6,遍历数组时使用,不需要拿到下标时
- 箭头函数如果要返回空对象,需要写成
() => ({})
,否则{}会被当成函数体 - 打开定时器之前一定要关闭定时器
因为:如果setInterval前不调用clearInterval; 万一open调用多次,会产生多个野定时器,无法被close关闭
代码逻辑
- 减少不必要的变量:搞清楚每个变量的含义,当两个变量本质上表达的是一个含意时,应该合并成一个变量
- 逻辑要覆盖所有情况:
1. 不能只考虑if
不考虑else
2. 不能只写.then
不写.cache
3. 不能忽略错误,至少把错误打印出来 - 尽量复用代码,不要同一份代码复制过来用。相似的代码也应该封装成一个函数或组件。
- 参数要注意初始化的时机,不必要的初始化会占用额外的资源,该初始化不初始化会导致逻辑问题。
常见问题
如何在页面间传递数据
什么时候使用localstorage,什么时候使用query参数?
首先看看它们都有什么特点
localStorage: 通常用于用户信息、token、配置信息等需要持久化的数据,重点: 它单实例的
url参数: 通常用于记录状态或配置信息,它是轻量的、多实例的、可以跨设备的
全局变量: 通常用于记录一些临时状态或配置, 它是临时的,页面刷新后恢复初始状态
最好自己理解,理不清可以按照以下原则:
- 能使用全局变量就使用全局变量
- 除了登陆信息、配置信息外,尽量使用URL参数