遇到的問題和解決方案##
chrome css亂碼中文問題###
在css文檔開始處，加上
@charset "utf-8";
id 和 name 使用上區(qū)別
name 可重復(fù) 一般是用來取指
id不可 一般是標識
document.getElementById
document.getElementByName
name可以理解成一個group，就是分組。
如果你有三個RadioButton，
<input id="radio1" type="radio" name="group1"/>
<input id="radio2" type="radio" name="group1" />
<input id="radio3" type="radio" name="group2" />
那么，radio1和radio2是互斥的，因為他們同屬group1
但是radio3和另外兩個radio沒有關(guān)系
區(qū)別如下：
1、我們知道在網(wǎng)頁做Post提交時，是以Form（即表單域）為單位進行提交的，一個Form里有若干個表單對象(如 <input type="text" name="UserName" value="請輸入姓名"/> )，同一個頁面里可以為多個Form（Asp.net不同，它只允許有一個，且名字必須為Form1），在表單表提交到服務(wù)器端后，可以直接通過Name屬性取到表單域的值，卻無法通過ID直接取到該表表單對象的值。
2、同一個Form里不能有多個name屬性相同的HTML標記，但如果一個網(wǎng)頁中有多個Form，則不同的Form里可以有同個Name屬性的標記。而ID是全局的，在一個HTML文檔里不能有多個節(jié)點使用相同的ID，無論它處在哪個Form里。
3、在建立CSS樣式的時候，可以建立ID樣式表（以＃為前綴），使具有該ID的樣式直接應(yīng)用該樣式，而無法建立Name樣式表。
4、在進行網(wǎng)頁編輯時建議使用ID來標識一個節(jié)點，而不是使用Name（除非是為了Post提交的需要），同樣使用Javascript進行Dom節(jié)點定位時建議使用getElementById方法，因為只有ID能唯一標識一個節(jié)點，而同一個網(wǎng)頁里可能會有多個Name屬性相同的節(jié)點，它們分別處在不同的Form里。
tips
html
- html 用于指定網(wǎng)頁的結(jié)構(gòu)
- html 編寫時要注重意義，不在乎形式。比如引用他言，用q blockquote ，而不是專門給加上雙引號。
- html中，對字體的link 最好放在css前。
- li 是block，所以要讓li 排列在一行要 display inline
- js的鏈接放在末尾比較好，這樣子不會被覆蓋。也可以在body中間建多個script tag，展示的效果在對應(yīng)處顯示。
- 響應(yīng)式設(shè)計： 都用 百分符，不用 px。
- 先用div畫出所占空間，再填充。一定！?。。。。?/li>
css
- div 居中
- block 沒設(shè)定寬度是不能 margin auto 來居中的
- 控制img 在框里面, 最好給img設(shè)置 img全局 max-width: 100%;
img { max-width: 100%}
- css的排版過程中借助 border 顯示確定 位置
- css的選擇器是從右往左解析的，不建議使用 通配符 *，直接用body。
- ul 自動會在 第一項li 前留白一部分，可以通過padding 0，margin 0 除去。
js
- 確定js文件是否有效 用alert（）或者 tool console窗口查看
- js錯誤 在 devtool 的console 窗口會顯示
- onmousedown 事件 鼠標點擊事件 ，當(dāng)頁面比較短的時候，鼠標不能點擊頁面未到達的地方
- 在js里面向html一個 標簽 追加 一個新標簽時，html的是新標簽的父標簽（計算向 p 加入一個 p 也行，雖然邏輯上不通）
bootstrap
- 需要使用 col-md-* div順序一般：container- row- col-md-*
- 每次的col-md-4 最好放在div 里面。col xs md 兩種
- input group 里面添加下拉按鈕，按鈕和旁邊輸入框不匹配，要在輸入框 class form-control
- container-fluid的width是100％，而container的width是用媒體查詢獲得的動態(tài)尺寸。兩者樣式肯定是不一樣的。并且由于padding的原因兩者不可用嵌套，他們就是提供兩種視覺風(fēng)格。640px之前效果一樣。 container-fluid更適合小屏
- 居中 block-center ；pull-left pull-right
- nav nav-tabs 樣式效果只對鏈接起效
- 下拉按鈕：外面一個div class為 btn-group / dropdown；兩部分
- button/other:class dropdown-toggle , data-toggle dropdown
- ul / others: class dropdown-menu, button 里的class未設(shè)置 btn 在 button group里面排列時顯示會后移
others
- jquery.js和jquery.min.js的區(qū)別
jquery.min.js是jquery.js經(jīng)過壓縮后的版本，沒有多余字符（如變量的名稱基本都換成一個字母，沒有換行符和縮進，沒有注釋），所有代碼都在一行，減小整個js文件的大小，加快瀏覽器的加載速度，提升用戶體驗。
jquery.min.js由于經(jīng)過壓縮處理，不方便人閱讀，適合電腦，jquery.js適合人閱讀些。
