1.不要在同一行声明多个变量. 2.请使用===或==来比较true或false或者数值 3.使用对象字面量代替new Array这种形式 4.不要使用全局函数 5.switch语句必须带有default分支 6.函数不应该有时候有返回值,有时候没有返回值 7.for循环必须使用大括号 8.if语句必须使用大括号 9.for in  循环变量中 应该使用var关键字明确限定作用域,避免作用域污染…

原文:javascript 变量 命名规范 变量的作用域 大家好,我是小强老师,今天讲解的是变量 变量 小时候我们学过  这个 应用题 :  X+1=2; 问  X 等于几?  答案是 1 对了,很聪明哈 那么 这个  X  我们就称之为  未知数 或者  变量 变量实际是一个容器  用来存放数据的.但是我们永远不知道,他的结果是多少.  里面只能存放一个值. var  变量名; 1.变量命名必须以字母或是下标符号”_”或者”$”为开头. 2.变量名长度不能超过255个字符. 3.变量名中不允许…

JavaScript 中语法规范及调试 版权声明:未经博主授权,内容严禁分享转载 JavaScript 开发环境 JavaScript 脚本可以使用任意一款纯文本编辑器进行编程开发. 常见的前端开发编辑器: - 轻量级:nodepad++.editplus.vi/vim - 中量级:Sublime Text.Atom - 重量级:AptanaStudio(基于 eclipse).JetBrains WebStorm(收费软件) IDE:集成开发环境,编辑器(代码提示/代码补全)+ 调试器 + 项…

这是 JavaScript standard 代码规范的全文. 掌握本规范的最好方法是安装并在自己的代码中使用它. 细则 使用两个空格进行缩进. eslint: indent function hello (name) {   console.log('hi', name) } 除需要转义的情况外,字符串统一使用单引号. eslint: quotes console.log('hello there') $("<div class='box'>") 不要定义未使用的变量.…

一.javascript模块化编程规范: 二.关于commenjs规范和AMD规范: 根本不同:前者用于服务器端同步加载模块:后者是客户端异步加载模块. 同点:两者都有一个全局函数require(),用于加载模块:只是AMD规范中的require函数需要有2个参数. 三.CommonJS 出现时间更早,代表有:Node.js的模块系统,就是参照CommonJS规范实现的.在CommonJS中,有一个全局性方法require(),用于加载模块.假定有一个数学模块math.js,就可以像下面这样加载…

谈谈javaScript  (杰我学习) 一. 什么是JavaScript       人们通常所说的JavaScript,其正式名称为ECMAScript.这个标准由ECMA组织发展和维护.ECMA-262是正式的JavaScript标准.这个标准基于网景(Netscape)公司提出的JavaScript语言和微软提出的JScript语言.JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言.使用这种语言的目的是:与Web客户交互作用…

谈谈javascript中的prototype与继承 今天想谈谈javascript中的prototype. 通常来说,javascript中的对象就是一个指向prototype的指针和一个自身的属性列表.javascript创建对象时采用了写时复制的理念. 只有构造器才具有prototype属性,原型链继承就是创建一个新的指针,指向构造器的prototype属性. prototype属性之所以特别,是因为javascript时读取属性时的遍历机制决定的.本质上它就是一个普通的指针.   构造器…

最近写react需要使用nodejs作为开发环境,需要通过npm安装一些第三方的依赖库,因此慢慢感觉到nodejs基础薄弱对我带来了一些不安全感,尤其是javascript模块这一块听到了很多概念,比如:AMD,CMD,异步加载… … 我不由的好奇,前端还能按需异步加载js,到底是什么闻所未闻的高科技?AMD, CMD听起来像是主板型号,到底是什么鬼?所以,不如一探究竟吧! 模块的黑历史 这里推荐先阅读2个博客: 介绍了一下javascript模块化的发展历史,但不会讲每个规范的出现原因或者工作…

无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的: 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则: 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面,…

1)    引子 前不久我建立的技术群里一位MM问了一个这样的问题,她贴出的代码如下所示: var a = 1; function hehe() { window.alert(a); var a = 2; window.alert(a); } hehe(); 执行结果如下所示: 第一个alert: 第二个alert: 这是一个令人诧异的结果,为什么第一个弹出框显示的是undefined,而不是1呢?这种疑惑的原理我描述如下: 一个页面里直接定义在script标签下的变量是全局变量即属于windo…

原文:http://javascript.crockford.com/code.html 作者:Douglas Crockford 译文:http://www.yeeyan.com/articles/view/cloudwater/4042 译者:cloudwater 更新:2009-12-13 01:08:29 这是一套适用于JavaScript程序的编码规范.它基于Sun的Java程序编码规范.但进行了大幅度的修改, 因为JavaScript不是Java. 软件的长期价值直接源于其编码质量.…

JavaSript模块化 在了解AMD,CMD规范前,还是需要先来简单地了解下什么是模块化,模块化开发?     模块化是指在解决某一个复杂问题或者一系列的杂糅问题时,依照一种分类的思维把问 题进行系统性的分解以之处理.模块化是一种处理复杂系统分解为代码结构更合理,可维护性更高的可管理的模块的方式.可以想象一个巨大的系统代码,被整合优 化分割成逻辑性很强的模块时,对于软件是一种何等意义的存在.对于软件行业来说:解耦软件系统的复杂性,使得不管多么大的系统,也可以将管理,开发,维护 变得“有理可循”…

众所周知,web前端包含三个基本技术:html.css和javascript.三者融合,才让网页变得精彩纷呈!如今,web上的操作越来越趋于复杂,JavaScript事件在网页中也遍地开花,有时候也是遍地生Bug.真正理解了JavaScript的事件模型,才能在实际开发中佛挡杀佛,bug挡杀bug. 前言 这是我自己对JavaScript事件模型的理解,并且参考了网络上的各家之言.由于本人才疏学浅,难免有错误之处,还望指正. 在工作学习中,你或许不知道见过多少事件了.那么,到底什么是JavaSc…

AMD是"Asynchronous Module Definition"的缩写,意思是"异步模块定义". 模块定义define(id?, dependencies?, factory); 其中: id: 模块标识,可以省略. dependencies: 所依赖的模块,可以省略. factory: 模块的实现,或者一个JavaScript对象. 代码示例1: 定义一个alpha模块,依赖require,exports,beta模块 define("alpha…

Javascript发展到今天,已经从一个小丑语言变成了不可替代的前端利器,已经脱离了低端的玩笑脚步,而转变为有规可依的强大语言. 本文主要讲述下如今被大力推广的AMD规范,为什么要AMD,什么场景是才是他的天地,我们该如何在自己的应用中使用该规范??? JS的发展史: JavaScript语言历史悠久,但在其前半生被重视程度一直偏低,前端技术一直也没有质的飞跃.除了已有的各大著名框架,比如Dojo,JQuery,ExtJs等等,当然很多公司也都有着自己的前端开发框架.这些框架的使用效率以及开发…

我们都知道定义函数的方式有两种,一种是函数声明,另外一种就是函数表达式. 函数声明 语法为:function关键字后跟函数名.例如: function functionName(arg0) { //函数体 } alert(functionName.name) // "functionName" 函数声明最主要的特征就是函数声明的提升,所以我们可以把函数声明放在调用它的语句的后面,因为执行代码前会先读取函数声明.比如: hello(); function hello(){ alert(&…

关于 微信公众号:前端呼啦圈(Love-FED) 我的博客:劳卜的博客 知乎专栏:前端呼啦圈 前言 在实际编码中,我们经常会遇到Javascript代码异步执行的场景,比如ajax的调用.定时器的使用等,在这样的场景下也经常会出现这样那样匪夷所思的bug或者糟糕的代码片段,那么处理好你的Javascript异步代码成为了异步编程至关重要的前提.下面我们从问题出发,一步步完善你的异步代码. 异步问题 1. 回调地狱 首先,我们来看下异步编程中最常见的一种问题,便是回调地狱.它的出现是由于异步代码执…

最近去参加了场面试,跟面试官聊了很多JS基础上的东西,其中有个问题是谈谈对apply.call.bind的理解和区别.顿时一愣,apply.call我知道,经常用的东西,bind是什么鬼!!!好像见过,也瞅过类似的文章,但是...不记得了...难道和jQuery的事件绑定的bind一样... 既然不知道,那就整理总结下啰~ 一.apply和call 既然提到提到了这两兄弟,也跟着简单做下知识整理.在javascript中,this的指向是一个经常要处理的问题.比较经典的一个问题就是,docume…

实现Javascript模块化,固然很重要,但是怎样才能实现国际上都能认可的模块化呢?模块化编程规范随应运而生. 目前Javascript模块化规范主要有两种:CommonJS和AMD. CommonJS: 09年,美国程序开发人员Ryan Dahl创造了node.js项目,将JS运用于服务器端. 由于后台服务端的业务比较复杂,如果没有模块化编程规范,后台维护和开发将变得异常艰难. node.js的模块系统,就是参照CommonJS规范实现的.在CommonJS中,require(),用于加载模…

1)    引子 前不久我建立的技术群里一位MM问了一个这样的问题,她贴出的代码如下所示: var a = 1; function hehe() { window.alert(a); var a = 2; window.alert(a); } hehe(); 执行结果如下所示: 第一个alert: 第二个alert: 这是一个令人诧异的结果,为什么第一个弹出框显示的是undefined,而不是1呢?这种疑惑的原理我描述如下: 一个页面里直接定义在script标签下的变量是全局变量即属于windo…

浏览器环境 有了服务器端模块以后,很自然地,大家就想要客户端模块.而且最好两者能够兼容,一个模块不用修改,在服务器和浏览器都可以运行. 但是,由于一个重大的局限,使得CommonJS规范不适用于浏览器环境.还是上一节的代码,如果在浏览器中运行,会有一个很大的问题,你能看出来吗? var math = require('math'); math.add(2, 3); 第二行math.add(2, 3),在第一行require('math')之后运行,因此必须等math.js加载完成.也就是说,如果…

文件注释 文件注释位于文件的最前面,应包括文件的以下信息:概要说明及版本(必须)项目地址(开源组件必须)版权声明(必须)开源协议(开源组件必须)版本号(必须)修改时间(必须),以ISO格式表示(可使用Sublime Text的InsertDate插件插入)文件注释必须全部以英文字符表示,并存在于文件的开发版本与生产版本中.例如: /*!  * jRaiser 2 Javascript Library  * waterfall - v1.0.0 (2013-03-15T14:55:51+0800)…

一.日期对象  在javascript中并没有日期型的数据类型,但是提供了一个日期对象可以操作日期和时间.  日期对象的创建:  new Date();二.将日期对象转换为字符串  将日期对象转换为字符串可以使用以下4种方法:  date.toString();//将日期对象转换为字符串时,采用的是本地时间  date.toLocalString();//将日期对象转换为字符串,采用的是本地时间,显示的是地方日期的格式  date.toUTCString();//将日期对象转换为字符串时,采用的…

关于javascript放在哪里更合适 脚本位置:  例如以下代码: <html> <head> <title>Script Example</title> <script type="text/javascript" src="file1.js"></script> <script type="text/javascript" src="file2.js&q…

3)    作用域链相关的问题 作用域链是javascript语言里非常红的概念,很多学习和使用javascript语言的程序员都知道作用域链是理解javascript里很重要的一些概念的关键,这些概念包括this指针,闭包等等,它非常红的另一个重要原因就是作用域链理解起来太难,就算有人真的感觉理解了它,但是碰到很多实际问题时候任然会是丈二和尚摸不到头脑,例如上篇引子里讲到的例子,本篇要讲的主题就是作用域链,再无别的内容,希望看完本文的朋友能有所收获. 讲作用域链首先要从作用域讲起,下面是百度百…

  javascript内置的类型检测机制并非完全可靠.比如typeof操作符,并不能准确的判断数据是哪个类型,比如:数组和对象就不能通过typeof来区分. typeof [] ==="object" ; // true typeof {} === "object"; // true 但是typeof用来区别对象与基本数据类型时就比较有用了. 基本数据类型检测 由于typeof对所有对象和数组类型返回的都是"object",所以它在区别对象与基…

第一个是:没有使用mvc模式的: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ…

变量...... 1.一个变量只存一种类型的数据,2.尽量减少对隐式转换的依赖,这样可增强程序的可读性,日后修改程序时不至于混乱,3.使用匈牙利命名法,4.使用局部变量时记得加 var 进行声明,不然会与全局变量冲突, 网站性能优化方面 1.在对当前DOM进行操作之前,尽可能多的做一些准备工作,保证N次创建,1次写入. 2.在对DOM操作之前,把要操作的元素,先从当前DOM结构中删除: 通过removeChild()或者replaceChild()实现真正意义上的删除. 设置该元素的displa…

前言: 看文章标题你就知道,这篇文章我只讲一个简单的Javascript的this关键字,说它简单——它又不简单,因为曾几何时我也对this关键字有些困惑,它也确实会让不少程序员感到不解——它像是一个身份多变的“指针”,有时仅看代码都很难分辨出其当前所指向的对象:恰好这两天我突然想到应该写篇关于Javascript方面的博客,也算是为以后的公司技术培训做点儿准备.这篇文章,我可能更倾向于,用代码来直接的体现我要描述的内容.好的文章不在于它的篇幅长.内容丰富,而在于或者说更重要的是——应该用言简意…

JavaScript 中的 this 为一个重难点,它不像静态语言 C#.Java 一样,就表示当前对象.而在 JS 中, this 是运行时确定,而并非定义时就已确定其值. 谈起 this ,必须少不了 JavaScript 另一个重点:函数,在 JS 中函数有以下几种定义方法. // 函数声明 function fun(){ } // 函数表达式 var fun=function(){ }; // Function 构造函数 var fun=new Function (arg1, arg2,…