學(xué)習(xí)和實踐前端一年時間，幾乎天天在工作室和一群屌絲男程序員一起學(xué)習(xí)、開發(fā)。這種潛移默化的環(huán)境下，編碼提高了，節(jié)操也細(xì)碎了。

一年前，嬌滴滴的還是工作室里面小師妹一枚，軟軟的軟件工程妹子，做不到人見人愛，但在這個據(jù)說男女比例8比1的學(xué)校中，仍是比較受歡迎群體——女生中的一員。

然而， 回想過去這一年，跟一幫大老爺們坐在一起講蛋疼的笑話；

工作室聚餐中滿懷“邪”意地企圖把師兄們灌醉；

為了趕項目，可以經(jīng)常和某位苦逼男一起debug到兩三點，不亦樂乎；

男生喚我作欣姐，各種玩笑各種開，因為都不拿我當(dāng)女生看；

天天十多小時對著電腦，很少化妝，因為卸妝好麻煩，還不如留著時間擼碼；

沒課的時候。蓬頭垢臉，踢著拖鞋就崩工作室去了；

在工作室中睡覺，口水嘩嘩流，完全不理會身邊有十多個男生盤算著通宵達(dá)旦擼碼。

一路心酸。辛酸。我本來一好好的妹子，怎么就成了女漢子。好吧，其實我還是挺喜歡現(xiàn)在這種生活~~~

發(fā)了一段牢騷，如今調(diào)回工作模式。

定期總結(jié)、回顧優(yōu)劣，重新規(guī)劃。

這并不是為了讓人駐足圍觀（也就不存在什么顯擺之類的目的），主要的目的至少是可以審度過去那一段時間——做過的事，看過的書、感悟，才能更好地規(guī)劃日后。

——————? 做過的事 ?——————

學(xué)過半年的前端，知道大二下學(xué)期才等來開發(fā)的機(jī)會。大二上半年有點清閑，下半年累得蛋疼。過去半年都是在項目折磨下進(jìn)步地，簡單回顧一下它們，我的孩子嘛，應(yīng)該都有我十分之一的“韻魅”。

一、項目

? 伴你同行婚紗攝影網(wǎng)站（2014年2、3月）

單獨完成前后端工作。我的長子。

這里要贊美一下我可愛又丑陋的姐夫，讓我早早投入到項目開發(fā)中，唯一一個獨攬前后臺開發(fā)的項目。它讓我盡早發(fā)現(xiàn)自己學(xué)習(xí)和實際開發(fā)的差距。也是因為大二寒假的努力，讓我更加有底氣爭取更多項目開發(fā)機(jī)會。

收獲 ：

1，著重用戶體驗

2，基于Ajax/JSON數(shù)據(jù)交互

3，獨立完成java后臺開發(fā)

4，MySQL

? BMS南海博物館系統(tǒng)（2014年4、5、8月）

單獨完成前端工作。第一個和工作室同學(xué)交（liu）配（he）的孩子。

和善良幽默的佳銘合作，在廖老師和他的嚴(yán)格要求，熬了若干夜。也是這個項目讓我拉下“頁面做得不好看”，“代碼可讀性差”的“臭名”。

收獲 ：

1，原生可拖拽、最大化、最小化窗口控件

2，javascript面向?qū)ο笤O(shè)計

? 梅州地區(qū)中學(xué)校園網(wǎng)站及其后臺管理系統(tǒng)（2014年4、5月）

單獨完成前端工作。

收獲：

1，設(shè)計與用戶交互提升一個檔次

2，多文件上傳，上傳管理

3，實現(xiàn)后臺管理系統(tǒng)對前端頁面的樣式修改

? 廣東省氣象局信訪風(fēng)險防控登記系統(tǒng)（2014年6、7月，至今）

合作完成前端工作。

收獲：

1，javascript跨域問題的解決

2，自定義JQuery復(fù)選框插件

。。。。。。

? 數(shù)字化校園管理系統(tǒng)（2014年7月）

合作完成前端工作。

接了某師弟的爛攤子，把整個管理系統(tǒng)前端頁面重構(gòu)了一次，然后和某同學(xué)合作重寫了前后臺交接部分，一個星期完成別人三個月都完成不了的。在我看來這個比較高級的項目，涉及一卡通設(shè)備管理、考勤管理、人員管理、短信管理等功能。

收獲

我萌生自定義控件的想法：

例如，網(wǎng)格插件——調(diào)用者僅需提供表頭信息，ajax加載表體內(nèi)容，附帶分頁篩選控件。extjs在這方面做得比較細(xì)致方便，數(shù)據(jù)存儲機(jī)制很獨到。如果能夠模仿這方面的類庫實現(xiàn)自定義的網(wǎng)格插件，將大大減少代碼的冗余量和開發(fā)工作量。

? 2014年中山一院遠(yuǎn)程教育網(wǎng)（2014年8月，至今）

領(lǐng)導(dǎo)完成前端工作。

算是最用心做得一個項目，也是至今為止，唯一一個有小師弟協(xié)助的項目。想過踏踏實實地做，認(rèn)認(rèn)真真指導(dǎo)師弟。認(rèn)真分析五十多M的資料，整理了角色與功能，畫出UML，從面向?qū)ο蠓治觯髨D整理出可復(fù)用的控件，并且根據(jù)角色權(quán)限拓展控件功能。后來，計劃跟不上變化。對于這個規(guī)模的項目，我的計劃是三四個月，可是老師的要求卻是一個月。。。頁面太多了，即便整理了，少說也有五十多個頁面；師弟才剛接觸前端一兩個月，我要完成我手上的工作，分身法術(shù)，沒有多余時間指導(dǎo)。

收獲：

1，初步接觸UMl

2，補(bǔ)習(xí)Extjs基礎(chǔ)，自定義若干個類。

3，奠基面向?qū)ο笏枷?/p>

4，接觸了偉大的響應(yīng)式設(shè)計Shamcey

。。。。。。

小結(jié)：

1，技術(shù)要更加扎實，不能再繼續(xù)坑隊友，尤其是暑假不少時候熬到深夜2點debug。項目越做到后面，越是要堅持下來，對技術(shù)的考驗越高。

2，如果可以日后有機(jī)會，我想?yún)⑴c到一個比較大型項目。一個能夠讓我掌控的項目（客戶和老師對界面要求不嚴(yán)格，需求寬松），能夠讓我更加得心應(yīng)手而不是前顧后盼，更能專注于開發(fā)而不是老師的非技術(shù)要求，更有信心繼續(xù)做下去。

3，注意規(guī)范和代碼可讀性。不僅僅為了日后的二次開發(fā)，更多的是，貫穿里外、自始至終整潔規(guī)范的代碼是后期開發(fā)的動力！

4，做得多，收獲更多。一度又一度已經(jīng)不想再做重重復(fù)復(fù)，修修改改的前端頁面。讓程序員設(shè)計是一頭痛的事情。很不幸這些項目很多都是我“獨攬”前端，沒有UI設(shè)計者給我設(shè)計頁面，沒有人給你分析需求。只有一個前端，只有一個后臺。從設(shè)計，到HTML、CSS、javascript，再到交互的Ajax，不累掛前端不完結(jié)。沒錯，做得多，收獲更多！

5，時間安排。使用的技術(shù)太狹隘、單一了。其實也局限于時間，做的項目太多，沒有多與事件總結(jié)和學(xué)習(xí)新技術(shù)。其實我可以在做項目的塊海綿擠出更多的時間做這些事情：在設(shè)計頁面方面，我想多參考外國優(yōu)秀的網(wǎng)站模版；在技術(shù)方面，多看牛人的博客；定時總結(jié)，從技術(shù)難點角度、從語言角度、從項目角度。不總結(jié)，學(xué)得再多，做得再多也顯徒勞。

二、招新

為咱們偉大的topview工作室招攬新一代賢才真是一個激動人心，讓人振奮的任務(wù)。咱們打著大三大部分師兄找到BAT實習(xí)機(jī)會的名號，從海報設(shè)計到招新網(wǎng)站，沒有一個我有參與。出了幾個招新方式小想法，杜撰了幾道前端招新的計時題目，問到一些小師弟小師妹口啞啞，也左右了最后招新的賽果。從浩浩蕩蕩的四百人馬中篩選中17位學(xué)習(xí)能力強(qiáng)，態(tài)度性格良好的人才。

收獲：

1，看到過來招新的小師弟小師妹，就想起當(dāng)年自己。考核時期的最充實，也就是那段時間養(yǎng)成自學(xué)編程的素養(yǎng)。他們不懈拼搏，追趕著我們這群不愿被超越的老骨頭。

2，意向要堅定。很多同學(xué)意向不堅定，左右搖擺，在若干個工作室報名考核，卻不清楚自己到底想留在哪個工作室。這是個大忌，，其實我們有和別的工作室leader師兄交流，即便面試者不坦白，我們對他們的情況還是一清二楚。日后我們?nèi)ス?a target="_blank">招聘也要注意這一點。同時通過多個工作室的面試不代表你厲害，能夠通過最終考核的同學(xué)才是勝利者。因為他們搖擺不定，最后從自己手上掌握多個機(jī)會，到一個機(jī)會都抓不住。

3，我需要更加耐心和細(xì)心。能夠理清思路，從多個角度教會別人，一直都是我的追求。多角度分析問題，需要扎實的功底。

——————? 看過的書 ?——————

與其說是是看過的書，不如說成是學(xué)過的事物。深諳：看過某門知識的書，不代表掌握某門知識。掌握知識的途徑不僅僅是書本，還有網(wǎng)絡(luò)和同伴交流。下面列舉過去這一年來，閱讀過的，值得推薦的幾本書：

一、交互/界面

《大巧不工：Web前端設(shè)計修煉之道》

內(nèi)容看似簡單和基礎(chǔ)，但是估計有一定開發(fā)經(jīng)驗的同學(xué)才能真正體會文章深刻。對初學(xué)者尤為重要，他可以讓你們少走彎路。無論是web前端技術(shù)方向還是用戶體驗研究方向，這則本書應(yīng)該是一本不錯的指導(dǎo)書。內(nèi)容都很精彩，收獲匪淺，雖然出書有一定年代了，但內(nèi)容不會太過時。

“可用性”的首要原則是“別讓我思考”。這是我映象最深刻的一章。在她的引導(dǎo)下，我發(fā)表了我的第一篇博文http://www.cnblogs.com/0603ljx/p/3580191.html

《網(wǎng)頁設(shè)計秘笈 Don’t Make Me Think》

和《大巧不工》這本書相比，它的文筆更加犀利簡潔。書本精彩之處，在于作者站在使用者而不是開發(fā)者的角度，從若干生活用例出發(fā)。然而，要吃透這一類書，可能需要一個漫長而潛移默化的過程，邊開發(fā)邊閱讀，也許會有更深刻的認(rèn)識。

《CSS3實戰(zhàn)》

大量實用的實例，沒有網(wǎng)上關(guān)于css3和html5紛繁精彩，也沒有提供例子源碼，但是因為這兩點，更加令我靜下心來好好研究這門算是比較新鮮的技術(shù)。無論如何，學(xué)習(xí)都是要踏踏實實一步一步來，網(wǎng)上的實例多么復(fù)雜漂亮，如果不動手做，而總想著復(fù)制改，恐怕永遠(yuǎn)都達(dá)不到你想要的高度。如果想更詳細(xì)地認(rèn)識css3和html5，可以參考《HTML5與CSS3權(quán)威指南》

二、技術(shù)

《jQuery基礎(chǔ)教程4》

不要說我崇洋媚外，外國程序員出的書很多都很精彩。基礎(chǔ)教程嘛，從一個小小例子出發(fā)、逐步加深、邊講解邊拓展，這種教程模式很美妙。很欣賞作者的編程思路和獨特的算法模式，表格操作跟滑移和翻轉(zhuǎn)都是很實用章節(jié)。《鋒利的jQuery》這本書太簡單了，比較適合那些只想在前端蜻蜓點水的后端開發(fā)同學(xué)看。想認(rèn)真學(xué)好jQuery這門框架，這是一本很耐看和實用的書。《jQuery網(wǎng)頁開發(fā)實例精解》這推薦的這堆書里面，這本書的作者有點弱。里面的例子很小型，還算比較實用和經(jīng)典。對于那些要馬上做項目但是jQuery又沒學(xué)通的同學(xué)，里面有超多例子可以直接用。

《JavaScript權(quán)威指南（第六版）》

前端基礎(chǔ)工具書之一，初學(xué)者很難靜下心來把書遍歷一遍。對象、數(shù)組、函數(shù)、類和模塊這幾章?lián)f很重要，師兄說面試必備。學(xué)了一年前端，我終究不能寫出很面向?qū)ο蟮脑鷍avascript可能也是因為這寫基礎(chǔ)掌握不太牢固吧。很想找個比較有時間的星期，再看一遍這幾章。

《Javascript語言精粹》

薄薄一本小寶典，濃縮出精華。沒法泛泛而讀，可以說字字珠璣，細(xì)致認(rèn)真地讀，收獲將匪淺。同等類型的書還有基本，不過質(zhì)量次之。《征服Ajax》難度位于基礎(chǔ)教程和高級程序設(shè)計之間，有深度，但是又容易看懂，進(jìn)階的好書。《JavaScript DOM編程藝術(shù) 第2版》是一本適合初學(xué)者或者已經(jīng)學(xué)但是沒學(xué)精的前端設(shè)計人員看的書。《高性能JavaScript編程》是我課上偷偷看的電子版，那段事件忙著做項目確實沒有太多課余時間，無法想象居然看了將近兩個月。里面的內(nèi)容無法一時半刻領(lǐng)悟，需要開發(fā)著用。

《深入淺出ExtJS》

《深入淺出ExtJS》這本書說得太細(xì)致，學(xué)extjs要糾結(jié)到類的屬性就自個兒看api吧，要學(xué)得深入這是更好的選擇。現(xiàn)今除了ext5，但書講的是ext3，泛讀一遍，補(bǔ)補(bǔ)基礎(chǔ)。

《Javascript高級程序設(shè)計》

雖說是高級教程，但知識點都是循序漸進(jìn)的，條理也比較暢順，挺能符合常人的思維習(xí)慣。講了很多代碼實現(xiàn)的進(jìn)化過程，并且對js中很難理解的閉包，繼承，原型，原型鏈都講的很清楚。事件和dom部分講到很多瀏覽器兼容問題，哪些函數(shù)是哪個標(biāo)準(zhǔn)的版本，哪些瀏覽器支持等。js如果不是使用框架，那么瀏覽器兼容簡直就是噩夢。但具體的兼容性還沒有權(quán)威的書籍進(jìn)行介紹。

《Effective JavaScript》

還沒看完，也知道現(xiàn)在我這種水平要看完并且看懂，需要比較長的事件。每看一章就受一次挫敗，但想深入學(xué)習(xí)javascript，唯有再接再厲，繼續(xù)努力。

——————? 感悟 ?——————

一、機(jī)會總是留給有準(zhǔn)備的人。

以前看過不少名人的故事，但感悟并不深刻。直到這個學(xué)期遇到一些事情才深有感悟。很多人只知道：珍惜來之不易的機(jī)會，創(chuàng)造更多的價值。但是在機(jī)會來臨之前所能做的少之又少，甚至只是等待，機(jī)會走過了還不知不覺。

大一的時候如果沒有好好學(xué)好基礎(chǔ)課，你將錯過加入學(xué)院工作室的眾多機(jī)會，和接觸編程厲害、邏輯思維縝密同學(xué)機(jī)會失之交臂。

大二的時候分心，不提高效率、專心于專業(yè)技術(shù)，你將因為能力不足錯過參與實際項目的機(jī)會，和磨練實戰(zhàn)失之交臂。

大三馬上就有陸陸續(xù)續(xù)的實習(xí)生招聘，沒有準(zhǔn)備好，或許，等到身邊同伴都有所歸屬的時候，你只能在一旁悄然落淚。

二、堅持很重要。

定時制定計劃，這個星期、這個月、這個學(xué)期，堅持下來！

項目后期堅持下去。項目到后期要改細(xì)節(jié)太多，以前遺留下來的問題也不少，然而自己熱情不再，這個時候很考驗意志。

三、總結(jié)也是下一次針對性地復(fù)習(xí)。

平時遇到零零碎碎的問題，平時點點滴滴的發(fā)現(xiàn)。總結(jié)起來，我相信日后會是個巨大的寶庫

——————? 規(guī)劃 ?——————

不能計劃好自己的人，只能成為別人計劃中的一部分。

一、學(xué)好英語。

要學(xué)會看懂外語文檔，博文。要學(xué)會接觸外國新技術(shù)，不能指望等人家消化完，又出書，網(wǎng)上博客都上百篇的時候才開始接觸這些新技術(shù)。

二、開發(fā)自己的類庫

開發(fā)出符合自己開發(fā)習(xí)慣，方便團(tuán)隊日后開發(fā)的前端庫。注意規(guī)范，可讀性，詳盡的文檔

需要更加扎實的基礎(chǔ)，和獨特的代碼觸覺。以往的開發(fā)經(jīng)驗才能讓我更清楚哪些部件更需要封裝重用

三、拓寬知識面

補(bǔ)補(bǔ)java，繼續(xù)進(jìn)修php，繼續(xù)熟悉linux系統(tǒng)操作等等，要做的事情太多，沒有太多時間偷懶。

四、寫出風(fēng)格

在代碼風(fēng)格和算法效率方面仍需下下苦工。這個一個漫長的循序漸進(jìn)的成長過程。

用了兩個半晚上，湊了一下零零碎碎的想法。寫給大一升大二的小師弟小師妹，也寫給我即將逝去去的青春。

青春和時光都會凋零，只有住在心里的那一朵花能夠永遠(yuǎn)地燦爛下去。

計算機(jī)專業(yè)充滿挑戰(zhàn)和機(jī)會，我們需要一份堅持下去，靜下心來學(xué)習(xí)。