首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js代码规范

    前言 在js代码开发中,我简单总结出了以下规则,后面会陆续补充并且对规范进行分类。...js代码建议保存到后缀名.js文件中 js代码不建议放在html中,原因有:不能被缓存,会增大网页文件大小,可维护性不高,会影响页面的加载。...js吧任何表达式都当一条简单语句,会导致一些隐性错误。如果自己没加分号,那么js解释器会自动添加分号,按照自己能读懂断句。 9.2 复合语句 也称为语句块,被包在大括号内部。...当返回表达式时候,应该控制在同一行,分号结尾。 基本语句格式,按照正确句法,比如if,else,for,switch 等 空白 : 相关程序之间添加空白行增强程序可读性。...比如对象 var obj={} ;var arr=[] eval eval是最容易混乱使用js函数,他可以执行内部入参js函数或者表达式,可以直接解析变量。不建议使用 。

    8.9K30

    JS规范注释

    命令名描述 @param @argument 指定参数名和说明来描述一个函数参数 @returns 描述函数返回值 @author 指示代码作者 @deprecated 指示一个函数已经废弃,...而且在将来代码版本中将彻底删除。...要避免使用这段代码 @see 创建一个HTML链接,指向指定类描述 @version 指定发布版本 @requires 创建一个HTML链接,指向这个类所需指定类 @throws @exception...描述函数可能抛出异常类型 {@link} 创建一个HTML链接,指向指定类。...如果在文件第一个文档块中使用这个标记,则指定该文档块余下部分将用来提供这个文件概述 @class 提供类有关信息,用在构造函数文档中 @constructor 明确一个函数是某个类构造函数

    3.4K20

    js命名规范

    撇开缓存无效不谈,这确实很困难,每当俺找不到正确名称时,这个臭名昭著引用就会在俺脑海中萦绕。...当有人需要快速理解代码时,清晰命名提供了重要上下文,无论他们是在编码、调试还是协助队友——俺不需要问别人用户意思,但俺必须问数据意思。...虽然俺不经常找到最好名字,但俺试图通过遵循一些基本规则来优化俺代码。 使用有意义前缀 虽然这些前缀不是通用,但它们对于在您团队中建立一种共享语言是很好。...不要用“无用”词 container和wrapper只有在与它们所包含东西相关时才有意义。问题是,不是基本元素任何组件都包含另一个组件。...总结 这些规则目标是让我们为未来读者编写代码尽可能有意义。找到适合您上下文规则,如果一个规则弊大于利,就更改或放弃它。

    2.5K30

    前端JS规范

    ,eslint: quote-props 原因:因为通常来说我们认为这样主观上会更容易阅读,这样会带来代码高亮上提升,同时也更容易被主流 JS 引擎优化 // bad const bad = {...别忘记要显式命名表达式,而不用管名字是否是从包含变量(通常出现在现代浏览器中或者使用 Babel 编译器时候)中推断。这样会消除错误调用堆栈中任何假设。...bar.css' // good import fooSass from 'foo.scss' import barCss from 'bar.css' 迭代器 建议使用 JS 更高优先级函数代替...' 时等于 false, 否则是 true if ([0] && []) { // true // 数组(即使是空数组)也是对象,对象等于true } 分号 Standard 规范是不使用分号...,我建议统一使用分号,代码更加清晰 关于应不应该使用分号讨论有很多,好 JS 程序员应该清楚场景下是一定要加分号,相信你也是名好开发者。

    5.3K10

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

    那阅读起来就是苦不堪言,所以,一些基本开发规范是必须,是为了自己方便阅读代码,也方便他人阅读修改代码。...文档规范 HTML5文档类型声明:那么,那么就等同于开启了标准模式。浏览器会按照W3C标准解析渲染页面。 脚本加载 说到js和css位置,大家应该都知道js放在下面,css放在上面。...'valid' : 'invalid' ---- JSHint 在js规范中,有很多规范都是样式上规范而不是逻辑上规范,比如尽量使用=== 而不是==,我们可以使用JSHint或者JSLint,Javascript...我个人使用是JSHint,所以就以这个为例. ---- webstorm内置JSHint 对于ws爱好者来说,我没有用过其他编译器,ws基本上能满足你所有需求(最新ws集成了vue)。

    6.4K10

    前端JS代码规范

    前言 下面这几点将工作中所踩一些坑简单整理了一下,团队几个人开发,一些默契就比较重要,可以提高开发效率和代码可读性 命名,编码和注释 命名 A.文件夹命名:文件夹、文件命名与命名空间应能代表代码功能...C.Js代码注释console.log和debugger再提交 D.重要函数或者类等都要添加头描述 ? 字符串拼接 应使用数组保存字符串片段,使用时调用join方法。...避免使用+或+=方式拼接较长字符串,每个字符串都会使用一个小内存片段,过多内存片段会影响性能 例一: ? 例二:会影响性能 ?...C.箭头函数使用注意问题: This指向定义者,内部无arguments对象,不能new(因为箭头函数this就是指向定义本身),函数里面不要有太多return D.函数形参不超过7个,超过用数组...Flag为false If,for…in,for…of和使用 A.能用三元运算符就用,减少if嵌套,第一个花括号位于一行结束 ?

    5.2K10

    js WeakSet基本使用

    ECMAScript 6 新增“弱集合”(WeakSet)是一种新集合类型,为这门语言带来了集合数据结构。WeakSet 是 Set “兄弟”类型,其 API 也是 Set 子集。...WeakSet 中“weak”(弱),描述是 JavaScript 垃圾回收程序对待“弱集合”中值方式。 基本API 1....创建WeakSet实例 可以使用 new 关键字实例化一个空 WeakSet: const ws = new WeakSet(); 弱集合中值只能是 Object 或者继承自 Object 类型,...: WeakSet 中对对象引用不会被考虑进垃圾回收机制,这些值不属于正式引用,不会阻止垃圾回收,即只要没有其他对象引用该对象,则该对象就会被回收,而不管它在不在 WeakSet 不可迭代值 因为...WeakSet 中值任何时候都可能被销毁,所以没必要提供迭代其值能力。

    73020

    Redis 概述及基本使用规范.

    1 nosql简介 1.1 nosql简介 随着互联网Web2.0网站兴起,传统关系数据库在应付Web2.0网站,特别是超大规模和高并发SNS类型Web2.0纯动态网站已经显得力不从心,暴露了很多难以克服问题...,如: 1.1.1 对数据库高并发读写需求 网站要根据用户个性化信息来实时生成动态页面和提供动态信息,所以基本上无法使用动态页面静态化技术,因此数据库并发负载非常高,往往要达到每秒上万次读写请求。...1.1.3 对数据库高可扩展性和高可用性需求 在基于Web架构当中,数据库是最难进行横向扩展,当一个应用系统用户量和访问量与日俱增时候,你数据库却没有办法像Web服务器和应用服务器那样简单通过添加更多硬件和服务节点来扩展性能和负载能力...: 1、 key不要太长,最好不要操作1024个字节,这不仅会消耗内存还会降低查找效率 2、 key不要太短,如果太短会降低key可读性 3、 在项目中,key最好有一个统一命名规范 3.1 存储string...6 jedis使用 同之前我们讲过solrj一样,通过jedis提供API我们连接redis服务并对其数据进行维护。而且其API与命令基本一致。 6.1 导入jar包 ? 6.2 代码 ?

    1.3K80

    PSR-1: 基本编码规范

    命名空间和类必须遵循一个“自动加载”规范:[PSR-0, PSR-4]。 类名称必须声明为StudlyCaps形式,即名称中每个单词首字母大写。 类常量必须只使用大写字母,用下划线来做单词间隔离。...下面是一个同时包含声明和边际影响例子; 换句话说,一个应该避免例子: <?...function_exists('bar')) { function bar() { // function body } } 四、命名空间和类名称 命名空间和类必须遵循一个“自动加载”规范...这意味着每一个类在一个单独文件中,并且在至少一个层级命名空间中:一个顶级包名称。 类名称必须声明为StudlyCaps形式。 php5.3以及以后版本代码必须使用正式命名空间。...无论使用任何命名习惯,在一个合理范围应该被保持一致。这个合理范围可能是vendor级别,包级别,类级别或者方法级别。 方法 方法名称应该声明为camelCase()形式。

    47040

    js基本语法

    在学习js基本语法过程中,把遇见知识点和问题记录喜下来,以便未来复习和参考。 数据类型有:数据,字符串,数组,数字,布尔值等。...数组Array [ ] ,表示一组按顺序排列集合,其中每个值称为元素 new Array(1,2,3) //[1,2,3] 数组索引 二、对象和变量 var person = { name...var arr = [1,2,3] arr[1] = 'hello' console.log(arr); //[1,'hello',3] js允许直接通过索引改变数组长度,不会报错,但是不建议这么做...pop()把数组最后一个元素删掉 6.unshifth和shift unshift()向数组头部添加元素 shift()把数组第一个元素删掉 7.sort sort()可以对数组进行排序,会直接修改当前数组元素位置...五、条件判断 在js中,使用 if() {...} else {...}进行条件判断 var age = 22; if(age>20) { // 如果age>20成立,执行该语句 console.log

    2K20

    Vue.js 组件编码规范

    提供一种统一编码规范来编写 Vue.js 代码。这使得代码具有如下特性: * 其它开发者或是团队成员更容易阅读和理解。...-- 与自定义元素规范不兼容 --> 组件表达式简单化 Vue.js 表达式是 100% Javascript 表达式。这使得其功能性很强大,但也带来潜在复杂性。...* IDE 基本上不能识别行内表达式语法,所以使用行内表达式 IDE 不能提供自动补全和语法校验功能。 HOW?...提供处理函数和表达式都是绑定在 ViewModel 上,组件每一个事件都应该按照一个好命名规范来,这样可以避免不少开发问题 WHY?...你可以通过 vue-cli 来开始你项目, vue-cli 默认会开启代码校验功能。 WHY? * 保证所有的开发者使用同样编码规范。 * 更早感知到语法错误 HOW?

    16.1K20
    领券