互联网部-供应商团队js规范
文件命名
页面、js文件命名:采用中划线连接方式,比如说: error-report.html
js文件夹命名:scripts
公共js命名:common.js
文件结构组织
每个页面中中独有的js文件,/scripts文件夹下js文件结构应与页面结构一致
JS语法
变量声明 |
function doSomethingWithItems(items) { var value = 10, // 注释啊,注释啊,亲 所有函数内变量声明放在函数内头部,只使用一个 var,也必须使用var |
标准变量采用驼峰标识 |
var thisIsMyName; |
函数声明 |
var doSomething = function (item) { |
括号对齐 |
if (condition) { 花括号必须要,即使内容只有一行 |
在方法之间、单行或多行注释前、逻辑块之间加入空行,增加可读性 | |
逗号、分号后留一个空格 |
var values = [ 1, 2, 3, 4, 5, 6, 7 ], |
字符常量统一使用单引号' |
var str = '123'; |
for-in |
var prop; for (prop in object) { // 注意这里一定要有 hasOwnProperty 的判断, 否则 JSLint 或者 JSHint 都会有一个 warn ! |
switch |
switch (condition) {
|
构造函数,大写第一个字母 |
function Person(name) { |
使用的ID的地方一定全大写 |
var goodID; |
使用的URL的地方一定全大写 |
var reportURL; |
常量采用大写字母,下划线连接的方式 |
var MAX_COUNT = 10; |
页面js代码内部结构组织
在这,首先要说的是,我们是后端人员,在部门刚起步前后端未分离的情况下,负责了页面中js的编码
下面写的在前端看来是些很烂的东西,但路要一步步走,只能在考虑我们工作难度的基础上实现代码的部分规范
真正的前端甚至可以用MVC框架,但我们不可以,在这首先要考虑的是工作量与新人的适应性
页面js代码内部分为4部分
第一部分
<script language="javascript">
//唯一全局变量
var thisPage = {};
</script>
第二部分
/*页面数据复杂初始化或回填*/
(function ($) { //大多数页面此处为空,复杂回填在此进行,每个操作上方用/**/标明功能,内部用//注释 /*美化html控件*/
$(document).myFormElement(); })(jQuery);
第三部分
/*页面方法——基本用于事件绑定*/
(function ($) { //每个函数上方用/**/标明功能,内部用//注释 /*快捷搜索*/
thisPage.quickSearch = function(pageNum){
//内部实现
alert(pageNum);
}; })(jQuery);
第四部分
/*页面方法——事件绑定*/
(function ($) { //每个事件绑定上方用/**/标明功能,内部用//注释 /*搜索按钮点击事件*/
$(".qs").on('click', function(){
myIndex.quickSearch(1);
}) })(jQuery);
互联网部-供应商团队js规范的更多相关文章
- 前端开发规范:命名规范、html 规范、css 规范、js 规范
上周小组的培训内容是代码可读性艺术,主要分享如何命名.如何优化代码排版,如何写好的注释.我们都知道写出优雅的代码是成为大牛的必经之路. 下面感谢一位前端开发小伙伴总结的前端开发规范,通过学习相关开发规 ...
- 中小型前端团队代码规范工程化最佳实践 - ESLint
前言 There are a thousand Hamlets in a thousand people's eyes. 一千个程序员,就有一千种代码风格.在前端开发中,有几个至今还在争论的代码风格差 ...
- js规范
js规范 Array 和 Object 直接量 为了避免这些歧义, 我们应该使用更易读的直接量来声明. var a = [x1, x2, x3]; var a2 = [x1, x2]; var a3 ...
- Git常用命令和Git团队使用规范指南
转自:https://wsgzao.github.io/post/git/ 前言 在2005年的某一天,Linux之父Linus Torvalds 发布了他的又一个里程碑作品——Git.它的出现改变了 ...
- 【重点突破】—— Easy Mock的使用及Mock.js规范
前言:在线使用Easy Mock可视化工具,可以提供快速生成“模拟数据”的持久化服务: Mock.js是一个JS插件,指定了一套规范,而Easy Mock工具就遵循这些规范. 一.Easy Mock ...
- 前端开发规范之命名规范、html规范、css规范、js规范
在学习编程的时候,每次看到那些整齐规范的代码,心里顿时对这个程序员表示点点好感,有时,比如看到自己和朋友写的代码时,那阅读起来就是苦不堪言,所以,一些基本的开发规范是必须的,是为了自己方便阅读代码,也 ...
- iOS团队代码规范
iOS团队代码规范 工程之始可能需要的工具: 1.使用CocoaPods类库管理工具.CocoaPods安装和使用教程. 2.下载安装注释插件VVDocumenter-Xcode. 一.项目结构管理 ...
- 腾讯Alloy团队代码规范
概述 我个人很看重代码规范,因为代码是写给别人看的,按规范写别人才更容易理解.之前苦于没有代码规范的资料,现在在github上面看到了腾讯Alloy团队的代码规范,于是学习了一下,并记录下我自己还没怎 ...
- JS规范2
百度SS Javascript编码规范 1.变量.方法命名必须匹配正则:/^[$_a-zA-Z]\w*$/ /** * 虽然Javascript引擎支持多种格式命名的变量, * 比如下面这样的变量,J ...
随机推荐
- 006 Android XML 文件布局及组件属性设置技巧汇总
1.textview 组件文本实现替换(快速实现字符资源的调用) android 应用资源位置在 project(工程名)--->app--->res--->values 在stri ...
- bzoj1041 圆上的整点 数学
题目传送门 题目大意:求一个给定的圆(x^2+y^2=r^2),在圆周上有多少个点的坐标是整数. 思路:没思路,看大佬的博客(转载自https://blog.csdn.net/csyzcyj),转载只 ...
- F. Clear the String(区间 DP )//每次都删除一个相同字符的子串 , 最小多少次
https://codeforces.com/contest/1132/problem/F 借鉴:https://www.cnblogs.com/chhokmah/p/10508762.html 题意 ...
- adb自救指南
以下只能自救专用 adb.exe root adb remount adb.exe connect <Ip> adb.exe install [-r] [-d] <apkPath&g ...
- C# 调用键盘
首先我们说的键盘指的是:tabtip和osk.但这两个所在的位置不同,样貌也不一样 C:\Windows\System32\osk.exe C:\Program Files\Common Files\ ...
- [转] git忽略已经被提交的文件
[From] https://segmentfault.com/q/1010000000430426 正确的做法应该是:git rm --cached logs/xx.log,然后更新 .gitign ...
- openssl-devel和openssl 是什么具体关系
[转自] https://zhidao.baidu.com/question/919579491101051499.html Redhat在封装openssl的时候,把openssl分成了几个部分,执 ...
- Java 安全套接字编程以及 keytool 使用最佳实践
Java 安全套接字编程以及 keytool 使用最佳实践 http://www.ibm.com/developerworks/cn/java/j-lo-socketkeytool/
- drf之视图案例
views.py from django.shortcuts import render # Create your views here. from rest_framework.generics ...
- Laplace变换要点
Laplace变换在求解微分方程.信号系统.自动控制领域都有重要作用.阅读<复变函数与积分变换>华中科大第三版,小结要点. 方便应用,最先给出变换表: 定义: 性质: 周期函数与卷积: