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

編輯器的選擇，推薦webstorm，覺(jué)對(duì)的神器

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

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

3.方便查找，如ctrl+點(diǎn)擊類名，就可自動(dòng)定位到該css樣式。

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

5.支持個(gè)性化主題，字體等。

6.強(qiáng)大的插件庫(kù)，自己去選吧。

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

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

1.不要用hack，一定有更好的解決辦法。很多情況都是因?yàn)榇a結(jié)構(gòu)不夠好才會(huì)出現(xiàn)兼容性問(wèn)題。

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

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

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

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

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

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

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