編程前的準(zhǔn)備工作大致按照確定前端框架，統(tǒng)一編程風(fēng)格，制定命名規(guī)范三步走。那么開始編程，實(shí)現(xiàn)靜態(tài)頁面時(shí)則大多按照各自的編程習(xí)慣就好了，筆者也沒有更好的方式，大抵還是一邊寫代碼，一邊打開瀏覽器看效果，而要完全做到與設(shè)計(jì)稿沒有1px的分別，只能耐心的反復(fù)修改代碼，而筆者認(rèn)為其中有效的方法是盡可能使用簡單的結(jié)構(gòu)，能夠少一層結(jié)構(gòu)是一層，這不僅僅是減少了代碼量，而且對于編寫樣式也會(huì)變得更方便。
但是，作為自學(xué)者，因?yàn)榻?jīng)驗(yàn)的匱乏，很多時(shí)候就必須得考慮的更多，比如如何減少樣式表的代碼量，如何使用更簡單的結(jié)構(gòu)來實(shí)現(xiàn)設(shè)計(jì)稿等等。有了考慮，也就有了很多嘗試，好在筆者公司的boss是很寬容親切的，在工期上沒有設(shè)置得讓人為難，對于設(shè)計(jì)也要求不高（筆者的設(shè)計(jì)只做了網(wǎng)站首頁，其余都是邊寫代碼邊參考其他網(wǎng)站的）。所以，我也有了不少嘗試錯(cuò)誤的機(jī)會(huì)。這篇本來沒什么好寫，想想提出編程時(shí)遇到的那些錯(cuò)誤也許能幫到其他自學(xué)者吧！
1 . 查看效果首選谷歌瀏覽器
自從1年前筆者在自己這臺(tái)小步疾走了四年的筆記本上換上win8系統(tǒng)后，簡潔輕快的IE10便成為筆者的默認(rèn)瀏覽器（在筆者的電腦上，IE10始終打開網(wǎng)頁速度最快，占用內(nèi)存最小的。這點(diǎn)不得不為IE的退休感到惋惜，因?yàn)槠鋵?shí)除了不能裝插件，兼容性不夠好，IE9以后其他方面已經(jīng)基本上趕上chrome，firefox等瀏覽器）。但是，調(diào)試代碼，筆者仍舊建議使用谷歌瀏覽器。谷歌瀏覽器的開發(fā)者工具里能夠?qū)Ω髟氐腂ox model給出詳細(xì)的參數(shù)，對于經(jīng)驗(yàn)尚淺的學(xué)習(xí)者而言，在開發(fā)中能夠查看到每一個(gè)元素的Box model詳細(xì)參數(shù)，可以極大的避免反復(fù)調(diào)試時(shí)卻連元素的content的數(shù)值都不知道。
2 . 提取公共樣式表
筆者最初是將每一個(gè)網(wǎng)頁的css放在一張樣式表里，但是由于后期網(wǎng)頁導(dǎo)航條，footer部分修改，雖然這些是每一個(gè)網(wǎng)頁都有的模塊，但是筆者硬是修改每一張樣式表。所以，在開始之處，就應(yīng)該就一些全局的樣式(比如顏色，字體，字號(hào)等等)和這些通用組件的css集中在一張樣式表，這樣，一旦設(shè)計(jì)有改動(dòng)，只要修改一處即可。（因?yàn)楣P者修改此篇時(shí)已經(jīng)開始優(yōu)化網(wǎng)站，接觸到靜態(tài)資源管理，為了減少TCP請求，又不得不把公共的樣式表和其他樣式表合并起來。想想也是醉了，筆者推薦其他讀者在開始編程就使用前端集成解決方案FIS，這是百度出的，很牛。筆者也在探索學(xué)習(xí)中，筆記什么的也會(huì)寫出來。）
結(jié)語：可能就這些了，編程有各自的方式，方法。前端技術(shù)本來也是由淺入深的，不同于其他程序語言，前端技術(shù)看似繁瑣，其實(shí)入門容易，但要做得更好，就是一步一重天。所以，在編程中，每個(gè)人都會(huì)有自己的體會(huì)，和經(jīng)驗(yàn)的積累。既然開始編程了，那就別停下來。
