對(duì)于同樣的項(xiàng)目或者是一個(gè)網(wǎng)頁(yè),盡管最終每個(gè)前端開發(fā)工程師都可以實(shí)現(xiàn)相同的效果,但是他們所寫的代碼一定是不同的。有的優(yōu)雅,看起來(lái)清晰易懂,代碼具有可拓展性,這樣的代碼有利于團(tuán)隊(duì)合作和后期的維護(hù);而有的混亂,雖然表達(dá)出了最終的效果,然而卻晦澀難懂,顯然團(tuán)隊(duì)成員在讀這樣的代碼時(shí)就顯得無(wú)從下手,更不利于后期的維護(hù)了。那么如何寫出優(yōu)雅的代碼呢?下面我將以一個(gè)很小的項(xiàng)目就以下幾個(gè)方面簡(jiǎn)單的表達(dá)一下自己的看法,如有不妥,望批評(píng)指正。
第一部分:如何整理一個(gè)項(xiàng)目。
當(dāng)我們接手一個(gè)表白墻的小項(xiàng)目時(shí),怎么去分類整理呢?是把所有的html文件、css文件、js文件和圖片等等混亂的放在一起?好吧,那就看看這樣是什么效果吧?
可能你會(huì)覺(jué)得這沒(méi)有什么啊?文件都可以找到啊,但是你試圖在sublime編輯器中打開看看是什么效果:
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
