易栈网-膘叔

最近在做ipad上的网页处理的时候，经常需要切换横竖屏。于是找了一下资料，写了一个简单的判断：

function check(){
     var s,screen = (window.innerWidth > window.innerHeight) ? "portrait" :"landscape";
     if(s!=screen){
         s=screen;
         alert(s);
    }
}
然后在document.addEventListener("DOMContentLoaded",function(){
     //在这里加入
    window.addEventListener("orientaionchange",check,false);
    //然后就是很重要的一句：
    setInterval(check,300);
})

为什么要用setInterval，就是因为每一次切换都要迅速判断，因此不得不用setInterval，否则第一次判断后就不会再处理了。。

在博客园看到有人在介绍CoffeeScript，以前仿佛看过类似的东西。所以去官方看了一下，结果发现现在的代码是不是都在追求所谓的语义化？
比如你看这一段 ：

mood = greatlyImproved if singing  if happy and knowsIt   clapsHands()   chaChaCha() else   showIt()  date = if friday then sue else jill  options or= defaults 
然后所谓生成后的代码就成了这样：
var date, mood; if (singing) mood = greatlyImproved; if (happy && knowsIt) {   clapsHands();   chaChaCha(); } else {   showIt(); } date = friday ? sue : jill; options || (options = defaults); 
看到上面的这段生成后的代码，再对比一下原来的写法，是不是觉得很有意思？
再来一段长的：
grade = (student) ->   if student.excellentWork     "A+"   else if student.okayStuff     if student.triedHard then "B" else "B-"   else     "C"  eldest = if 24 > 21 then "Liz" else "Ike" 
输出之后就是：
var eldest, grade; grade = function(student) {   if (student.excellentWork) {     return "A+";   } else if (student.okayStuff) {     if (student.triedHard) {       return "B";     } else {       return "B-";     }   } else {     return "C";   } }; eldest = 24 > 21 ? "Liz" : "Ike";
越来越发现，原来写伪代码也可以转换成代码。而且看上去也不错，有点象zen coding了。现在很多IDE都支持zen coding
不知道这次这个coffeescript什么时候会被支持
官网：http://jashkenas.github.com/coffee-script/
但是对于用户来说，有一点压力，因为它还是会有一些学习成本。

nodeType的取值还是会经常用到的，但一般我们只用1和3，找了一下资料，1和3的含义是什么，才发现，原来是这样的。【部分资料来自：http://www.impng.com/web-dev/element-nodetype-values.html】

需要注意的是，在IE下会直接跳过HTML中的空格/Tab/换行，而Firefox下空格会认为是一个节点，因此，对类似节点取nextSibling或previousSibling时，需要判断是否是元素节点。所以。要取某个节点下面的文字时，必须是类似这样的写法。

在看代码的时候看到了这个offsetParent也就顺便找了一下资料：

然后找了一段代码进行测试：

这个时候就象上面的说明所说的，在firefox和webkit核心下两者都返回了“body”，然而：

于是我在div的id="b"的style里加入了position:absolute，然后再测试，果然就返回了DIV。

学习完毕，上述的信息来自：http://www.web666.net/dom/offsetParent.html

和insertAdjacentHtml等方法类似，只是一个插对象，一个插具体内容，其实都一样啦。
介绍：
语法：
oElement = object . insertAdjacentElement ( sWhere , oElement )
参数：
oElement :　必选项。对象(Element)。要插入到 object 邻近的对象。
sWhere :　必选项。字符串(String)。beforeBegin | afterBegin | beforeEnd | afterEnd beforeBegin :　将 oElement 插到 object 的开始标签之前。
afterBegin :　将 oElement 插到 object 的开始标签之后。但是在 object 的所有原有内容之前。
beforeEnd :　将 oElement 插到 object 的结束标签之前。但是在 object 的所有原有内容之后。
afterEnd :　将 oElement 插到 object 的结束标签之后。
返回值：
oElement :　对象(Element)。返回插入的对象的引用。
说明：
将 oElement 依据 object 定位插入文档结构。
当文档正在载入时，不可以尝试此方法。必须在 onload 事件触发以后。
假如你尝试插入一个已经在文档结构中存在定位的对象，该对象将被移动到你指定的插入位置，而不会有新对象被创建。 【这个功能好啊。不会创建出同名元素等】
测试代码：