課程地址: 慕課網(wǎng) Bing 搜索框制作
1: 為什么用 button 標(biāo)簽,而不用 input ?
<input> 的局限性：是自閉合標(biāo)簽鄙币，不能定義復(fù)雜的樣式糜俗。所以要定義復(fù)雜樣式（比如：圖文樣式）的按鈕選擇用 <button></button> 標(biāo)簽;
button 提交到服務(wù)器功能（type=submit），需配合action使用搀庶。如實現(xiàn)帶圖片或者文字的搜索按鈕闰蚕，可以用button實現(xiàn)两踏。
2: 背景圖的居中設(shè)置margin: 0 auto; 背景圖需要設(shè)置寬高才會有效果
3: 在chrome下，輸入框聚焦的時候艰垂，會有藍(lán)色的邊框,去掉的方法css中outline:none
4:<meta http-equiv="X-UA-Compatible" content="IE=edge" />
防止IE瀏覽器進(jìn)入怪異模式泡仗，強(qiáng)制要求IE按照最新版來渲染。
5:事件綁定和事件代理,用于對于用戶交互的響應(yīng),比如用戶用鼠標(biāo)或者鍵盤往網(wǎng)頁中輸入內(nèi)容,我們需要對用戶的 交互做出響應(yīng),就需要事件綁定和事件代理來完成;事件才能響應(yīng)用戶的輸入輸出操作
6: AJAX 用于與服務(wù)器進(jìn)行數(shù)據(jù)交換的
7: jQuery 提供了兩種方式來阻止事件冒泡
方式一：event.stopPropagation();
$("#div1").mousedown(function(event){
event.stopPropagation();
});
方式二：return false;
$("#div1").mousedown(function(event){
return false;
});
但是這兩種方式是有區(qū)別的猜憎。return false 不僅阻止了事件往上冒泡娩怎，而且阻止了事件本身。
event.stopPropagation() 則只阻止事件往上冒泡胰柑，不阻止事件本身截亦。
8: 事件代理用在為多個元素綁定相同事件的時候，而且這些元素是JS動態(tài)創(chuàng)建出來的柬讨。
jQuery的事件代理用法：$(document).delegate("li","click",fn);
9: 獲得元素至瀏覽器左邊的距離 : var left = e.offsetLeft
10: e.onclick與addEventListener區(qū)別是: 給一個對象加事件onclick只能加一個崩瓤，再加就會覆蓋，addEvent可以加多個并分別實現(xiàn)
11: 定義JSON格式: var x = {name : xiaoming } // 可以直接 x.name 識別
定義JSON格式 var x = {"name" : "xiaoming"} // 不可使通過x.name識別踩官，因為是字符串
可以通過 var x = JSON.parse{"name" : "xiaoming"} // 將其轉(zhuǎn)換為JS可以識別的格式
12: 使用字符圖標(biāo)代替圖片却桶，可以降低對寬帶的消耗，提高網(wǎng)頁速度蔗牡。
在哪style標(biāo)簽中自定義字符集：
@font-face{
font-family: 取個名字;
src: url(字符集地址);
}
選擇器{
font-family: font-face定義的名字;
font-XXX: 其他字體屬性;
}
然后要在icon容器中寫上對應(yīng)的符號或字符編碼颖系。
