前端编程规范记录
一、记录(一)
1、常量命名规范:大写、语义化
2、事件应定义常量来描述
3、函数不能超出一屏,应尽可能按照功能拆分成多个函数,使代码简洁清晰
4、函数命名应该是 动词+名词;属性命名是 名词
5、判断条件一致的要善用switch,别忘写break
6、if..else if...else 要把return放在各自path内部,使代码更容易理解
7、单独的模块要通过匿名立即执行函数包裹,使依赖声明成为局部变量,减少作用域链查询
8、提交代码后要将被注释掉的逻辑代码删掉,只保留少量解释性注释
9、catch()虽然在产品逻辑中无需处理,但在代码层面应该避免程序报错,因此最好增加catch语句
10、由于js是单线程语言,在涉及到对时间准确性要求较高的场景,应该通过实时取服务器获取的方式来前端与服务器同步,如果请求量太大造成服务器压力过大的话就还是需要本地计算
11、需求实现前要先将需求拆分,对应的将函数分类,通常可将函数分为逻辑处理函数和渲染(render)函数两部分
二、ES6导出规范
1、export default 向外暴露的成员,可以使用任意变量来接收
2、在一个模块中,export default 只允许向外暴露一次
3、在一个模块中,可以同时使用export default 和export 向外暴露成员
4、使用export向外暴露的成员,只能使用{ }的形式来接收,这种形式,叫做【按需导出】
5、export可以向外暴露多个成员,同时,如果某些成员,在import导入时,不需要,可以不在{ }中定义
6、使用export导出的成员,必须严格按照导出时候的名称,来使用{ }按需接收
7、使用export导出的成员,如果想换个变量名称接收,可以使用as来起别名