js的基本规范_js for 规范_js的命名规范 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

js变量的命名规范

在 javaScript 中变量名存在一定规范，所有变量名必须符合这些规范，否则程序无法执行。...变量名必须使用字母、下划线(_)、美元符号($)开头尽管之前的例子有用到中文作为变量名，但是是不推荐的。...不会报错但是不推荐 var 数字 = 1; // 错误 var 1number = 1; // 错误 var number@a = 1; // 错误 var num+aa = 2; //下面是正确的方式

5.3K4 0

js命名规范

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

2.4K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

js代码规范

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

8.8K3 0

js书写规范

：更容易阅读，因为他改善了语法突出显示的功能，并且还易于通过许多JS引擎进行优化。...js类与构造函数参考原文献 9..../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

2.5K3 1

JS规范注释

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

3.3K2 0

javascript规范（js）

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({参数})...underscore.min", 　　　　　　"backbone": "backbone.min" 　　　　} 　　}); define([’’],function(){}) //指明依赖模块和定义模块加载非amd规范的模块

1.3K3 0

前端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.2K1 0

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

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

6.3K1 0

前端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.1K1 0

js变量命名规范

最近对于ES6中变量命名关于变量是不是应该大写，特意再重新梳理了一遍基础，特总结如下： js变量命名规范变量名区分大小写（y 和 Y 是不同的变量）变量名包含字母、数字、美元符号（）和下划线...驼峰命名有两种形式：小驼峰式命名法（lower camel case）：第一个单字以小写字母开始；第二个单字的首字母大写，例如：firstName、lastName。...大驼峰式命名法（upper camel case）：每一个单字的首字母都采用大写字母，例如：FirstName、LastName、CamelCase，也被称为Pascal命名法。

1671 0

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 中的值任何时候都可能被销毁，所以没必要提供迭代其值的能力。

6842 0

PSR-1: 基本编码规范

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

4214 0

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.2K8 0

js基本操作

js操作页面三步骤 <!...style.color = 'black'; box_h1.style.backgroundColor = 'white'; } } js...console.log(ev); // 鼠标点击点 console.log(ev.clientX, ev.clientY); } js...h1.innerHTML = inp_value; } } js操作样式 <!...this.style.height = parseInt(this_style.height) / 2 + 'px'; } */ // 需求：操作计算后样 - 提取写好计算后样式，通过类名将 js

4.2K1 2

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

1.9K2 0

【说站】js中UMD规范的介绍

js中UMD规范的介绍说明 1、UMD是AMD和CommonJS的结合。 CommonJS模块是根据服务器第一原则开发的。选择同步加载，其模块不需要包装。...通用模块定义，umd兼容commonjs和amd规范，这意味着umd规范的模块可以直接引用到commonjs规范的项目和amd规范的项目中。...2、UMD判断是否存在支持Node.js的模块(exports)，然后使用Node.js模块模式。在判断是否支持AMD(define是否存在)时，使用AMD加载模块。...中UMD规范的介绍，希望对大家有所帮助。...更多js学习指路：js教程推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。收藏 | 0点赞 | 0打赏

7621 0

Vue.js 组件编码规范

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

16K2 0

Vue.js 组件编码规范

目标本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性：其它开发者或是团队成员更容易阅读和理解。...-- 与自定义元素规范不兼容 --> 组件表达式简单化 Vue.js 的表达式是 100% 的 Javascript 表达式。这使得其功能性很强大，但也带来潜在的复杂性。...IDE 基本上不能识别行内表达式语法，所以使用行内表达式 IDE 不能提供自动补全和语法校验功能。怎么做？...提供的处理函数和表达式都是绑定在 ViewModel 上的，组件的每一个事件都应该按照一个好的命名规范来，这样可以避免不少的开发问题，具体可见如下为什么。...Vue.js 是一个基于组件的框架。

6.3K2 0

App设计的基本原则和规范

为了能在交互设计和用户体验上做出比竞品更优秀的移动APP产品，我们必须知道移动设计的基本原则。...目前移动设计在我们的工作中越来越重要啦，除了掌握基本的UI设计技能之外，我们也要对移动互联网的特征有所认识。...为了能在交互设计和用户体验上做出比竞品更优秀的移动APP产品，我们必须知道移动设计的基本原则。...今天整理的这些八项移动设计的基本原则和八项APP指导性设计规范。希望对大家有所帮助！同时也希望大家在APP设计的工作中，善于总结经验和分享。...设计规范点击这里：https://ds.mockplus.cn/

1.1K2 0

JNI接口的基本规范和操作实践（一）

从前文所知，JNI是Java调用native(c/c++)一个中间接口，本文将介绍JNI的基本规范和操作实践。...一、JNI 和 Java，C/C++数据类型 1）基本数据类型在jni中基本数据类型变量可以直接赋值。...，且接口传参比较简单的话，自己手动生成也容易，按照规范依壶画瓢即可。...package com.example.jni_test; public class MainActivity { public native String stringFromJNI(); } 按照生成规范...命令或者新的javac命令，生成的jni接口是完全一致的。

4422 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭