说起模块化，也许我们首先想到的是编程中的模块设计，以功能块为单位进行程序设计，最后通过模块的选择和组合构成最终产品。把这种思想运用到页面构建中， 也已经不是什么新鲜事。相信很大一部分页面构建工程师都经历了这样几个阶段：第一阶段是在一个css文件中把多个页面按自己的习惯顺序从上往下编写样式， 基本不考虑有无公用样式，以完成设计呈现为首要目的；第二阶段是提取不同页面中的通用样式，如公用颜色、图标、按钮等，实现一些基本元素的复用；第三阶段 是提取公用功能模块，如导航、版权信息等，实现部分公用模块的 ...
蓝狮注册HTML5之Canvas基础入门
HTML5 规范引进了很多新特性，其中最令人期待的之一就是 canvas 元素。canvas 元素用于在网页上绘制图形。HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法，蓝狮注册此方法使用简单但功能强大。画布是一个矩形区域，您可以控制其每一像素。每一个 canvas 元素都有一个”上下文( context )” (想象成绘图板上的一页)，canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法，在其中可以绘制任意图形。浏览器支持多个 canvas 上下文，并通过不同的 API 提供图形绘制功能。大部分的浏览器都支持 2D canvas 上下文——包括 ...
蓝狮注册JavaScript提升性能之事件委托
由于事件处理程序可以为现代Web应用程序提供交互能力，因此许多开发人员会不分青红皂白地向页面中添加大量的处理程序，在创建GUI的语言 （如#C）中，为GUI中的每个按钮添加一个onclick事件处理程序是司空见惯的事，而且这样做也不会导致什么问题。可是在JavaScript中， 添加到页面上的事件处理程序数量关系到页面的整体运行性能。导致这一问题的原因是多方面的。首页，每个都是对象，都会占用内存；内存中的对象越多，性能就 越差。其次，必须事先指定所有事件处理程序而导致DOM访问次数，会延迟整个页面的交互就绪时间。事实上 ...
蓝狮注册四个Ajax的基本原则
我们用到的很多框架中都已经固化了基于页面的传统应用模式，同时这些应用模式也已经深深进入了我们的思想中。我们花几分钟来揭示出哪些核心概念是我们需要重新思考的，以及如何从Ajax的角度来重新思考。一、浏览器中的是应用而不是内容在传统的基于页面的Web应用中，浏览器扮演着哑终端1的角色。它对用户处于操作流程哪一阶段一无所知。这些信息全部都保存在服务器上，确切地说，就是在 用户会话上。时至今日，服务器端的用户会话早已是司空见惯。如果你使用Java 或者.NET 编程，服务器端的用户会话更是标准API 的一部分——还有Re ...
蓝狮注册12个精妙有趣的HTML5应用
W3C发布了HTML5的Logo，不过WHATWG随后宣布取消HTML5的版本号，取而代之的是一个活的HTML标准，这个标准会随着新技术的 发展而不断更新。其实大家叫HTML5都叫习惯了，我们还是继续叫HTML5好了，只是这个名称的含义仅是用来指最新的HTML技术而已。下面的例子充分 展现了HTML5的优越性，希望你能喜欢，更多更精彩的应用正等着大家去实现。The Wilderness Downtow这个是结合了谷歌地图的应用，用到了HTML5的video和Audio标签，蓝狮官网鼠标移动的时候，那些鸟会“智能”的躲开，挺好玩的。地址：http://www.thewildernessdowntown.com ...
蓝狮注册正则表达式工作原理
粗浅地编写正则表达式是造成性能瓶颈的主要原因，但还有很多可以改进正则表达式效率的地方。两个正则表达式匹配相同的文本并不意味着他们具有同等的速度。许多因素影响正则表达式的效率，首先，正则表达式适配的文本千差万别，部分匹配时比完全不匹配所用的时间要长。每种浏览器的正则表达式引擎也有不同的内部优化。为了有效地使用正则表达式，重要的是理解它们的工作原理。下面是一个正则表达式处理的基本步骤：第一步：编译当你创建了一个正则表达式对象之后（使用一个正则表达式直接量或者RegExp构造器），浏览器检查你的模 ...
蓝狮注册向服务器请求数据的五种技术
Ajax，在它最基本的层面，是一种与服务器通讯而不重载当前页面的方法，数据可从服务器获得或发送给服务器。有多种不同的方法构造这种通讯通道，每种方法都有自己的优势和限制。有五种常用技术用于向服务器请求数据：（1）XMLHttpRequest (XHR)（2）动态脚本标签插入（3）框架（4）Comet（5）多部分的XHR在现代高性能JavaScript中使用的三种技术是XHR，蓝狮官网动态脚本标签插入和多部分的XHR。使用Comet和iframe（作为数据传输技术）往往是极限情况，不在这里讨论。 一、XMLHttpRequest目前最常用的方法中，XMLHttpRequest（X ...
蓝狮注册JavaScript中分解任务
我们通常将一个任务分解成一系列子任务。如果一个函数运行时间太长，那么查看它是否可以分解成一系列能够短时间完成的较小的函数。可将一行代码简单地看作一个原子任务，多行代码组合在一起构成一个独立任务。某些函数可基于函数调用进行拆分。例如：function saveDocument(id){openDocument(id)writeText(id);closeDocument(id);updateUI(id);}如果函数运行时间太长，它可以拆分成一系列更小的步骤，蓝狮注册把独立方法放在定时器中调用。你可以将每个函数都放入一个数组，然后使用前一节中提到的数组处理模式： function sa ...
蓝狮注册JavaScript之条件表达式性能影响
与循环相似，条件表达式决定JavaScript运行流的走向。其他语言使用if-else或者switch表达式的传统观点也适用于JavaScript。由于不同的浏览器针对流程控制进行了不同的优化，使用哪种技术并不总是很清楚。一、if-else 与switch 比较使用if-else或者switch的流行理论是基于测试条件的数量：蓝狮官网条件数量较大，倾向于使用switch而不是if-else。这通常归结到代码的易 读性。这种观点认为，如果条件较少时，if-else容易阅读，而条件较多时switch更容易阅读。考虑下面几点：if (found){//do something} else {//do something else} ...
蓝狮注册JavaScript之循环性能影响
在大多数编程语言中，代码执行时间多数在循环中度过。在一系列编程模式中，循环是最常用的模式之一，因此也是提高性能必须关注的地区之一。理解JavaScript中循环对性能的影响至关重要，因为死循环或者长时间运行的循环会严重影响用户体验。一、循环的类型ECMA-263标准第三版规定了JavaScript的基本语法和行为，定义了四种类型的循环。第一个是标准的for循环，与类C语言使用同样的语法：for (var i=0; i < 10; i++){//loop body}for循环大概是最常用的JavaScript 循环结构。它由四部分组成：初始化体，前测条件，后执行体，循 ...