Web 前端细节

1.javascript 简单数值类型 Undefined, Null, Boolean, Number和String 五种 ,内置数据类型 (内置对象) 都可以看作是函数的派生类型

2.javascript 获得某个页面元素的绝对位置 offsetTop offsetParent 方法会有错误 ( 特别是如果是 该元素的 祖先元素们含有滚动条[overflow 不为 visible] 时，要减去如：

 

offsetParent 探讨

//x,y 为根据 offsetTop offsetParent 方法 算出的 ,然后
while (p && p != bd) {
    if (!Ext.isOpera || (p.tagName != 'TR' && !fly(p).isStyle("display", "inline"))) {
        x -= p.scrollLeft;
        y -= p.scrollTop;
    }
    p = p.parentNode;
}

 

ie 下专有的getBoundingClientRect（是ie的产物，但已经是w3c的标准，而且ff3，Opera和最新版的chrome都已经支持了这个方法详见：w3c的View Module部分 ），否则各个浏览器会很困难，详见ext-base.js getXY 函数 （怎么这么不兼容！）

 

简析 Extjs获得页面绝对位置

 

 

3.描述javascript 原型链

JavaScript的对象模型与执行模型

 

 

4.DOM 方法与 ie,ff 的相应直接插入html片段 方法比较

Ext.DomHelper 添加 option 问题

 

5.javascript的动态性 解释

 

6.w3c 与 ie 事件模型的区别 ：添加事件，删除事件，捕获，冒泡，ie 全局 event 依赖javascript单线程模型

 

7. css 选择器种类 ，以及他们的 层叠后优先级计算

（注意：高级的属性选择器 http://www.w3.org/TR/css3-selectors/ ）

Css selector

css常用选择器的组成

CSS选择器优先级

 

8.typeof 操作 ：

8.1 对于简单数值类型 输出 简单数值类型 (null 例外为 object)
8.2 对于 function literal 定义的 输出 function
8.3 对于其他 都输出 object

 

JavaScript 的对象模型与执行模型

 

9. firefox 与 ie 盒模型异同

 

即使都设成 xhtml doctype 还是有不同的，详见 IE 与 Firefox 的盒模型

dtd 的作用 - ie8 bug !?

 

10.隐藏不要使用 display:none 

不占用渲染空间，很难处理，建议设置

 

left:-9999px;

top:-9999px;