工程中的配置 在我们现在所有的工程中都配置了eslint校验命令： npm run lint / npm run lintfix, 区别只是一个只做eslint验证，一个是会主动fix部分问题 引用 请记得...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方法。
不推荐： 推荐： <script src="//cdn.com/foundation.min.<em>js</em>...文档<em>规范</em> HTML5的文档类型声明：<!...脚本加载 说到<em>js</em>和css的位置，大家应该都知道<em>js</em>放在下面，css放在上面。...'valid' : 'invalid' ---- JSHint 在<em>js</em><em>规范</em>中，有很多<em>规范</em>都是样式上的<em>规范</em>而不是逻辑上的<em>规范</em>，比如尽量使用=== 而不是==，我们可以使用JSHint或者JSLint，Javascript...---- 使用子选择器 很多<em>前端</em>开发人员写选择器链的时候不使用 直接子选择器（注：直接子选择器和后代选择器的区别）。 有时，这可能会导致疼痛的设计问题并且有时候可能会很耗性能。
:absolute; top:90px; right:26px; background-color:green; color:#fff; border:1px solid gray; } JS...this.nowCode += codeChars[charIndex]; } }, // 切换验证码 changeCode() { this.createCode(); }, // 校验验证码
前言 前端规范主要是为了让代码能有更好的可读性以及优雅性。不要为了规范而去规范，使用某些花里胡哨的写法，本质上是为了代码的维护性更强一些，所以才会制定规范来约束。...~ 推荐-Vue-Router写法 推荐-Vue项目目录结构 推荐-Vue实例选项顺序 推荐-优雅引用字体 推荐-200错误统一处理 前后端分离接口规范 前端工程工具链 前端Git规范 前端JS规范...前端CSS规范 1....前端JS规范 变量 命名方式：小驼峰 命名规范：前缀名词 // bad let setCount = 10 // good let maxCount = 10 常量 命名方式：全部大写 命名规范：多个单词时使用分隔符...前端CSS规范 前端CSS规范 分号 每个属性声明后面都要加分号。
正常情况下，前后端对于请求的参数都需要校验的，这能提高应用程序的稳定性、可维护性，而对于前后台如果能将这种不可缺少校验规则汇总并制定一套规范，在每一个应用程序中都使用这种规范，能给带来不少好处。...那在哪些情况下适合使用前、后端校验了： 应用程序业务单一、后期维护少、不涉及敏感信息，如：公司内部OA系统，这种系统可以直接使用前端校验，而这里的前端参数校验可以使用：H5表单校验或者封装常用校验JS文件...前端请求参数校验 常用的方式有这些： 自己封装一个通用校验JS文件，统一校验方式（使用与JS发送请求） H5标签属性检验方式（适用于web form表单提交） 第三方JS自己封装的校验方法，这里对前端的建议尽量统一起来...、规范起来。...后端请求参数校验 常用的方式有这些： 不校验，我对比了之前开发的一些小系统（外包）对于后端参数基本没有，这种方式的确可以做到后端开发快，所有的校验都交给前端做，但对于前端不友好，如：由于前端少传递一个参数
该文讲述了如何对JS密码强度进行校验，通过判断密码长度、是否包含数字、是否包含小写字母、是否包含大写字母、是否包含特殊字符，以及空值和负数等情况，来评估密码的强...
-- Recommended --> /* Recommended */ .example
编码规范 一、 HTML编码规范 1.代码风格 1.1 缩进与换行 [强制] 使用4个空格作为一个缩进层级。 [建议] 每行不得超过120个字符。...例如： //good //bad 复制代码 [建议] 布尔类型的属性...[建议] 常用的选择器命名 1代码风格 1.1 缩进 [强制] 统一使用 4 个空格缩进，不得使用 tab 和 2 个空格（没规范前的缩进方式不管）。...目前，比较成熟的 AMD Loader有： 官方实现的 require.js 百度自己实现的 esl [强制] 模块 id 必须符合标准。...不应该有 .js 后缀。 跟文件的路径保持一致。 3.1.2 define [建议] 定义模块时不要指明 id 和 dependencies 。
（4）不要在自闭合（self-closing）元素的尾部添加斜线 -- HTML5 规范中明确说明这是可选的。...四、语言属性 根据 HTML5 规范： 强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。...XHTML 规范要求为其赋值，但是 HTML5 规范不需要。 （2）元素的布尔型属性如果有值，就是 true，如果没有值，就是 false。 （3）如果属性存在，其值必须是空字符串或 [...]...6.2 错误检测 这样做的关键因素是为了错误检测 -- 例如，CSS 校验器指出在 100 行有语法错误。...（6）使用 .js-* class 来标识行为（与样式相对），并且不要将这些 class 包含到 CSS 文件中。 在为 Sass 和 Less 变量命名时也可以参考上面列出的各项规范。
JavaScript Style Guide（http://contribute.jquery.org/style-guide/js/#full-file-closures） 1....腾讯alloyteam团队前端代码规范：https://www.kancloud.cn/digest/code-guide/42604
.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.尽量写全不用缩写...模块输出函数, 函数首字母小写 模块输出对象,对象首字母大写 代码校验 代码验证 使用 W3C HTML Validator 来验证你的HTML代码有效性； 使用 W3C CSS Validator...{"extends": "eslint-config-airbnb"} 参考 ES6入门-编程风格 前端开发规范手册 网页字体排印指南 ----
-- Recommended --> /* Recommended...最大缩放比例； 此手册是在开发中积累下来的经验和参考其它规范
撇开缓存无效不谈，这确实很困难，每当俺找不到正确的名称时，这个臭名昭著的引用就会在俺的脑海中萦绕。
前言 在js的代码开发中，我简单的总结出了以下规则，后面会陆续补充并且对规范进行分类。...js代码建议保存到后缀名.js的文件中 js代码不建议放在html中，原因有：不能被缓存，会增大网页文件的大小，可维护性不高，会影响页面的加载。...js吧任何表达式都当一条简单语句，会导致一些隐性的错误。如果自己没加分号，那么js解释器会自动添加分号，按照自己能读懂的断句。 9.2 复合语句 也称为语句块，被包在大括号内部。...变量作用域 js没有有块级作用域，只有函数作用域。 [] {} 的用法 使用直接量发来声明对象和数组。...比如对象 var obj={} ;var arr=[] eval eval是最容易混乱使用的js函数，他可以执行内部入参的js函数或者表达式，可以直接解析变量。不建议使用 。
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
@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
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
