一：这本书由几个案列带入知识点，通俗易懂。最大的收获莫过于作者多次提到的逐渐增强和平稳退化。
"渐进增强"指的是给所用用户同等的基本使用体验，再根据用户终端的级别给予更高级的用户更为高效轻松的用户体验。"平稳退化"同样是给所有用户同等的一个基准，但其方向却是与渐进增强相反，此方法是剥夺低级用户的一些体验。
二：解决部分浏览器不兼容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;
}
}
网友评论