2016年總總總結~

畢業一年有餘，正兒八經的作前端應該是一年零一個月。正好總結一下2016年的種種。

工做

去年的這個時候，因爲項目組的變更，剛剛從搞cloudstack的平臺轉到前端，這算是一個職業的轉折點吧。因爲半路出家，好多東西不懂。幸虧當時的導師帶了一段時間，帶入門的人對新人將來的發展仍是有很大的影響的，特別是當時像我這樣萌新。。從最基本的svn，maven，瀏覽器調試，xshell等工具的使用到代碼結構，業務邏輯等，都從他身上學習了很多，特別感謝他。剛到公司那會兒是真的蠻拼的，即便沒什麼任務也基本上是最後走的，就在公司待着研究代碼，本身學struts（項目使用的是SSH2，因此我也負責action代碼的編寫）

隨着技術的增加，分配的工做也愈來愈複雜，一開始只是添加字段傳到後臺，換換背景這樣的。。如今看起來秒秒鐘搞定的活兒（當時還費了一番功夫_(:з」∠)_） 再到獨立完成某個模塊下的一個功能點，再到根據設計稿本身切圖（沒錯，成爲了熟練的切圖仔），獨立完成一個模塊的全部功能點，最後也就是6，7月份開啓的docker管理平臺，真正體驗了一個項目從零到一的過程，而且學着開始帶新人，整個項目的前端幾乎都是我和小徒弟完成的。通過一年的磨練，成了別人（小徒弟）眼裏能獨擋一面的人了（大誤），想一想仍是蠻有成就感的。。可是其實本身知道還遠遠不夠。這個放在技術具體再講講。

技術

其實一直就喜歡前端工程，大概是由於看起來比較有設計感以及作起來成績感吧，還有就是有個小目標，萬一一不當心成了全棧呢(。・`ω´・) 哈哈。轉了前端以後，更加一發不可收拾，html，css和js（jquery） 三劍客一開始其實就會一點，可是並不系統。。而後就上w3c school上，一個個demo的看，一個個demo的敲。項目的頁面是jsp寫的xhtml。。因此開始的時候並無系統的接觸h5，css3也用的少，畢竟樣式都有積累，我只是小修小補。意識到這點以後，開始補h5和css3的知識，這期間還補了struts的一些知識。。期間造了一些輪子。。而後發現本身的輪子是方的，果斷換成別人的插件，有時間的時候拜讀。。驚歎於做者的技巧。

而後接下來有一陣子的迷茫期。。感受前端技術到了一個瓶頸的樣子。難道不是學好html，css，js還有什麼網頁是搞不定的？而後開始刷知乎，瞭解到github。。在上面看到別人用jekll在github搭了個博客，也跟着搞了一個，然而。。並不怎麼寫博客（感受最多叫筆記，可是用印象筆記感受更方便的樣子），因此後來也就廢棄了。開始刷一些技術應用，segmentfault，掘金。。瞭解到前端的框架。而後就跟打開了新世界的大門同樣，angular（當時仍是1.X版本）,react,vue(當時也是0.x版原本着)，瞬間以爲找到了人生目標。。可是面對茫茫多的名詞，感受力不從心。。前端工程化是啥？自動化是啥？模塊化又是啥？（三角函數懵逼）node是啥？css預編譯是啥？es6是啥？總之就是一堆高大上的技術（實際上如今仍是好多都不懂。。）而後就想到了著名格言，光說不練假把式，因而買了本angular教程，跟着書裏寫了個查詢股票的demo（好早以前寫的），當時寫的稀裏糊塗的，依稀記得用的是grunt，yoeman構建項目。。當時就被震撼到了，簡直太酷炫了。。雙向綁定，mvc（沒錯，我第一個反應是：啥，前端也來mvc？）。這些東西讓我以爲前端果真是深不可測（惋惜當時沒人能教我了，由於導師本身也沒接觸過這些。。。），只能本身一步一步摸索，走了很多彎路。。不過angular的學習曲線還真不是蓋的（╯' - ')╯︵ ┻━┻而後項目開始忙了，也就擱置了。可是對angular的學習，讓我開始有意識的開始接觸前沿的技術，而且試着從網絡上找資料去了解，學習。

後來在刷知乎的時候。。發現vue的做者尤大神。。是上知乎的。。頓時對vue產生了好奇，去官網看了一下文檔。。對比angular以後。。果斷投入vue的懷抱。。要說緣由吧，大概是由於vue的上手難度確實比較低，官方文檔寫的好，單文件組件的開發方式很討喜。。指令啥的和angular差很少，感受備有親切感，哈哈。。話說這期間我還了解了一下react。發現要學jsx（這又是啥？爲何要在js裏寫網頁），而後就沒有而後了。。期間瞭解了gulp，看了點node的東西，學了stylus（用着還蠻順手的）。。然而那會兒尚未新項目，學的這些在老項目上又用不上。。因此就只能自個兒寫寫demo自娛自樂，順便和別的前端吹逼_(:з」∠)_。而後vue就出了2.0版本。。其實本身一直沒有系統的學過前端開發整個流程（公司半國企性質，項目組的前端開發方式停留在4，5年前），這期間學了npm+webpack，eslint，買了阮一峯老師的es6教程那本書，利用空閒時間學習。不得不說的是es6的有一些新特性簡直太棒了，好比模塊化。。以前還糾結CMD，AMD是啥。。如今好了。。es6 module大概會一統天下吧。

而後就是最近了。推出了微信小程序。。原本想試一試的。可是新項目因爲時間上比較緊迫，因此也沒太多時間搞。。說到新項目，本身也沒啥經驗，還帶了個新人，索性就用以前的框架SSH，直接上jquery。總算是完成了一個階段的開發。不過越到後面越感受未來維護起來會特別困難，其實那會兒就動了用vue重寫的心思。。這時候瞭解到餓了麼公司開發了一套vue2.0的ui組件，當時看到這個反應是。。外賣公司開發這個幹啥(原諒個人見識淺薄)，不過恰好契合咱們這個系統啊。。。並且代碼進入優化階段，算是騰出手來了。不太小徒弟被調去寫後臺代碼了（沒錯，這個項目的前端就剩我一個了）。。。。當時的打算是保證新功能的開發（依然基於舊的代碼），而後本身私底下加班用vue框架結合element-ui搭一個demo，若是能行就告訴小頭目，給他一個surprise。。目前的狀況是。框架搭起來了，還有很多功能須要重寫（畢竟是快3個月的代碼量）。而後告訴了小頭目。。我差很少搭了一套前端工程化的東西（感謝vue全家桶，用vue寫起來真的很爽）。小頭目表示波瀾不驚（由於他是搞java的。。對前端應該沒啥瞭解）。。問我一兩週以內能不能把功能遷移過去(黑人問號臉)_(´ཀ`」 ∠)_ 2016年差很少就是這樣啦。

總結：2016年收穫不少，從簡單的切圖，到css3/html5，摸到了前端工程化的門檻，學習了vue框架，正在學es6。。路漫漫其修遠兮，吾將上下而求索。2017年，我還想接觸更多的知識，瞭解更多前端酷炫的技能，順便學一點其餘的知識，夢想仍是要有的，萬一不當心成了全棧呢(。・`ω´・)