前端编程规范记录

一、记录(一)

  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来起别名

原文地址:https://www.cnblogs.com/huangfeihong/p/10925541.html