前端入門一年體會

　　去年的這個時候，我仍是一個歷來沒有接觸過前端的某公司實習生，以前學了一段時間的java，可是學得確實不怎麼樣。公司對於剛進的新人會有一個短時間的培訓，培訓內容固然是先後端通通來一遍，這裏講一個笑話，開始我一心想搞java，結果由於培訓的時候以爲電腦跑公司框架太慢了（哪來錢換電腦啊），因此果斷選擇了前端，由於它實在不怎麼吃電腦（後來發現代碼量大了仍是很吃電腦的）。那時候我真實是一個前端小白，啥也不會，但好在前端上手仍是很快的，並且感受本身寫出來的東西立馬就能在瀏覽器上面獲得展現，這對當時的我來講仍是很舒服的。

　　公司培訓的話除了一些基礎的js和css，還有的就是vue.js，第一次接觸框架級別的東西，感受用着比較方便，可是對於我這種基礎不太好的人來講，無疑是一個很很差的開端，由於這樣很容易忽視一些js裏面原生的東西，好比只是知道vue數據雙向綁定，殊不知道它是經過調用js原生的事件完成的，只知道vue的實例內容怎麼寫，卻忽視了它也不過是一個object對象而已。多是由於這是全部初級前端的命，剛進門能作的只是不斷地搬磚，公司的平臺是vue+element-ui爲基礎，在原來的element-ui組件的基礎上面進行新組件的封裝和使用，而後根據不一樣的業務場景構成業務模板，整合到一個前端框架裏面，固然這些都是後面才慢慢明白的。當時剛進公司沒有什麼正事給我作，我記得作的第一件事情就是用element-ui和vue寫一個頁面，代碼量大概八九百行把，好了今天就到這裏，我趕着回家，未完待續

       2019.8.20(續)

　　上面支支吾吾寫了一堆廢話，其實期間就用jQuery作了一個ctrl+F的搜索小插件還挺有趣的，這裏給個連接有興趣的能夠去看看(https://github.com/luo5212226/myJavascript)，具體過程這裏再也不累述，下面主要講下作了兩個項目的經驗。

　　首先，去年作的第一個項目，是一個銀行的項目，主要也是採用Vue框架，而後以公司本身在element-ui爲基礎開發的組件開發，我在其中主要負責的是相應業務頁面的開發，大概解釋一下就是根據設計文檔優美地把後端數據展現出來並進行相關操做（也就是搬磚，如今想起來真是太難了），以及前端對頁面中表單表格的js處理邏輯的編寫，項目的代碼結構和requireJs相似，由於以前就接觸了Vue一段時間，因此開發起來不太費力，只是在先後端聯調的時候參數匹配比較繁瑣，這裏主要是利用ajax進行請求（這裏推薦你們能夠去看一下原生的XmlHttpRequest實現方法，雖然我如今都有些忘了哈哈哈）。其中比較坑的是，後端返回的數據的格式化以及數據合法性的校驗，要反覆調試，且要考慮多種狀況，腦殼必定要靈光。

　　其次，就是今年去廈門出差作的一個項目，可憐的我以前並無出過差，去了才知道有多苦（苦中做樂）。去了之後發現那邊的技術好像確實比公司這邊要先進那麼一些，上手的項目主要是用webpack和Vue-cli3實現的，哇當時我內心面以爲還挺高級的，由於以前都是本身在網上看了一些零碎的知識，忽然這麼一個總體的項目擺在我面前，真的還不知道怎麼操做，可是讓我鬆了一口氣的是那邊也給了我一點時間熟悉項目，而我以前看的東西也派上用場了，webpack那些常規配置就不說了，這裏我主要講下技術。在接觸項目以前，提到vue腦子裏面首先想的是v-model，v-on這些簡單的指令，接觸並參與項目以後提到vue腦子裏面首先想的就是vue-router，vuex等，另外發現項目中常常用到ES6的promise和async/await函數，甚至在生命週期上面都會用到（我如今也只是大概明白它是爲了阻塞線程，讓數據請求完畢以後再進行頁面渲染）,還有就是Vue-router和vuex能夠分模塊進行管理，最後統一調用require.context實現自動化導入模塊。

　　其實項目接觸得越多，感受本身欠缺的就越多，須要學習的也還有不少，這讓我在離開學校之後再一次體會到學無止境的感受。

　　立個flag，過一段時間再整理一下目前的知識儲備，以及下一階段的學習方向。生命不息，戰鬥不止。