一、技術(shù)總結(jié)
1、公共樣式的設(shè)定
在開始項目之前,我們可以先大體了解一下項目中每個頁面的內(nèi)容,比如字體樣式,段落結(jié)構(gòu),文字大小等。我們可以針對這些內(nèi)容來設(shè)定一個固定的樣式文件。在開發(fā)中就可以直接引入此文件,而無需再重復(fù)敲CSS代碼。需要用到時就直接在類名后加上所要用到的類名即可;
2、整體布局
開發(fā)項目過程時,若事前先將每一頁的框架搭建好,而后期就只需把具體內(nèi)容填充進去就可以了。而我就習(xí)慣用以下框架來實現(xiàn)頁面整體布局;一般來說,設(shè)定好頁面大體框架后,剩下的就直接一塊一塊地填充進去就方便些了,這樣開發(fā)起來思路也比較清晰。當然還要設(shè)定相應(yīng)的CSS樣式,但這個要視項目的具體要求來做。
3、切圖要素
當大體布局弄好后,接下來應(yīng)該就是從切圖開始入手了,雖然沒有太多技術(shù)性的操作,但也有些要注意的地方。比如在切圖中,要特別注意的是尺寸。雖然有些是比較細微的部分,需要耐心處理。因為細節(jié)性的問題往往也會導(dǎo)致結(jié)果的不同。其實不要認為差不多就可以了,有時候差一點就是差一點,當效果不盡人意的時候,到頭來還是得再去花時間去修改。再者,在保存切圖時,由于會自動生成一個images文件,所以我們不用再自己新建目錄,或者也不用進入到某個目錄中,不然它還是會在相應(yīng)的位置出現(xiàn)images這個文件夾。
4、命名、代碼書寫規(guī)范
規(guī)范的命名有助于提高代碼可讀性。在網(wǎng)上也有挺多相關(guān)的規(guī)范,在這里我也簡單羅列幾點:
(1)、直觀命名
當在設(shè)計Web頁面以及需要對一個div進行標識的時候,最自然的想法就是使用可以描述元素所在頁面位置的詞匯來對其命名。
例如: top-panel、horizontal-nav、left-side
(2)、結(jié)構(gòu)化命名
例如:main-nav、subnav
(3)、基于成員的命名規(guī)范
基于成員的命名規(guī)范是指按照文件,文件夾的從屬關(guān)系,通過歸類的方法進行命名,這樣可以使文件的排列具有較強的邏輯性.
例如:一個圖片文件是在鼠標點擊之前為"file_on".而在點擊后的圖片文件命名為"file_off"根據(jù)這個類別命名.更加的清晰
5、學(xué)會制作
在項目開發(fā)中少不了會加入許多小圖標,小圖片。若一張張切下來后保存起來后,使用起來也比較麻煩,加之所占內(nèi)存也大,如此一來頁面加載速度就慢了許多。這可不是什么好事,大大降低了用戶體驗度。所以,我們可以事先把小圖片切下來放在同一張頁面,到時候開發(fā)時就只需要把這張圖片引入即可。然后再跟進情況調(diào)整背景圖片的位置,利用background-position這個屬性可以設(shè)置。
6、知識點的清晰
在做項目時,我由于對某些知識點不夠熟悉,不能熟練運用,所以導(dǎo)致開發(fā)速度慢。當我們熟練掌握了一個知識點后,是可以快速地寫出代碼實現(xiàn)相應(yīng)的效果。
二、心態(tài)總結(jié)
1、熟悉并熟練使用每個HTML便簽和CSS屬性。我認為導(dǎo)致開發(fā)速度慢的原因之一是因為自己對知識點的掌握不夠。比如說,要實現(xiàn)某個效果,但卻由于想不起來用到了哪些屬性,或者忘記了屬性名稱,又得花時間去查找資料。無形中時間就耗掉了。
2、減少冗余,優(yōu)化代碼??梢允÷缘倪€是省略為好,因為代碼多了占用內(nèi)存,頁面加載速度也會變慢。在寫代碼的過程中,也可以先思考一下有什么比較簡潔的寫法,提高代碼書寫速度。當然這也是一點點積累出來的,練習(xí)多了自然也會慢慢了解如何才會提高代碼書寫速度以及降低冗余。
3、切圖速度。也許是比較少用設(shè)計工具,對軟件界面的操作不太熟悉。但切圖其實也不需要太高技術(shù),但需注意的一點是準確性。同時也能提高專注度。
4、多思多練、不恥下問。在遇到一個技術(shù)難題時,我通常的做法是先自己想,實在想不出的可以百度,參考網(wǎng)上的,然后再實現(xiàn)自己的。若網(wǎng)上的資料不太清晰或者不太理解的情況下。我覺得還是問同學(xué)或老師,通過互相交流學(xué)習(xí),其實是可以比較快速地了解知識點,并且發(fā)現(xiàn)自己不足之處。同時學(xué)習(xí)借鑒別人做的好的方面。
5、培養(yǎng)嚴謹?shù)膽B(tài)度
關(guān)于細節(jié)性的問題,是很多人都比較容易忽略的。而我自己看來,我并不覺得自己是個嚴謹?shù)娜?。有些時候還是因為自己的粗心而導(dǎo)致結(jié)果不佳。所以,在認識了這點之后,我會時時刻刻提醒自己。不能因為追求速度而忽略了一些看似無關(guān)緊要的東西。