• 变量和函数名采用驼峰命名规范,首写字母小写
  • 常量全部使用大写,并以“_”连接单词
  • 尽量使用动词+名词的命名方式,如:”getList”、”setStyle”等
  • JQuery变量必须添加$前缀
  • 关键后空一格
  • 等号两边各空一格
  • 一行语句结束处必须添加“;”
  • 一行过长时,可以另起一行,但与前面的方法对齐,而不是与对象对齐
  • 声明变量或常量时使用Var关键字,防止变量或常量的全局污染
  • 字符串用单引号包裹,如:var myVarName = ‘Sam’
  • 实现鼠标经过效果,尽量采用Css的伪类:hover实现。

在页面引用的位置

所有的JS外部文件的引用应该放到Body标签的结束位置之间,防止页面载入时阻塞

避免在页面中嵌入Javascript代码

避免的写法:


  1. <button type="button" οnclick="fnClick"></button>

推荐的写法:


  1. <button type="button" class="ui-btn" ></button>
  2. //引用的外部是JS文件
  3. $('.ui-btn').unbind().bind('click',function(){
  4. })

减少全局变量

尽量减少全局作用域的变量定义,变量应该包裹在他的业务作用域内。对于必须使用的全局变量,变量名应该以”g_”作为前缀。

Javascript 书写规范相关推荐

  1. javaScript书写规范

    命名规范. 常量名 全部大写并单词间用下划线分隔 如:CSS_BTN_CLOSE.TXT_LOADING对象的属性或方法名 小驼峰式(little camel-case) 如:init.bindEve ...

  2. html css js书写规范

    无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的: 为提高团队协作效率, 便于后台人员添 ...

  3. 论代码书写规范的重要性——分享一篇良好的代码书写规范,从小白开始培养..(表示太难了吧)

    Web前端开发规范手册 文章目录 一.规范目的 1.1 概述 - 1 二.文件规范 2.1 文件命名规则-1 2.2 文件存放位置-2 2.3 css 书写规范-3 2.4 html书写规范-7 2. ...

  4. 规范自己的JavaScript书写 – Dojo Javascript 编程规范

    前言 良好的JavaScript书写习惯的优点不言而喻,今天彬Go向大家推荐Dojo Javascript 编程规范,相当不错的 Javascript 编程风格规范,建议大家可以借鉴一下此规范编写 J ...

  5. 【转】JavaScript常用代码书写规范

    javascript 代码规范 代码规范我们应该遵循古老的原则:"能做并不意味着应该做". 全局命名空间污染 总是将代码包裹在一个立即的函数表达式里面,形成一个独立的模块. 不推荐 ...

  6. CSS 样式书写规范

    可能不同团队都有各自的规范,又或者很多人在写 CSS 的时候还是想到什么就写什么,不存在太多的约束. 我觉得 CSS 代码规范还是有存在的必要的,尤其是在团队配合,多人协作下,规范就显得尤为重要. 本 ...

  7. 推荐大家使用的CSS书写规范、顺序

    推荐大家使用的CSS书写规范.顺序 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, ...

  8. Javascript模块规范(CommonJS规范AMD规范)

    Javascript模块化编程(AMD&CommonJS) 前端模块化开发的价值:https://github.com/seajs/seajs/issues/547 模块的写法 查看 AMD规 ...

  9. JavaScript开发规范 0.01版

    为什么80%的码农都做不了架构师?>>>    JavaScript开发规范v0.01 终极原则:简洁,明晰,优雅. 所谓简洁,可以只写一遍的代码,绝不写两遍: 所谓明晰,尽量只用人 ...

最新文章

  1. 读书笔记(2) OpenLayers中的图层
  2. 招聘|腾讯地图平台部招点云算法工程师
  3. 很多人都在埋怨没有遇到好的团队,但好的团队不可能凭空出现,一流的团队不能仅靠团队成员努力,作为Leader,要有可行的规划,并坚定地执行、时势地调整(转)...
  4. Vue+Openlayer使用Draw实现交互式绘制多边形并获取面积
  5. 查看关于yum的配置
  6. 用limit 实现java的简单分页
  7. Python获取两个列表list的不同之处
  8. 韶关学院2020年计算机科学与技术分数线,韶关学院2019录取分数线预测
  9. 2014年3月计算机四级网络工程师考试试题及答案,某年3月计算机等级考试四级网络工程师笔试试题...
  10. net.sf.json.JSONArray之fromObject的坑
  11. Bzoj5109: [CodePlus 2017]大吉大利,晚上吃鸡!
  12. 双色F3.75LED点阵屏中保护电路74HC04的作用
  13. QQ技术攻略-原来隐藏着这么多秘密
  14. C - error: converting to execution character set:Illegal byte sequence
  15. linux 路径 别名,如何创建路径别名
  16. SpringCloud个人小总结
  17. linux下udev详解
  18. 【全国大学生电子设计大赛】2021-04-26
  19. python的星空绘制教程_星空系列教程-《教你绘制梵高的星空》
  20. windows客户端开发--windows api大全

热门文章

  1. 微信开通检测工具如何检测效果最好
  2. 关于汉字转拼音的Pinyin4j工具使用
  3. 论文笔记Improving Multi-hop Knowledge Base Question Answering by Learning Intermediate Supervision Signa
  4. 天画项目-低代码平台-总体设计与实现
  5. ios avplayer播放完毕监听
  6. 微信小程序微信授权登录的昵称头像授权数量上限,如何删除
  7. linux load averages 和 cpu 使用率
  8. 批量下载ERA5数据(Python+IDM)
  9. 使用el-tag文字过长超出隐藏
  10. AdGuard更多规则推荐