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

js命名规范

撇开缓存无效不谈,这确实很困难,每当俺找不到正确名称时,这个臭名昭著引用就会在俺脑海中萦绕。...当有人需要快速理解代码时,清晰命名提供了重要上下文,无论他们是在编码、调试还是协助队友——俺不需要问别人用户意思,但俺必须问数据意思。...虽然俺不经常找到最好名字,但俺试图通过遵循一些基本规则来优化俺代码。 使用有意义前缀 虽然这些前缀不是通用,但它们对于在您团队中建立一种共享语言是很好。...使用有意义单词 例如,开发人员通常在默认情况下将变量命名为data,但是让我们检查一下它几个定义: 作为推理、讨论或计算基础事实信息(如测量或统计) 可传输或处理数字形式信息 这些定义可以引用我们处理任何变量...总结 这些规则目标是让我们为未来读者编写代码尽可能有意义。找到适合您上下文规则,如果一个规则弊大于利,就更改或放弃它。

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

    js代码规范

    前言 在js代码开发中,我简单总结出了以下规则,后面会陆续补充并且对规范进行分类。...js代码建议保存到后缀名.js文件中 js代码不建议放在html中,原因有:不能被缓存,会增大网页文件大小,可维护性不高,会影响页面的加载。...*/ 变量声明: 在所有的变量使用前进行声明; 多个变量同时命名时,可以简化用,分割同时命名; 变量命名,jq变量以$开头,比如常用$this,私有变量以...js吧任何表达式都当一条简单语句,会导致一些隐性错误。如果自己没加分号,那么js解释器会自动添加分号,按照自己能读懂断句。 9.2 复合语句 也称为语句块,被包在大括号内部。...比如对象 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规范

    ,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规范

    ,但是包含了特殊注释要求,参照 javadoc(百度百科) 语法: /** * 函数说明 * @关键字 */ 常用注释关键字 注释名 语法 含义 示例 @param @param...文档规范 HTML5文档类型声明:那么,那么就等同于开启了标准模式。浏览器会按照W3C标准解析渲染页面。 脚本加载 说到js和css位置,大家应该都知道js放在下面,css放在上面。...y) { x = 1; } else { x = y; } } 等同于: x = x || y || 1; 这一小技巧经常用来给方法设定默认参数。...'valid' : 'invalid' ---- JSHint 在js规范中,有很多规范都是样式上规范而不是逻辑上规范,比如尽量使用=== 而不是==,我们可以使用JSHint或者JSLint,Javascript

    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

    Redis 开发常用规范

    使用规范 1、冷热数据分离,不要将所有数据全部都放到Redis中 虽然Redis 支持持久化,但是Redis数据存储全部都是在内存中,成本昂贵。...2、不同业务数据要分开存储 不相关业务数据不要集中放到一个Redis实例中,建议新业务申请新单独实例。...3、键值设计 规范Key格式,合适key,便于查看,统计,排错。...4、控制key生命周期,redis不是垃圾桶 如果将redis定位为缓存Cache使用,对于存放key一定要设置超时时间!...因为不设置,这些key会一直占用内存不释放,造成极大浪费,而且随着时间推移会导致内存占用越来越大,直到达到服务器内存上限。 同时条件允许情况下随机打散过期时间,防止集中过期。

    32340

    Redis开发常用规范

    1.冷热数据分离,不要将所有数据全部都放到Redis中 虽然Redis支持持久化,但是Redis数据存储全部都是在内存中,成本昂贵。...2.不同业务数据要分开存储 不要将不相关业务数据都放到一个Redis实例中,建议新业务申请新单独实例。...3.规范Key格式 合适key,便于查看,统计,排错。...因为若不设置,这些Key会一直占用内存不释放,造成极大浪费,而且随着时间推移会导致内存占用越来越大,直到达到服务器内存上限!另外Key超时长短要根据业务综合评估,而不是越长越好!..., HyperLogLog和地理空间索引(geospatial)等,需要根据业务场景选择合适类型,常见的如:String可以用作普通K-V、计数类;Hash可以用作对象如商品、经纪人等,包含较多属性信息

    1.1K20

    Redis 开发常用规范

    使用规范 1、冷热数据分离,不要将所有数据全部都放到Redis中 虽然Redis 支持持久化,但是Redis数据存储全部都是在内存中,成本昂贵。...2、不同业务数据要分开存储 不相关业务数据不要集中放到一个Redis实例中,建议新业务申请新单独实例。...3、键值设计 规范Key格式,合适key,便于查看,统计,排错。...4、控制key生命周期,redis不是垃圾桶 如果将redis定位为缓存Cache使用,对于存放key一定要设置超时时间!...因为不设置,这些key会一直占用内存不释放,造成极大浪费,而且随着时间推移会导致内存占用越来越大,直到达到服务器内存上限。 同时条件允许情况下随机打散过期时间,防止集中过期。

    44760

    JS常用操作

    一、使用 JS 完成注册表单数据校验 1.需求分析 用户在进行注册时候会输入一些内容,但是有些用户会输入一些不合法内容,这样 会导致服务器压力过大,此时我们需要对用户输入内容进行一个校验(前端校验和后台...三 、使用 JS 完成页面定时弹出广告 1.需求分析 我们希望在首页中顶部做一个定时弹出广告图片。...代码,然后在html文件中通过script 标签 src 属性引入该外部 js 文件 5.2 BOM 对象 BOM 对象:浏览器对象模型(操作与浏览器相关内容) ** Window 对象**...Location 对象包含有关当前 URL 信息。 href:该属性可以完成通过 JS 代码控制页面的跳转。...(该对象开发中不怎么常用) ** Screen 对象** Screen 对象包含有关客户端显示屏幕信息。(该对象开发中不怎么常用) 五 、使用 JS 完成注册页面表单校验 JS事件 ?

    8.1K10

    1.开发规范-- 常用版本控制

    #常用版本控制# ##前言## 这里版本控制是经过笔者在项目中实践总结得出,有比较广适用范围, 当然也要根据不同业务有取舍应为笔者水平有限,其中有不足地方也 往大家指出,多多交流 ##1.对于笔者采用版本控制介绍...## 对于版本控制 我这边是这样做 两条路线, 1.大版本控制,也就是所谓通过请求url进行控制(当然也可以在参数进行大版本控制) 2.小版本控制,通过参数进行细小版本控制 ###1.1 大版本控制...v=2.0&ak=您密钥(百度地图API) 他这里使用就是参数进行版本控制v=2.0,通过参数路由指定到不同项目 如果在请求地址里面进行版本控制就是这样 http://api.map.baidu.com...,如果有一天很早之前一个接口曝出了BUG那是不是这个版本之后所有 只要是继承了这个方法项目都要改,如果都已经上线了进行着一系列修改风险比较大,应为动刀项目比较多,能够缩小这一问题 比较好方法就是把能兼容版本尽量兼容...例子: 如现在线上有一套web和后端版本,新开发任务完成后,线上版本进行下线, 新版本进行上线. ###3.2.

    913100

    Vue.js 组件编码规范

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

    16.1K20

    Vue.js 组件编码规范

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

    6.4K20
    领券