Category: Front-end Development

<div style="background-color: red" id="name" onclick="alert('');">
    Jim
</div>

<div id="name" class="name" onclick="alert('');">
    Jim
</div>

<div id="na

[……]阅读全文

近接触到了 Mason，并且了解到了它基础之上的一个 MVC 框架实现，随即联想到做网站以来接触到的各种各样的页面聚合的场景，颇有意思。

页面聚合本身是一种 “分而治之” 的思想，把复杂的页面分割成可以被重用和独立维护的部分，这些部分的来源灵活，可以来自同一个 web app 中，也可以来自不同的域；可以聚合独立的子页面（页面集成），也可以聚合数据（数据集成），甚至可以聚合子呈现（模板集成）。

客户端聚合

这种聚合的最大好处在于把聚合的工作分散到如今越来越强势的客户端，减轻了服务端的压力；另一方面，也从一定程度上简化了服务端的设计。客户端聚合在互联网初期比较少见，如今随着客户端性能越来越优秀，客户端聚合的优

[……]阅读全文

有这样一句话被提起：

前端也有 MVC，DOM 树就是这个 M，CSS 就是这个 V，至于 C，非 JavaScript 莫属。

很高兴团队中有越来越多的人能够跳出某种语言、某种平台的局限性，站到抽象的层次上思考一些设计上的问题。在我的印象中，似乎前端开发总是容易给人以随意、混乱的感觉，可真的是前端技能不容易掌握吗？

大学里 Java 课程正儿八经学了 3 年，JavaScript 只字未提，只是课余时间凭借着兴趣自学，加起来也就两三个月。

前端代码更加灵活，无论是 HTML、JavaScript 还是 CSS，似乎任何一个初学者都可以轻松入门。可是越是看似简单的东西，就越难以精通地掌握，没有好

[……]阅读全文

JavaScript 虽没有给出继承的关键字，但是我们依然能够拿出一些好办法实现。

1、原型链继承：

var Base = function()  
{  
    this.level = 1;  
    this.name = "base";  
    this.toString = function(){  
        return "base";  
    };  
};  
Base.CONSTANT = "constant";  
  
var Sub = function()  
{  
};  
Sub.prototype = new Base();  
Sub.p

[……]阅读全文

在 IE6/7 里 JavaScript 会从两个方面阻碍页面呈现：
script 标签下面的网页资源在 script 加载完之前会停止请求、下载。
script 标签下面的 html 元素在 script 加载完之前会停止渲染。

在 ie6/7 firefox2/3 Safari3 Chrome1 和 opera 下 script 标签会阻碍下载：

虽然在 ie8，safari4，chrome2 下 script 可以并发，但依然阻碍了其他资源的下载：

有 6 种方法可以使 script 与其他资源并行下载：

• XHR eval — 通过 XHR(XMLHttpRequest 对象) 下载 script，然后用 eval 方法执行 XHR 的 r

[……]阅读全文

以下来自 John Hann 的实现，这段代码引起了我的注意，它用巧妙的方法把方法调用的结果缓存起来了。

代码解析：

// memoize: 使用 memoization 来缓存的通用方法 
// func: 要被缓存的方法 
// context: 方法执行上下文 
// Note: 方法必须是外部可访问的，参数是可字符序列化的 
function memoize (func, context) { 
	function memoizeArg (argPos) { //参数表示原始方法中参数的位置 
		var cache = {}; //这个缓存的 key 是参数，value 是执行结果 
		retu

[……]阅读全文