步入前端已經(jīng)一年了谱轨，是時(shí)候?qū)憘€(gè)總結(jié)了戒幔。
一個(gè)自不量力的承諾，我步入了前端土童。
去年的10月份來到北京尋找工作诗茎，在面試中，總經(jīng)理問我献汗，能否仿照某網(wǎng)站做出一個(gè)官網(wǎng)來敢订，我那個(gè)時(shí)候連jquery都寫不熟練王污，甚至都不會(huì)寫，css沒有學(xué)過楚午，html也知道的可憐昭齐，但由于我特別喜歡這個(gè)公司，所以當(dāng)時(shí)自不量力的說我可以矾柜，于是開始了我人生的前端開發(fā)∷纠耍現(xiàn)在回想起來，真的很慶幸當(dāng)時(shí)的自不量力把沼。人生是需要一些自不量力的啊易，萬一實(shí)現(xiàn)了呢。
去年的10月份饮睬，我的能力確實(shí)是如此租谈，去年畢業(yè)開始從事javaweb開發(fā)，還不分前后端捆愁，什么都學(xué)割去，導(dǎo)致我什么都沒學(xué)會(huì)。來到北京后的這個(gè)公司昼丑，開始從事前端開發(fā)呻逆。最先開始的工作是用jquery，css菩帝，html來搭建我們的官網(wǎng)咖城，加上修修改改，前前后后呼奢，用了大約兩個(gè)月的時(shí)間宜雀。這兩個(gè)月的時(shí)間熟練使用了，jquery握础，css辐董，html。然后開始轉(zhuǎn)戰(zhàn)公司的IOT（Internet Of Things）項(xiàng)目前端開發(fā)禀综，IOT項(xiàng)目用的是時(shí)下比較流行的技術(shù)简烘，html5,angular1.x,bootstrap3.x,requirejs,gulp,nodejs,npm,bower,圖標(biāo)字體等等，剛進(jìn)入這個(gè)項(xiàng)目定枷，真的是一頭霧水孤澎，最開始看了好多天的《用Angularjs開發(fā)下一代wen應(yīng)用》，但還是沒什么頭緒依鸥，后來按著我司大神的代碼亥至，復(fù)制粘貼修改，做個(gè)簡(jiǎn)單的頁面，有不懂得就問大神姐扮，就這樣開始一點(diǎn)點(diǎn)的起步絮供。這里有一點(diǎn)需要注意的是，盡量結(jié)合實(shí)踐學(xué)習(xí)茶敏。紙上得來終覺淺壤靶，絕知此事要躬行。
就這樣開始學(xué)習(xí)angular惊搏，bootstrap贮乳，總是會(huì)遇到各種各樣的問題，不停地百度（那個(gè)時(shí)候我還不用Google）恬惯，總是會(huì)煩擾大神向拆，每天都加班學(xué)習(xí)，一般都是8酪耳，9點(diǎn)上班浓恳，晚上9，10點(diǎn)下班碗暗，我喜歡這樣的工作颈将，在能吃苦的年紀(jì)，不要選擇安逸言疗。要知道功夫不負(fù)有心人晴圾，這句話是對(duì)的，隨著時(shí)間的推移噪奄，我掌握了越來越多的知識(shí)死姚，遇到的一個(gè)個(gè)問題，都一個(gè)個(gè)的被解決梗醇，漸漸地能熟練的在當(dāng)前的框架下面寫代碼知允，雖然還是不懂這個(gè)框架深層原理，至少實(shí)現(xiàn)產(chǎn)品功能已經(jīng)沒有太大的阻力叙谨。這個(gè)時(shí)候大約是今年的4，5月份了保屯。
這個(gè)階段手负，我開始看一些基礎(chǔ)書籍，《JavaScript權(quán)威指南》姑尺，《Html5程序設(shè)計(jì)》竟终，《瘋狂Html5/css3/javascript講義》，《響應(yīng)式web設(shè)計(jì)》切蟋，《移動(dòng)優(yōu)先與響應(yīng)式設(shè)計(jì)》统捶，《Bootstrap實(shí)戰(zhàn)》等，這些書籍大約都是這個(gè)階段開始深入學(xué)習(xí)的，對(duì)前端的基礎(chǔ)有了更深入的學(xué)習(xí)掌握喘鸟。比如要重視響應(yīng)式設(shè)計(jì)匆绣，移動(dòng)優(yōu)先準(zhǔn)則，h5的新元素什黑，css3的新特性崎淳，js的原型，閉包愕把，設(shè)計(jì)模式等等拣凹。
后來加入我司ARK產(chǎn)品的前端開發(fā)工作，并開始獨(dú)立負(fù)責(zé)這個(gè)產(chǎn)品的前端開發(fā)恨豁，這又是一個(gè)新的從無到有的項(xiàng)目嚣镜。這個(gè)階段我把以往學(xué)到的技術(shù)都應(yīng)用到這個(gè)項(xiàng)目中，但有一點(diǎn)是沒有適應(yīng)手機(jī)橘蜜，因?yàn)镻C端的網(wǎng)站去適配手機(jī)還是會(huì)有很多的問題祈惶，看了阿里云，天貓等網(wǎng)站扮匠，他們都是單獨(dú)做的手機(jī)端的網(wǎng)站捧请，這個(gè)后期我想我們也要單獨(dú)做這種適配。這個(gè)階段也遇到了很多問題棒搜，但大多都是一個(gè)人去解決疹蛉，要知道能自己完成的盡量自己完成，實(shí)在弄不了的或者會(huì)影響產(chǎn)品發(fā)布時(shí)要請(qǐng)求他人力麸，每個(gè)人的時(shí)間都是寶貴的可款，沒有人有責(zé)任義務(wù)愿意花很多時(shí)間來教你，成長(zhǎng)更多的是來自于內(nèi)心的渴望克蚂，而不是外界環(huán)境的施壓闺鲸。這個(gè)階段主要學(xué)習(xí)了nodejs，webpack埃叭，canvas（可能大家都比較熟悉的是知乎的背景就是一個(gè)canvas）摸恍，javascript設(shè)計(jì)模式（這個(gè)還是很有深度的，目前還沒能全部學(xué)會(huì)）赤屋，并且自己寫了個(gè)nodejs的項(xiàng)目已開源到GitHub立镶，還主要學(xué)習(xí)了很多的教學(xué)視頻，推薦一些app类早，《極客學(xué)院》媚媒，《慕課網(wǎng)》，《百度傳課》涩僻，《網(wǎng)易云課堂》缭召，《麥子學(xué)院》等這里面都有很多的前后端的知識(shí)視頻教學(xué)栈顷，能學(xué)習(xí)到很多知識(shí)。
最近嵌巷，ARK產(chǎn)品已經(jīng)收尾萄凤，又要開始新的產(chǎn)品，新的征程晴竞，這次是我自己搭建了前端框架
JS框架：Angular1.x
html/css框架： bootstrap3.x
模塊加載器兼打包工具：webpack
css預(yù)編譯器： sass
包管理器： npm
后期會(huì)更加詳細(xì)的介紹這個(gè)前端框架蛙卤，這里要說的是sass和webpack，其他的都是最熟悉不過的了噩死。sass距今已經(jīng)至少4颤难，5年了，已經(jīng)很穩(wěn)定并且得到廣泛好評(píng)已维，應(yīng)用很廣行嗤，大家可以自己百度。webpack是2015年最火熱的前端項(xiàng)目模塊加載器兼打包工具垛耳，可以把各種資源作為模塊來使用和處理栅屏。今天的webpack更加穩(wěn)定，而且一年來的時(shí)間堂鲜，webpack社區(qū)發(fā)展豐富了很多內(nèi)容栈雳，幾乎你遇到的任何問題，社區(qū)都會(huì)有答案缔莲。于是今年我引入了這個(gè)工具哥纫，這個(gè)工具有很多的優(yōu)點(diǎn)，它的目標(biāo)是：
Split the dependency tree into chunks loaded on demand
Keep initial loading time low
Every static asset should be able to be a module
Ability to integrate 3rd-party libraries as modules
Ability to customize nearly every part of the module bundler
Suited for big projects
這些目標(biāo)的實(shí)現(xiàn)讓它成為最優(yōu)秀的工具痴奏，這些是其他工具所不能達(dá)到的蛀骇。它還有如下優(yōu)點(diǎn)：
支持AMD/CMD規(guī)范
能模塊化的不僅僅是js，包括CSS读拆，Json擅憔，scss等等
開發(fā)便捷，能替代部分gulp/grunt的工作檐晕，比如打包暑诸，壓縮混淆，圖片轉(zhuǎn)base64棉姐，scss編譯屠列，熱加載等等
經(jīng)過一年多的迅速發(fā)展，有了更多的插件伞矩，擴(kuò)展性強(qiáng)，插件機(jī)制完善
可以通過配置打包成多個(gè)文件夏志，有效利用瀏覽器的緩存功能提升性能
內(nèi)置source-map乃坤，即使打包到一起苛让，也方便調(diào)試
網(wǎng)上也有很多的webpack，gulp湿诊，requirejs等的對(duì)比狱杰，大家可以自行搜索查看。
所有的工具都是為了解決時(shí)下項(xiàng)目的某個(gè)痛點(diǎn)厅须，使開發(fā)人員更加敏捷的開發(fā)仿畸，大可不必追求最火熱的技術(shù)（比如當(dāng)前最新的ng2.x,vue2.x等，這些可以自己先寫寫測(cè)試）朗和，因?yàn)闀?huì)有很多不確定因素错沽。時(shí)下正是前端時(shí)代，日新月異眶拉，發(fā)展速度 飛快千埃，每天都有新的庫或者插件產(chǎn)生，Javascript也是2016年github上面最火熱的語言忆植，這是一個(gè)混亂的時(shí)代放可，這是一個(gè)好的時(shí)代。作為前端開發(fā)者朝刊，我們要抓住耀里、珍惜這場(chǎng)機(jī)遇，首先最重要的是把基本技術(shù)打牢拾氓，然后不斷進(jìn)取冯挎，穩(wěn)步向前，追趕我們的時(shí)代痪枫。
2016年還有兩個(gè)月了织堂，年初的計(jì)劃還有多少?zèng)]有完成？是時(shí)候做最后的沖刺了奶陈，對(duì)我而言易阳，這是我前端的第一年，我的一年職業(yè)規(guī)劃就是把基本技術(shù)熟練掌握吃粒，還有兩個(gè)月潦俺，準(zhǔn)備要再多學(xué)習(xí)鞏固一些基本知識(shí)。
最后徐勃，祝愿每個(gè)人2016大豐收事示，有所成長(zhǎng)和進(jìn)步。以上文字如果有不正確之處僻肖，煩請(qǐng)指正肖爵，大家一起學(xué)習(xí)一起進(jìn)步。
