网站前端开发工程师应遵循的代码规范

2019/7/2 阅读:523次 来源:官网

遵行惯用法

  • 注释符号‘//’后应该空一格;
  • 防止变量提升,应先声明后使用(jshint会提醒出‘_height’存在变量提升以及定义后未使用的错误);
  • 不应该使用硬编码,并且重复几次(id后缀名可以定义到常量里,用大写字母);
  • 不应该有两个配置属性,含义不明(this.opts和this._options);
  • 若两次以上引用同一对象的属性,应该定义到局部变量再引用(varptions=this._options);
  • 不应该同时使用两种属性命名风格(colmodel和table_body);
  • 局部变量名应该尽可能短,而方法名应该尽可能完整(不应该同时即有fromattpl又有parsetemplate);
  • 局部变量名不需要用下划线开头,仅对象私有属性和私有方法有此必要;
  • 变量名不需要带类型属性(_thdoms叫ths就好);
  • 使用javascript时,for循环基本可以避免(比如jquery有.each,.map,.filter,.grep等等高阶函数可用);
  • jquery对象名习惯以开头,以便区分dom对象;
  • jquery查询应尽量使用ontext;
  • jquerydom操作和原生dom操作不应该混用(已经使用jquery的情况,就应该坚持使用jquery来操作dom,避免丑陋的原生操作);
  • dom元素构造出来,也不应该再到文档中查询一遍了(图上的构造太复杂,一眼真看不懂);
  • 代码复查

    把程序写正确还只是跨出了第一步。把代码交给你的同事和朋友复查,这是学习经验、共同提高 最快的办法。

    作者:dukeyi2018标签:
    JavaScript
    jQuery
    网站前端
    工程师
    规范
    今日值班

    精灵,YR-ECMS的共同所有者,专注Web服务器/用户体验设计师和前端开发,梦幻般的设计,注重细节蓝精灵...

    联系我们 结算方式
    站点管理
    文档