JS,CSS 以及浏览器

Javascript
页面生命周期
Jquery应用
JS性能
JS调试
CSS
样式优先级
布局
兼容
样式延迟加载
IE6 BUG
Jquery BUG

$.ajax
同异步
	async （false时，timeout失效）
传参方式
×	data : “id=aaa&type=bbb”
×	url : url + “?id=aaa&type=bbb”
 √		data : {
		    “id” : aaa,
		    “type” : bbb
		}

$.each
遍历数组
	$.each(array , function(index , item) {} )
遍历对象
	$.each(json , function(key , value) {} )
遍历元素
	$.each($(“.class”) , function(index , item) {
		this.val();
	} )
跳出循环
	return false;  ≈  break
	return true;  ≈ continue
$.clone
配合隐藏模板实现js中不包含html代码
	×	“<tr><td>” + json.id + “</td><td>” + json.name + …. + “</td></tr>”
	√ 	var $newRow = $(“#templateRow”).clone().removeAttr(“id”).removeClass(“hidden”).appendTo(“#tbody”);
clone不会复制监听事件
$.live
事件委派适用于对还不存在的页面元素添加监听
$(“.btn”).live(“click” , function(){ … } );
$(“<button class=“btn”>确认</button>”).appendTo(“#div”);

$.data
用于储存页面需要用的数据，类似于java中的Map
$(“#tmpData”).data(“state” , “addnew”);
…
if($(“#tmpData”).data(“state”) == “addnew”){ … }

JS性能

避免嵌入页面的JS
JS下载过程中会阻塞其后JS的下载和渲染
嵌入JS执行过程会阻塞页面所有内容渲染，而引用JS只阻塞之后的页面渲染
浏览器会等所有样式下载完成再执行JS
避免频繁的DOM更新或遍历
DOM结构更新浏览器会重新渲染
更新处理时间 document.write > createElement() > cloneNode()
使用更精确的选择器

http://www.css88.com/jqapi-1.5.1/index.html#p=jQuery.ajax