摘要: 极简主义法: 这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因。 首先,它也是用一个对象模拟"类"。在这个类里面,定义一个构造函数createNew(),用来生成实例。 然后,在createNew()里面,定义一个实例对象,把这个实例对象作为返回值。var Cat = { createNew: function(){ var cat = {}; cat.name = "大毛"; cat.makeSound = function(){ alert("喵喵喵"); 阅读全文
posted @ 2013-01-14 17:27 ~小章鱼~ 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此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); ... 阅读全文
posted @ 2013-01-14 17:19 ~小章鱼~ 阅读(168) 评论(0) 推荐(0) 编辑
摘要: Table布局 经典得一塌糊涂的表格布局,在渐进增强面前落花流水——表格布局要求书写HTML代码时,首先考虑布局,而不是内容。不啰嗦,直接枪毙。Float布局 优点是简单 缺点:你的页面是否能够一直保持一致的展现效果将取决于浏览器的实现是否保持一致。特别是当浮动元素是一个更为复杂的布局中的一部分的话,将变得更加不堪一击绝对定位布局 绝对定位非常简单,非常精准。但面对不可预料的高度时,绝对定位就死翘翘了。 参考: 文章http://www.shauninman.com/archive/2006/05/22/clearance_position_inline_absolute... 阅读全文
posted @ 2013-01-14 16:20 ~小章鱼~ 阅读(321) 评论(0) 推荐(1) 编辑
摘要: 一:背景: 现在有在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=& 阅读全文
posted @ 2013-01-14 15:20 ~小章鱼~ 阅读(456) 评论(0) 推荐(0) 编辑