摘要：
首先看下面这段代码： //有一个类Count var Count = (function (){ var _pri = {}, _pub = {}; var _main = function (){ _pri.initNum(); }; _pri = { num : [1,3,4,5], initNum : function (){ this.num = []; }, addNum : function (){ this.num.push(Math.round(Math.random()*20)); } }; Mix(_... 阅读全文
摘要：
Mustache是一种Logic-less template.不支持if这类条件判断是Logic-less的显著特征之一.经典案例：var view = { name: "Joe", winnings: { value: 1000, taxed_value: function() { return this.value - (this.value * 0.4); } }};var template = "Welcome, {{name}}! {{>winnings}}"var partials = { winnings: "You jus 阅读全文
摘要：
由于360浏览器去掉了UA信息，所以使用UA信息是无法判断用户是否使用的是360安全浏览器，看看navigator.userAgent里面有什么：navigator.userAgent.toLowerCase();//mozilla/5.0 (compatible; msie 9.0; windows nt 6.1; wow64; trident/5.0; slcc2; .net clr 2.0.50727; .net clr 3.5.30729; .net clr 3.0.30729; media center pc 6.0; .net4.0c; .net4.0e; infopath.3) 阅读全文
摘要：
原文：http://www.lukew.com/ff/entry.asp?1392 关于跨多网络设备的Web开发，从未停止过争论。有些人希望客户端解决，而有的倾向于服务端。但我越来越感兴趣如何将他们合二为一。RESS (Responsive Web Design + Server Side Components)就是这样的一个提议。 在响应式的具体实现上，URL在设备在不同的设备上和所显示的内容上，都是一致化的。这就意味着，同一个链接要承载太多设备的体验。为了更好地自适应，网站通常需要一个单独的源顺序、单独的URL结构和灵活的可跨多屏幕尺寸的media query（也是因为这一点会成为性能.. 阅读全文
摘要：
标准参考Block Formatting Context （块格式化上下文）是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。 在创建了 Block Formatting Context 的元素中，其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的元素之间的垂直距离取决于 'margin' 特性。在 Block Formatting Context 中相邻的块级元素的垂直边距会折叠（collapse）。 在 Block Formatting Context 中，每一个元素左外边与包含块的左 阅读全文
摘要：
极简主义法： 这种方法不使用this和prototype，代码部署起来非常简单，这大概也是它被叫做"极简主义法"的原因。 首先，它也是用一个对象模拟"类"。在这个类里面，定义一个构造函数createNew()，用来生成实例。 然后，在createNew()里面，定义一个实例对象，把这个实例对象作为返回值。var Cat = { createNew: function(){ var cat = {}; cat.name = "大毛"; cat.makeSound = function(){ alert("喵喵喵"); 阅读全文
摘要：
一：纯粹的函数调用 这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global（即window）。二：作为对象方法的调用 函数还可以作为某个对象的方法调用，这时this就指这个上级对象。function test(){ alert(this.x);}var o = {};o.x = 1;o.m = test;o.m(); // 1三：作为构造函数调用 所谓构造函数，就是通过这个函数生成一个新对象（object）。这时，this就指这个新对象。 function test(n){ this.x = n; } var o = new test(3); ... 阅读全文
摘要：
Table布局 经典得一塌糊涂的表格布局，在渐进增强面前落花流水——表格布局要求书写HTML代码时，首先考虑布局，而不是内容。不啰嗦，直接枪毙。Float布局 优点是简单 缺点：你的页面是否能够一直保持一致的展现效果将取决于浏览器的实现是否保持一致。特别是当浮动元素是一个更为复杂的布局中的一部分的话，将变得更加不堪一击绝对定位布局 绝对定位非常简单，非常精准。但面对不可预料的高度时，绝对定位就死翘翘了。 参考： 文章http://www.shauninman.com/archive/2006/05/22/clearance_position_inline_absolute... 阅读全文
摘要：
一：背景： 现在有在www.a.com域下的main.html,要在其内引入www.b.com下的b.html页面二：思路: 现有主界面main在域a下，被嵌套页面b在域b下，被嵌套页面b又嵌套一个在域a下的中介页面c。当用户打开浏览器访问mail.html的时候载入b，触发b的onload事件获取其自身高度，然后b载入c并将高度值作为参数赋值给c的location对象。这样c就可以通过location.hash获得b的高度，然后将获取到的b的高度传给main，然后修改b的高度。三：实现：在b通过脚本随机插入文本，模拟一个高度不断变化的页面。在main中嵌入b:<iframe src=& 阅读全文