基于Vue官方风格指南整理 一、强制1. 组件名为多个单词 组件名应该始终是多个单词的，根组件 App 除外。 正例：export default {name: TodoItem,// ... } 反例： export default {name: Todo,// ... }2. 组件数据 组件的 data 必须是一个函数。当在组件中使用 data 属性的时候 (除了 new Vue 外的任何地方)，它的值必须是返回一个对象的函数。 正例：// In a .vue file export default {data () {return {foo: bar}} } // 在一个 V...
支持Element Traversal 规范的浏览器有IE 9+、Firefox 3.5+、Safari 4+、Chrome 和Opera 10+。 对于元素间的空格，在IE9之前，都不会返回文档节点，其它的所有浏览器都会返回文档节点。 为了兼容浏览器这间的差异，又不更改已有的DOM 标准，所以有了 Element Traversal 规范。 这个规范为 元素增加了 5 个 属性 childElementCount firstElementChild lastElementChild previousElementSibling nextElementSibling 详细官方文档; ht...
我们在使用vue 脚手架时，为了规范团队的代码格式，会有一个代码规范检测，如果不符合规范就会报错，有时候我们不想按照他的规范去写。这时我们需要关闭。这里有两种方法。 1.在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your code? 写 no; 2.如果项目已经生成，我们可以这样。 在项目中代开 bulid 文件夹下的 webpack.base.config.js 文件。将以下代码删掉或注销： {test: /\.(js|vue)$/,loader: eslint-loa...
1、使用 strict 模式 在一个作用域(包括函数作用域、全局作用域)中，可以使用"use strict";来开启 strict 模式。 2、缩进 用 Tab 键进行代码缩进，以节约代码大小，使用4个空格的宽度来进行缩进(JSLint 建议)。 3、符号 1) 大括号 与语句放同一行，放于最后面；仅有一行语句，也使用大括号： if (true) {//true } else {//false } while (true) {//alert(1); }2) 空格 在逗号、分号、冒号后加空格 在操作符前后加空格 在大括号开始...
什么是编码规范 编码规范就是指导如何编写和组织代码的一系列标准。通过阅读这些编码规范，你可以知道在各个公司里代码是如何编写的。 我们为什么需要编码规范 一个主要的原因是：每个人写代码的方式都是不同的。我可能喜欢这么写，而你喜欢用另一种方法写。如果我们只处理自己的代码，这样并没有什么问题。但如果有成千上万的程序员同时在一个代码库上面工作呢？如果没有规范，事情很快会变得一团糟。代码规范可以让新人迅速的熟悉...
找到build文件夹下面的webpack.base.conf.js文件。然后打开该文件，找到图下这段代码，把他注释掉。注释掉之后，再进行子页面等编写的时候，空格不规范的情况下也不会再报错啦。因为这个报错对于初学者来说实在头大。哈哈O(∩_∩)O哈哈~我标注的这些地方，原本是有严格的空格规范要求的，这些报错真是另人烦躁呀o(╥﹏╥)o 反正我把这个问题解决了，特别开心哒哒哒~~~ 以上这篇解决vue.js在编写过程中出现空格不规范报错的问题就是...
1. CommonJS 用于服务端模块化编程，比如nodejs就采用此规范； 一个文件就是一个模块，require方法用来加载模块，该方法读取一个文件并执行，最后返回文件内部的module.exports对象； require是默认读取.js文件的，所以require(模块名)可以不写后缀； 同步加载，由于服务端加载的模块一般在本地，所以可以这样；但是在客户器端如果一个模块过大就会导致页面“假死”； module.exports属性表示当前模块对外输出的接口，其他文件加载...
前面的话 Node在实现中并非完全按照CommonJS规范实现，而是对模块规范进行了一定的取舍，同时也增加了少许自身需要的特性。本文将详细介绍NodeJS的模块实现 引入nodejs是区别于javascript的，在javascript中的顶层对象是window，而在node中的顶层对象是global [注意]实际上，javascript也存在global对象，只是其并不对外访问，而使用window对象指向global对象而已 在javascript中，通过var a = 100；是可以通过window.a来得到100的...
什么是Node.js? 很多初学者并没有真正地理解Node.js到底是什么。nodejs.org网站中的描述也没有多大帮助。 首先要清楚Node不是一个Web服务器，这十分重要。它本身并不能做任何事情。它无法像Apache那样工作。如果你希望它成为一个HTTP服务器，你必须借助它内置库自己编写。Node.js只是计算机上执行代码的另一种方式，它是一个简单的JavaScript Runtime. 模块化 在讲解CommonJS, AMD, CMD这些概念之前，我们首先俩了解下js的模块化。...
最近学了jQuery,感觉这个jQuery是真的挺不错的，果然像他说的那样，少些多做！刚一入手感觉真是不错。但是写多了，就会发现这个代码一行居然能写那么长。而且可读性还不好。 有幸自己买了一本锋利的jQuery这本书。我就整理了下。到底在实际应用中怎么让自己的jQurey的代码看起来可读性强，而且还有美感。 我就用了了本书中的一个小例子。来教教大家代码应该怎么写菜好看！ 废话不多说，想把这个demo代码奉上。各位爷！您瞧好啊~ ...
这篇文章主要介绍的是关于JS的命名规范、注释规范以及框架开发的一些问题，首先来看看目录。 目录 1. 命名规范：介绍变量、函数、常量、构造函数、类的成员等等的命名规范 2. 注释规范：介绍单行注释、多行注释以及函数注释 3. 框架开发：介绍全局变量冲突、单全局变量以及命名空间 一、命名规范驼峰式命名法介绍：驼峰式命名法由小(大)写字母开始，后续每个单词首字母都大写。 按照第一个字母是否大写，分为： ① Pascal Cas...
JavaScript规范 变量声明 总是使用 var 来声明变量。如不指定 var，变量将被隐式地声明为全局变量，这将对变量难以控制。如果没有声明，变量处于什么定义域就变得不清（可以是在 Document 或 Window 中，也可以很容易地进入本地定义域）。所以，请总是使用 var 来声明变量。 采用严格模式带来的好处是，当你手误输入错误的变量名时，它可以通过报错信息来帮助你定位错误出处。 变量名 变量名推荐使用驼峰法来命名(camelCase) 全局...
简单说，标识符命名规则如下： 第一个字符可以是任意Unicode字母，以及美元符号（$）和下划线（_）。 第二个字符及后面的字符，还可以用数字。 下面这些都是合法的标识符。 arg0 _tmp $elem π 下面这些则是不合法的标识符。 1a 23 *** a+b -d 中文是合法的标识符，可以用作变量名。 var 临时变量 = 1; JavaScript有一些保留字，不能用作标识符：arguments、break、case、catch、class、const、continue、debugger、default、delet...
一、全局命名空间污染 总是将代码包裹在一个立即的函数表达式里面，形成一个独立的模块。 不推荐 var x = 10,y = 100; console.log(window.x + + window.y);推荐 ;(function(window){use strict;var x = 10,y = 100;console.log(window.x + + window.y); }(window));二、立即执行函数在立即执行函数里面，如果有用到全局变量应该通过变量传递的方式，让立即执行函数的函数体在调用时，能以局部变量的形式调用，在一定程度上提升...
1.嵌入规则Javascript程序应该尽量放在.js的文件中，需要调用的时候在页面中以<script src="filename.js">的形式包含进来。Javascript代码若不是该页面专用的，则应尽量避免在页面中直接编写Javascript代码。2.对齐缩进与换行a) 缩进在同一系统中应采用同一种缩进标准，本文提倡缩进大小为4个空格。各编译器对Tab键所代替的空白大小定义不同。建议在设置开发环境时，将编辑器里的Tab快捷键重新设置成4个空格。多数编译器提供了此功...