在Web开发过程中，编写JavaScript程序时或多或少会遇到各种各样的错误，有语法错误，逻辑错误。如果是一小段代码，可以通过仔细检查来排除错误，但如果程序稍微复杂点，调试JS便成为一个令Web开发者很头痛的问题。下面总结一下JS错误处理与调试的方法 方法1：用alert() 和document.write()方法监视变量值。 alert()在弹出对话框显示变量值的同时，会停止代码的继

做为一个web前端，处理和了解浏览器差异一个重要问题.下面将介绍本人在工作中的一些笔记总结，先介绍没有使用js库的情况。 　　1.　　setAttribute方法设置元素类名 ： 在jQuery中，直接使用attr()方法即可，可在原生的JS中 element.setAttribute('class','newClassName') //这个是W3C的标准，在兼容W3C标准的浏览器中有效，可是，

面向对象与基于对象 几乎每个开发人员都有面向对象语言（比如C++、C#、Java）的开发经验。 在传统面向对象的语言中，有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法；而实例则是类的一个具体实现。 我们还知道，面向对象编程有三个重要的概念 - 封装、继承和多态。 但是在JavaScript的世界中，所有的这一切特

基础知识 　　学好正则表达式子的关键一步就是花一点时间记住这些符号。这是最好的建议了。坐下来，好好记一记，很快的： .：会匹配任何字符，在dotall模式为false的时候不会匹配换行符。 *：匹配0个或者多个上面的那个字符可以匹配的 +：匹配一个或者多个上面那个字符可以匹配的 ?：上述可匹配字符可选，0个或1个 \d：匹配一个数字 \w：匹配任何字符（字母数字和下划线） [xyz]：匹配xyz

本系列文章导航JavaScript学习笔记一——数据类型JavaScript学习笔记二——函数JavaScript学习笔记三——作用域JavaScript学习笔记四——Eval函数JavaScript学习笔记五——类和对象JavaScript学习笔记六：prototype的提出Javascript学习笔记七——原型链的原理Javascript学习笔记八——用JSON做原型Javascript学习笔

这篇文章列举了当下最流行的16个 JavaScript 框架。这个列表包含 jQuery 和 Mootools 等常规框架，也包括Zepo这种支持智能手机触摸功能的移动JavaScript框架，如果你有更好的框架推荐，欢迎分享。作者: 梦想天空（山边小溪） 发表于 2011-05-29 00:07 原文链

TDD的背景 　　自从03年Beck正式提出（事实上在00年，Beck提出eXtreme Programming时，就已经提出了这个词）Test-driven design/development这样一个基于测试优先、重构和迭代的革命性的开发方法以来，无数的实践已经证明，对于适合进行TDD的领域，TDD能够极大地提高代码的可维护性和开发效率。 　　在这样一个迭代的流程中，在写任何的producti

       过去的一年里，在项目内，我已经不记得写过多少和树相关的控件了。有无限级的，有数据少量一次性加载的，有数据大用ajax分步加载的，有的还加入一些业务逻辑，有的甚至还做过本地缓存。各种各样的树，其结构还是一样的，为了追求简单，全部都是<ul>与<li>结构，子级错位用 margin-left 实现，展开收

    相对于实现需求来说代码的发布部署工作是一项重复的体力劳动，如：代码的压缩、资源URL的替换、资源文件在多台服务器上的同步工作、重启相应Windows服务。对于每次发布部署来说这都是一个固定的流程。显然我们对代码部署这种重复的体力劳动比较不感兴趣，对于实现新需求有更高的积极性。另外作为做程序员，我们这类典型的脑力劳动者除了实现工作中业务需求外，我们也应该要充分利

摘要 　　本系列博文主要谈一些在 javascript 使用中经常会混淆的高级应用,包括: prototype, closure, scope, this关键字. 对于一个需要提高自己javascript水平的程序员,这些都是必须要掌握的.本节主要介绍closure. 　　什么是closure？ 　　一种定义是:A "closure" is an expression (typically a f

众所周知，javascript 是基于对象的语言，没有提供继承机制，但是可以通过一些手段实现继承，而实现继承主要依靠prototype。 1. function Animal(){ //构造函数 this.color = "红色"; }Animal.prototype.run = function(){ alert("奔跑!");}function Cat(){

对于熟悉C#和Java的兄弟们，面向对象的三大思想（封装，继承，多态）肯定是了解的，今天我想讲讲如何在Javascript中利用封装这个特性，开讲！ 我们会把现实中的一些事物抽象成一个Class并且把事物的属性（名词）作为Class的Property把事物的动作（动词）作为Class的methods。在面向对象的语言中（C#等）都会有一些关键字来修饰类或者属性（Private，public，pro

变量的作用域指的是变量的可见性，而生命周期则（存活期）则是从另一个角度考察变量。　　JS中变量的作用域分为全局变量和局部变量，函数内定义的称为局部变量，函数外的称为全局变量。（“函数外的称为全局变量”是相对的，另此处讨论的前提是用var显式声明的变量，函数内不用var定义的变量默认是全局变量，当然忽略var声明变量是不赞成的）。 var glob = 4;//函数外声明全

如何用面向对象的思想来写JavaScript，对于初学者应该是比较难的，我们经常用的JQuery其实也是用面向对象的思想去封装的，今天我们来看看如何在Javascript中用Interface，在C#还是JAVA中都应该面向接口设计我们的程序，在C#和Java中都Interface这样的关键字，但是JavaScript中没有相应的机制，但是Javascript很灵活，我们可以用它的特性去模仿Int

本系列文章导航JavaScript学习笔记一——数据类型JavaScript学习笔记二——函数JavaScript学习笔记三——作用域JavaScript学习笔记四——Eval函数JavaScript学习笔记五——类和对象JavaScript学习笔记六：prototype的提出Javascript学习笔记七——原型链的原理Javascript学习笔记八——用JSON做原型Javascript学习笔

随着前台开发日益受到重视，客户端代码比重日益增加的今天，如何在javascript开发里应用MVC模式，这个问题似乎会一直被提到，所以偶在这里粗略的谈一下自己的看法吧。 MVC模式的基本理念，是通过把一个application封装成model, view和controller三个部分达到降低耦合，简化开发的目的。这么说很空洞，大家可以实际看个例子：    1<select

接上文：JavaScript继承方式（1） 　　这篇开始写几个工具函数实现类的扩展。每个工具函数都是针对特定的写类方式（习惯）。这篇按照构造函数方式写类：属性（字段）和方法都挂在this上。以下分别提供了个类，分别作为父类和子类。 //父类Personfunction Person(nationality) { this.nationality = nationality; this

今天让我们站在语言的高度来看一下Javascript都有点什么。因为是全局性的俯瞰，所以不针对细节作详细的讲解。 　　先来看一张图吧：   　　解释一下： 　　核心（ECMAScript)：定义了脚本语言的所有对象，属性和方法。文档对象模型（DOM)：HTML和XML应用程序接口。浏览器对象模型(BOM)：对浏览器窗口进行访问操作 　　现在来具体的讲一个各个成分： 　　关于ECMAScr

本系列文章导航JavaScript学习笔记一——数据类型JavaScript学习笔记二——函数JavaScript学习笔记三——作用域JavaScript学习笔记四——Eval函数JavaScript学习笔记五——类和对象JavaScript学习笔记六：prototype的提出Javascript学习笔记七——原型链的原理Javascript学习笔记八——用JSON做原型Javascript学习笔

研究了几天，终于搞出自己的树来。总结一下，留待以后改进用。 　　作为UI控件的树与数据结构的树有很大的不同，它分为根节点，枝节点与叶节点。根节点有子树，并不隶属于其他树。枝节点有子树，并作为某一子树的节点而存在。叶节点只作为某一子树的节点而存在，并且没有子树。但仅是这样，无法绘制树的。我们看下面的图，树在网页中无论样子如何，从上到下都是一行行分开的。每一行都有几张图片与文本。这些图片大致分三类，一