學(xué)習(xí)前端的一些小技巧

編輯器的選擇，推薦webstorm，覺對的神器

1.可以分屏，左右同時編輯兩個文件，比如左邊編輯html，右邊編輯它的css/js。

2.代碼提示很人性話，分級結(jié)構(gòu)也很清洗。

3.方便查找，如ctrl+點擊類名，就可自動定位到該css樣式。

4.支持自定義模版，這樣快速開始完成一些經(jīng)常用到的代碼。

5.支持個性化主題，字體等。

6.強大的插件庫，自己去選吧。

7 .ctrl+/,注釋所選區(qū)域。

布局。提到布局最頭疼就是瀏覽器兼容性，現(xiàn)在才發(fā)現(xiàn)其實很多兼容性其實是很容易避免的，只要做到你對自己的每一句代碼都知道它的意義和作用，還有避免用一些有兼容性的樣式屬性就行了，很多情況都可以不用hack，一樣能實現(xiàn)多瀏覽器兼容。

1.不要用hack，一定有更好的解決辦法。很多情況都是因為代碼結(jié)構(gòu)不夠好才會出現(xiàn)兼容性問題。

2. 思考如何用最少的標(biāo)簽及屬性實現(xiàn)頁面。

3.理解結(jié)構(gòu)，表現(xiàn)，行為分離的意義。

4. 布局前一定要先分析頁面結(jié)構(gòu)，磨刀不誤砍柴工，分析怎么用更好的辦法實現(xiàn)，理清思路后，再切圖寫代碼。

5. 深刻理解類的概念，注重歸類元素，多總結(jié)，保持代碼風(fēng)格（包括前后代碼的空格位置、多少，以及命名風(fēng)格）嚴格一致并且盡量簡潔。

6. 多用組合，少用繼承。

7. 命名空間：駝峰命名法用于區(qū)別不同單詞，劃線用于表明從屬關(guān)系。

8.低權(quán)重原則------避免濫用子選擇器(即類似#test span這樣的選擇符)