第一次做了一個完整的項目,歷時一個月,終於告一段落。下面就分三個方面總結一下這個項目:
第一、知道的越多,不知道的才越多。
師兄在群里說起這個項目的時候,我想着這是個提升自己的能力的好機會,便積極接下來了。在討論時,我們一個基本要求就是界面必須高大上,其實我並不善於設計。在偶然間發現了一幅山水畫,就想着用水墨風格作為用戶界面的主題。但是兩天敲下來,界面與想象中差得太遠,而且以前對響應式不熟悉,自己敲的頁面響應式存在很多問題后來不得不放棄自己的頁面,於是我們決定用框架。但是我並沒有接觸過框架,一時間感覺到項目無法繼續下去。消沉了一下我便去慕課網上學習bootstrap框架,邊學邊練,用了兩天時間學完bootatrap的基礎知識。然后在網上下載了一個bootstrap框架,在根據后台的要求設計修改界面。這次項目不僅接觸了框架,還了解了一些插件,學習了解了一些js。深刻的認識到自己學的東西太少了,項目完成后,必須得認真規划以后的學習路線。真的是學習的越多才明白自己不知道的越多。
第二、代碼書寫規范非常重要
以前在學習過程中敲代碼也會注意到一些代碼規范問題,但是沒有很在意這個問題。這次項目中,就是因為代碼不夠規范給后台編程帶來了很多麻煩。這里總結幾點我們討論的代碼規范問題。
1、注意代碼格式,增加可讀性。在頁面編輯中,代碼的縮進有沒有正確,他不會影響你網站的任何功能,但要是你沒有一個規范的縮進原則,讓讀你代碼的人是非常的生氣,所以說正確的代碼縮進可以增強你的代碼可讀性。標准程序的縮進應該是一個制表符(或幾個空格)。還有符號兩側敲一個空格讓代碼看起來更整潔,增加可讀性
2、從外部引入CSS和js。頁面中寫入CSS樣式有很多種方法,有些直接將樣式放入頁面的“<head>”或者直接用內聯樣式,這將是一個很不好的習慣,因為這樣不僅會搞亂我們的標記,而且使頁面看起來很雜亂,這些樣式只適合這一個HTML頁面。所以我們需要將CSS單獨提出,保存在外部,這樣后面的頁面也可以鏈接到這些樣式,如果你頁面需要修改,我們也只需要修改樣式文件就可以。
3、每個頁面的CSS樣式和JavaScript放在一個文件夾里。方便對頁面樣式的修改。而且能夠避免后期修改時導致的牽一發而動全身。
4、CSS樣式用繼承的方式寫類或者id。這樣能避免CSS樣式被意外覆蓋。
5、命名規范。命名規范能使我們的代碼具有更高的可讀性。盡量使用英文命名,組合單詞后面的單詞首字母大寫。遇到不會的單詞可以網上搜索,不要因為懶惰而用拼音代替,那樣顯得很low。
6、寫注釋很重要!注釋是你自己與你的小伙伴們了解代碼寫法和目的的唯一途徑。特別是在寫一些看似瑣碎的無關緊要的代碼時,由於記憶點不深刻,注釋就變得尤為重要了。
沒有任何代碼是可以完全自解釋的。而代碼注釋,則是永遠也不嫌多。當你寫注釋時一定要注意:不要寫你的代碼都干了些什么,而要寫你的代碼為什么要這么寫,背后的考量是什么。當然也可以加入所思考問題或是解決方案的鏈接地址。
7、其他注意事項:
多媒體回溯:對頁面上的媒體而言,像圖片、視頻、canvas 動畫等,要確保其有可替代的接入接口。圖片文件我們可采用有意義的備選文本(alt),視頻和音頻文件我們可以為其加上說明文字或字幕。提供可替代內容對可用性來說十分重要。試想,一位盲人用戶如何能知曉一張圖片是什么,要是沒有 @alt 的話。(圖片的 alt 屬性是可不填寫內容的,純裝飾性的圖片就可用這么做:alt=""
)。盡量用 alt 標簽去描述圖片,設想你需要對於那些只能通過語音或者看不見圖片的用戶表達圖片到底是什么。
總之,前期敲代碼不注意規范,那么后期修改維護就會付出很大代價去整改,所以必須注意代碼規范的問題。
好吧,說好的三點只想了兩點。這次項目讓我收獲挺多的,也讓我認識到自己學習上欠缺了很多,還要更加努力!
2016.4.26 15:24