《JavaScript DOM 编程艺术 》 笔记心得

一：这本书由几个案列带入知识点，通俗易懂。最大的收获莫过于作者多次提到的逐渐增强和平稳退化。

"渐进增强"指的是给所用用户同等的基本使用体验，再根据用户终端的级别给予更高级的用户更为高效轻松的用户体验。"平稳退化"同样是给所有用户同等的一个基准，但其方向却是与渐进增强相反，此方法是剥夺低级用户的一些体验。

二：解决部分浏览器不兼容html5、css3 的问题

使用modernizr解决

https://modernizr.com/download?setclasses

三：方法

加载函数，复杂的代码用此方法更加方便

//加载函数的方法，如addLoadEvent(functionName),等同于window.onloadfunctionaddLoadEvent(func) {varoldonload =window.onload;if(typeofwindow.onload != 'function') {

window.onload=func;

}else{

window.onload=function() {

oldonload();

func();

}

}

}

functionloadEvents() {//homeprepareSlideshow();//aboutprepareInternalnav();//photospreparePlaceholder();

prepareGallery();//livestripeTables();

highlightRows();

displayAbbreviations();//contactfocusLabels();

prepareForms();

}//Load eventsaddLoadEvent(highlightPage);

addLoadEvent(loadEvents);

h5中不存在insertAfter()方法

//在某个元素节点前插入functioninsertAfter(newElement,targetElement) {varparent =targetElement.parentNode;if(parent.lastChild ==targetElement) {

parent.appendChild(newElement);

}else{

parent.insertBefore(newElement,targetElement.nextSibling);

}

}

追加class

//追加class 的方法functionaddClass(element,value) {if(!element.className) {

element.className=value;

}else{

newClassName=element.className;

newClassName+= " ";

newClassName+=value;

element.className=newClassName;

}

}