Posts Tagged ‘OO’

写写Tab

虽然Tab的实现无非是设置 display: none 和去掉这个东西的过程,但是要做到可重用,易于声明,还是需要下点功夫的。
最近做一道面试题,题目如下,这个例子来自淘宝网首页最右下一个小块,就是实现一个Tab,比较简单,先看看DEMO,SOURCE(ZIP)。

下面详细描述我怎么用OO的思想来构造了一个罗嗦的Tab,:P
最开始,为了方便后面操作,写了两个辅助方法:
//缩写getElementById
function $(id){
return document.getElementById(id);
}

//从DOM结构中移除某类
function RemoveClass(dom, className){
var _oc = dom.className,
_cIndex = _oc.indexOf(” ” + className),
_tmp = “”;
if(_oc.length>0){
if(_oc.indexOf(” “) [...]

来自经典论坛的一个经典例子

今天在怿飞的博客上瞎逛看到的,顺便去了经典的帖子,刚好复习一下。这个回帖明确描述了几个非常重要的概念:对象,重载,原型…认真看基本可以弄懂了。

function foo(){
foo.abc = function(){
alert(‘def’);
};
this.abc = function(){
alert(‘xyz’);
};
abc = function(){
alert(‘@@@@@’);
[...]