male', age: 25 } 只对非法标识符的属性使用引号，eslint: quote-props 原因：因为通常来说我们认为这样主观上会更容易阅读，这样会带来代码高亮上的提升，同时也更容易被主流 JS...bar.css' // good import fooSass from 'foo.scss' import barCss from 'bar.css' 迭代器 建议使用 JS 更高优先级的函数代替...时等于 false, 否则是 true if ([0] && []) { // true // 数组(即使是空数组)也是对象，对象等于true } 分号 Standard 的规范是不使用分号的...，我建议统一使用分号，代码更加清晰 关于应不应该使用分号的讨论有很多，好的 JS 程序员应该清楚场景下是一定要加分号的，相信你也是名好的开发者。
C.Js代码注释console.log和debugger再提交 D.重要函数或者类等都要添加头描述 ? 字符串拼接 应使用数组保存字符串片段，使用时调用join方法。
文档规范 HTML5的文档类型声明：<!...脚本加载 说到js和css的位置，大家应该都知道js放在下面，css放在上面。...不要将img元素当做专门用来做视觉设计的元素 样式上的问题应该使用css解决 不推荐： <!...'valid' : 'invalid' ---- JSHint 在js规范中，有很多规范都是样式上的规范而不是逻辑上的规范，比如尽量使用=== 而不是==，我们可以使用JSHint或者JSLint，Javascript...---- 使用子选择器 很多前端开发人员写选择器链的时候不使用 直接子选择器（注：直接子选择器和后代选择器的区别）。 有时，这可能会导致疼痛的设计问题并且有时候可能会很耗性能。
前言 前端规范主要是为了让代码能有更好的可读性以及优雅性。不要为了规范而去规范，使用某些花里胡哨的写法，本质上是为了代码的维护性更强一些，所以才会制定规范来约束。...~ 推荐-Vue-Router写法 推荐-Vue项目目录结构 推荐-Vue实例选项顺序 推荐-优雅引用字体 推荐-200错误统一处理 前后端分离接口规范 前端工程工具链 前端Git规范 前端JS规范...前端CSS规范 1....前端JS规范 变量 命名方式：小驼峰 命名规范：前缀名词 // bad let setCount = 10 // good let maxCount = 10 常量 命名方式：全部大写 命名规范：多个单词时使用分隔符...前端CSS规范 前端CSS规范 分号 每个属性声明后面都要加分号。
关于Web前端优化，作为一名前端工程师肯定明白。...之前蚂蚁小编跟大家也介绍了一些关于移动端前端优化事项和知识点。比如 以下的八点移动端的优化规范指南。同时也是我们需要遵循的8项原则。 1、PC优化手段在Mobile中同样适用 2....而对于移动webAPP的前端性能的优化对于移动APP的用户体验来说非常重要。 应该说WebAPP移动前端性能优化比PC端更为重要。...下面是蚂蚁社区的小编为大家收集的一些WebAPP移动前端性能优化规范和设计指导。希望对大家有所帮助，有帮助的话，可以收藏下！ ?
-- Recommended --> /* Recommended */ .example
编码规范 一、 HTML编码规范 1.代码风格 1.1 缩进与换行 [强制] 使用4个空格作为一个缩进层级。 [建议] 每行不得超过120个字符。...例如： //good //bad 复制代码 [建议] 布尔类型的属性...如果事件需要传递较多信息，应仔细设计事件对象。 [建议] 设计自定义事件时，应考虑禁止默认行为。 解释： 常见禁止默认行为的方式有两种： 事件监听函数中 return false。...[建议] 具备强类型的设计。 3.浏览器环境 3.1 模块化 3.1.1 AMD [强制] 使用 AMD 作为模块定义。...目前，比较成熟的 AMD Loader有： 官方实现的 require.js 百度自己实现的 esl [强制] 模块 id 必须符合标准。
第一部分 编写灵活、稳定、高质量的HTML代码的规范 一、唯一定律 无论有多少人共同参与同一项目，一定要确保每一行代码都像是唯一个人编写的。...（4）不要在自闭合（self-closing）元素的尾部添加斜线 -- HTML5 规范中明确说明这是可选的。...四、语言属性 根据 HTML5 规范： 强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。...XHTML 规范要求为其赋值，但是 HTML5 规范不需要。 （2）元素的布尔型属性如果有值，就是 true，如果没有值，就是 false。 （3）如果属性存在，其值必须是空字符串或 [...]...（6）使用 .js-* class 来标识行为（与样式相对），并且不要将这些 class 包含到 CSS 文件中。 在为 Sass 和 Less 变量命名时也可以参考上面列出的各项规范。
HEAD apple-touch-icon 图片自动处理成圆角和高光等效果; apple-touch-icon-precomposed 禁止系统自动添加效果，直接显示设计原图; 文档类型 <!....slide, .modal, .tips, .tabs，特殊化采用上面两个中划线表示，如.imgslide--full, .modal--pay, .tips--up, .tabs--simple js...操作的类统一加上js-前缀 不要超过四个class组合使用，如.a.b.c.d JavaScript 注释 如无必要勿增注释, 如有必要尽量详尽, 只使用//, 避免使用/*...*/ 函数方法注释包含函数说明参数和返回值及返回值类型...var loadingData = ajax.get('url'); loadingData.then(callback); 接口命名规范 (1.可读性强 2.不与jQuery社区习惯冲突 3.尽量写全不用缩写...{"extends": "eslint-config-airbnb"} 参考 ES6入门-编程风格 前端开发规范手册 网页字体排印指南 ----
JavaScript Style Guide（http://contribute.jquery.org/style-guide/js/#full-file-closures） 1....腾讯alloyteam团队前端代码规范：https://www.kancloud.cn/digest/code-guide/42604
-- Recommended --> /* Recommended...最大缩放比例； 此手册是在开发中积累下来的经验和参考其它规范
撇开缓存无效不谈，这确实很困难，每当俺找不到正确的名称时，这个臭名昭著的引用就会在俺的脑海中萦绕。
js类与构造函数参考原文献 9..../AirbnbStyleGuide'; // bad // filename es6.js export { es6 as default } from '..../AirbnbStyleGuide'; // good // filename es6.js import { es6 } from '....= b = c = 1; // good let a = 1; let b = a; let c = a; 11.6、避免使用 ++ 或 –，使用 += 或 -= 代替（eslint规范...空格（具体遵循eslint规范） 14.1、始终使用 2 个空格作为块之间的间距 14.2、在前括号【{ }, ( )】之前放置1个空格 // bad function test(){ console.log
前言 在js的代码开发中，我简单的总结出了以下规则，后面会陆续补充并且对规范进行分类。...js代码建议保存到后缀名.js的文件中 js代码不建议放在html中，原因有：不能被缓存，会增大网页文件的大小，可维护性不高，会影响页面的加载。...js吧任何表达式都当一条简单语句，会导致一些隐性的错误。如果自己没加分号，那么js解释器会自动添加分号，按照自己能读懂的断句。 9.2 复合语句 也称为语句块，被包在大括号内部。...变量作用域 js没有有块级作用域，只有函数作用域。 [] {} 的用法 使用直接量发来声明对象和数组。...比如对象 var obj={} ;var arr=[] eval eval是最容易混乱使用的js函数，他可以执行内部入参的js函数或者表达式，可以直接解析变量。不建议使用 。
@param @argument 指定参数名和说明来描述一个函数参数 @returns 描述函数的返回值 @author 指示代码的作者 @depreca...
EMCAScript规范 javascript语言实现,ES6规范（使用babel编译器将es6转换为es5，webpack只支持部分es6）： import "jquery"; /...default只有一个，export可以有多个 commonjs规范 nodejs语言实现 require("module"); require(".....nodejs，需要通过browserify工具转换为浏览器支持js （例如：browserify main.js > compiled.js）： 浏览器不兼容nodejs的几个模块 module exports...和curl.js实现 网页js的异步加载 内部函数 require.config({参数})...deps: ['underscore', 'jquery'], exports: 'Backbone' } } }); CMD 淘宝工程师编写seajs，提出cmd规范
html规范 实用为王,减少标签的数量 尽量遵循 HTML 标准和语义，但是不要以牺牲实用性为代价。任何时候都要尽量使用最少的标签并保持最小的复杂度。 <!...能避免时尽量避免，除非必须用 禁忌 【强制】“结构层，行为层，表现层”分离这是基本的原则，页面中不允许出现css内容(包括行内样式和style) 【强制】Js必须放到body结束标签前，禁止放在head...来人为干预图片显示的尺寸，而且建议 标签中不要带上width 和height 两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能； css规范...【强制】文件名 全部使用小写字母并以 .js 结尾,多个单词用分隔符 ‘-’分隔 变量延迟初始化 原始值 1.允许延迟变量初始化，不必在声明变量时初始化。 2....操作DOM的时候，尽量减少重绘，有js操作的时候不管是class或者id命名都以js-开头 Post Views: 324
正例：render-dom.js / signup.css / index.html / company-logo.png 反例：renderDom.js / UserManagement.html 1.1.4...2)很多前端开发人员写选择器链的时候不使用 直接子选择器（注：直接子选择器和后代选择器的区别）。有时，这可能会导致疼痛的设计问题并且有时候可能会很耗性能。然而，在任何情况下，这是一个非常不好的做法。...比如权限：后端 privilege，前端无论是 router、store、api 等都必须使用 privilege 单词！...正例： 后端 URL：EmployeeController.java /employee/add /employee/delete/{id} /employee/update 前端：employee.js...目录结构： |constants |-- index.js |-- role.js |-- employee.js 示例：employee.js export const EMPLOYEE_STATUS
由于定位（positioning）可以从正常的文档流中移除元素，并且还能覆盖盒模型（box model）相关的样式，因此排在首位。盒模型决定了组件的尺寸和位置，...
var loadingData = ajax.get('url'); loadingData.then(callback); 接口命名规范 可读性强，见名晓义； 尽量不与 jQuery 社区已有的习惯冲突
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
