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

2019/7/2 阅读：1587次 来源：官网
https://www.mrtx.cn/pjnllibsizs
标准的代码，让人阅读会很轻松。遵循javascript的代码规范是网站前端开发工程师必备素质

遵行惯用法

  • 注释符号‘//’后应该空一格；
  • 防止变量提升，应先声明后使用（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服务器/用户体验设计师和前端开发，梦幻般的设计,注重细节蓝精灵...

    联系我们 结算方式
    站点管理
     文档
    品牌企言
    行业新闻
    网站专家
    网站制作
    网站SEO
    成功案例
    主营业务
    亚荣ECMS
    网站知识
    网站改版
    最新公告
    网站优化
    域名备案
    网站域名
    网站空间
    信息托管
    亚荣动态
    建站流程
    关于亚荣
    网站活动