首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js代码规范

前言 在js的代码开发中,我简单的总结出了以下规则,后面会陆续补充并且对规范进行分类。...js代码建议保存到后缀名.js的文件中 js代码不建议放在html中,原因有:不能被缓存,会增大网页文件的大小,可维护性不高,会影响页面的加载。...函数声明: 所有的函数应该在使用前被声明; 函数声明格式,函数名与左括号无间隔,右括号与方法体大括号有空格,大括号结束符与方法声明行头部对齐。...(快捷键crtl+shift+f) 特别的,如果是匿名函数,应该在方法类型与小括号之间加空格。...比如对象 var obj={} ;var arr=[] eval eval是最容易混乱使用的js函数,他可以执行内部入参的js函数或者表达式,可以直接解析变量。不建议使用 。

8.8K30
您找到你想要的搜索结果了吗?
是的
没有找到

前端JS规范

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 程序员应该清楚场景下是一定要加分号的,相信你也是名好的开发者。...,例如优先使用 string.charAt(3) 而不是 string[3] eval() 由于 eval 方法比较 evil,所以我们约定禁止使用该方法 with() {} 由于 with 方法会产生神奇的作用域

5.3K10

前端开发规范之命名规范、html规范、css规范js规范

"> 变量命名 命名方式: 小驼峰式命名方法 命名规范: 类型+对象描述的方式,如果没有明确的类型,就可以使前缀为名词 类型 小写字母 array a boolean...脚本加载 说到js和css的位置,大家应该都知道js放在下面,css放在上面。...js声明提前 javascript会自动将函数作用域内的变量和方法的定义提前(只是提前声明,赋值还是在原处) 例如: (function(log){ 'use strict'; var a =...eval()函数的作用是返回任意字符串,当作js代码来处理。 ---- this关键字 只在对象构造器、方法和在设定的闭包中使用 this 关键字。this 的语义在此有些误导。...'valid' : 'invalid' ---- JSHint 在js规范中,有很多规范都是样式上的规范而不是逻辑上的规范,比如尽量使用=== 而不是==,我们可以使用JSHint或者JSLint,Javascript

6.3K10

Vue.js 组件编码规范

目标 本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性: 其它开发者或是团队成员更容易阅读和理解。...-- 与自定义元素规范不兼容 --> 组件表达式简单化 Vue.js 的表达式是 100% 的 Javascript 表达式。这使得其功能性很强大,但也带来潜在的复杂性。...即使其他开发者并未按照你预想的方法使用时也不会出错。 怎么做? 提供默认值。 使用 type 属性校验类型。 使用 props 之前先检查该 prop 是否存在。...通过 props 传递回调函数给子组件来达到调用父组件方法的目的。 通过在子组件触发事件来通知父组件。 谨慎使用 this....保证所有的开发者使用同样的编码规范。 更早的感知到语法错误。 怎么做?

6.4K20

JS模块化编程规范1——require.js

概述 require.js是各种网络APP中非常常见的JS依赖库,它其实不仅仅是个模块加载器那么简单。它背后蕴含了一个非常重要的设计,也就是JS模块化编程。...这样,如果大家都约定使用同样的模块化规范设计,从一个框架到另外一个框架就没有成本,并且可以互相加载引入。 这里通过一个计算幂运算的例子,详细论述require.js的使用。 2....详论 AMD模块规范听起来很高大上,但实际上并不是很复杂。模块化设计就是为了方便模块之间交互性,那么接口必然是统一而简约的,我们只要按照约定的规则来使用它即可。 2.1....return result; } var myMath = new MyMath(); return myMath; }) 这里两个例子说明了定义模块是通过define方法定义模块的...通过require方法去加载自定义的数学库模块和JQuery模块,其中第一个参数定义了需要加载的模块;第二个参数则是加载成功之后的回调函数: require(['modules'], callback)

3.2K10
领券