基础知识 首先我们要大概了解一下Module模式（2007年由YUI的EricMiraglia在博客中提出），如果你已熟悉 Module 模式，可以跳过本部分，直接阅读"高级模式"。 匿名函数闭包 匿名函数闭包是JavaScript最棒的特征，没有之一，是它让一切都成为了可能。现在我们来创建一个匿名函数然后立即执行。函数中所有的代码都是在一个闭包中执行的，闭包决定了在整个执行过程中这些代码的私有性和状态。代码如下:(function () { // ... all vars ...
一：什么是SVG SVG是1999由W3C发布的2D图形描述语言，纯基于XML格式的标记语言，SVG的 全称是可扩展的矢量图形跟传统的Raster方式的图形(JPG, PNG, GIF等)有很大的差 别。SVG是2D图形开发平台，包括两个部分，一个是基于XML语言的数据描述，另 外一部分是可编程的API，其关键特性支持图形，文本，梯度填充，画笔风格，图形 特效滤镜如高斯模糊，会在稍后的代码中演示。同时还支持各种鼠标事件与DOM部 分API。几乎所有的主流浏览器都...
代码如下:<html><head><script type="text/javascript"> function test(){ //createElement() 创建一个指定标签名的元素[比如:动态创建超链接] var createa=document.createElement("a"); createa.id="a1"; createa.innerText="连接到百度"; createa.href="http://www.baidu.com"; //createa.color="green" ////添加颜色(不要忘记style属性，不然没有效果) createa....
1.null 与 undefined * 从一个对象中获取某个属性，如果该对象及其 prototype 链 中的对象都没有该属性的时候，该属性的值为 undefined 。 * 一个 function 如果没有显式的通过 return 来返回值给其调用者的话，其返回值就是 undefined 。有一个特例就是在使用new的时候。 * JavaScript 中的 function 可以声明任意个形式参数，当该 function 实际被调用的时候，传入的参数的个数如果小于声明的形式参数，那么多余的形式参数的值为...
你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环）...
随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。 Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。 但是，Javascript不是一种模块化编程语言，它不支持"类"（class），更遑...
这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。 （接上文） 七、模块的规范 先想一想，为什么模块很重要？ 因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。 但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模块现在还没有官方规范，这一点就更重要了。目前，通行的Javascript...
这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 代码如下:<script src="1.js"></script> <script src="2.js"><...
1.JS中的是是非非 JS是一门计算机编程语言，是一门动态语言也称为脚本语言，是解析型编程语言。为什么是脚本？因为他本身不能执行，就是没有main函数或主程序的入口，必须被他的宿主环境，也就是解析环境解析执行他。为是什么是解析型？因为JS不会进行编程，链接，汇编等一系统的过程生成某个文件，再执行，他就是以字符串形式加载执行.. 2.JS中的真真假假 空，null,undefined,false,0,””,'',NaN都为假,其他都为真 3.函数，类，对...
这两天有个前同事总在问我Javascript面向对象的东西，所以，索性写篇文章让他看去吧，这里这篇文章主要想从一个整体的角度来说明一下Javascript的面向对象的编程。（成文比较仓促，应该有不准确或是有误的地方，请大家批评指正） 另，这篇文章主要基于 ECMAScript 5， 旨在介绍新技术。关于兼容性的东西，请看最后一节。 初探 我们知道Javascript中的变量定义基本如下： 代码如下:var name = Chen Hao;; var email = haoel(@)hotm...
另外这篇文章是一篇入门文章，我也是才开始学习Javascript，有一点心得，才想写一篇这样文章，文章中难免有错误的地方，还请各位不吝吐槽指正 吐槽Javascript 初次接触Javascript，这门语言的确会让很多正规军感到诸多的不适，这种不适来自于Javascript的语法的简练和不严谨，这种不适也来自Javascript这个悲催的名称，我在想网景公司的Javascript设计者在给他起名称那天一定是脑壳进水了,让Javascript这么多年来受了这么多不白之冤...
Javascript的重要性 使用率 １、在web应用中,涉及到前端界面编程基本上都要用到javascript语言； 2、Web2.0及Ajax推动了javascript语言。 3、随着大量的c/s应用转向b/s,富客户端技术的不断推广,javascript语言的应用范围还将不断加大； javascript的特点 简单 动态 基于对象(面向对象) Javascript面向对象概述 Javascript是一种面向(基于)对象的动态脚本语言，是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语...
代码如下:var orchard = function (){ //基类型构造函数代理 静态方法都在代理函数上 this.constructor && this.constructor.apply(this,arguments); }; orchard.extend = function() { var parentObj = this; var parameters = parentObj.parameters ? parentObj.parameters.concat(_.toArray(arguments)) : _.toArray(arguments); var thisObj = function(){ //继承类型构造函数代理 var newparameters = parameters.concat(_.to...
在JS中充分使用面向对象设计思想，可以极大限度的提升代码重用、降低模块间的偶合、更好的逻辑分层与并行开发。下面分几个步骤简单谈下我的理解。 一、数据类型与包装类 包装类 …… 类型名 …… 常见值 …… 分类 Number …… number …… 123.123 …… 基本数据类型 Boolean …… Boolean …… true、false …… 基本数据类型 String …… string …… “hello world!” …… 基本数据类型 Object …… object …… {}、[] …… ...
1.获得当前元素的下一个元素 代码如下:function getNextElement(node){ if(node.nodeType==1){ return node; } if(node.nextSibling){ return getNextElement(node.nextSibling); } return null; }; 2.外部引入的js，添加页面加载方法 代码如下:function addLoadEvent(func){ var oldonload=window.onload; if(typeof window.onload!=function){ window.onload=func; }else{ window.onload=function(){ oldonload(); func(); } ...