隨便寫一點

工做經歷

上海訊聯數據服務有限公司

時間：2018.03-至今

職位：前端工程師

工做內容：

1. 負責vue相關的接手工做
2. 手搭webpack4完成老項目的gulp升級
3. 改vue-cli，完成多項目配置（修改）
4. 面試新進員工（Vue方向）
5. 微信/支付寶小程序的開發（小程序轉換之的變量替換）
6. 分享vue的核心思想-劫持變量的get/set
7. ts+stylus開發

在職期間的其餘收穫

1. three.js的3d圖形處理（碎片化相冊）
2. egg框架的使用（緩存，路由，vue模板編譯）
3. 公司司慶使用了一個頭像生成的工具（canvas）
4. canvas文字粒子化
5. 讀完了<你不知道的javcascript>上中下三冊
6. 使用cheeior爬取圖片和文章（主要麻煩在內存溢出），並部署到阿里雲
7. 基礎算法實現

---

深圳前海大衆互聯網金融有限公司（蜂投網）

時間：2017.03-至今2018.03

職位：前端工程師

工做內容：

1. 中臺系統（Vue+ element-UI）,簡單點的常規表格功能的增刪改查、導航欄的自動生成；複雜點的功能定製（須要修改elememt源碼）、路由權限下分（解決git修改router衝突）、webpack的代碼分離（按需引入）、引入預處理器（stylus）、學習揹包算法（給出推薦優惠券）
2. 混合app（vue+apicloud），佈局使用webview實現（須要同時實現一個h5端），加密、上傳、拍照、識別等功能有特定的原生模塊。

在職期間的其餘收穫

1. 學習老項目的開發思路，思考爲何這麼作
2. 理解前端、原生、服務端之間的聯繫，初步構建本身的知識框架模型

掌握技能

vue(cli、router、vuex)、webpack、three.js、egg、shell指令、git、svn、禪道、跳板機、zoom、typescript、stulys、jsx、markdown、時序圖

項目詳情

一. wapiti

1. 退款幫助頁+固定碼生成頁面

   將gulp構建的項目，轉爲webpack4的項目

   1. 增長客戶端緩存機制，將靜態資源後綴加上hash值防止無效緩存
   2. 部署熱更新服務器，增長開發效率
   3. 修改build後置工做，增長打包tar步驟（配合jekins自動發佈）、重命名（time+項目名）
   4. 修改服務器的current指向，方便項目的回滾
   5. 分離依賴包，避免發佈重複更新依賴包
   6. html修改監聽（區分開發環境和部署環境）
   7. eslint工程化配置（編輯器的格式化配置沒法跨設備）

2. 支付頁面

   使用nuxt的generater編譯.vue文件的項目，在線支付的頁面，全部的數據初始參數取自通過服務端重定向後在url中（通過了簽名）

二.萬事達組項目

1. 修改vue-cli（2.5版本，webpakc配置外置），將入口文件修改（使用cross-env），在啓動服務的時候 增長後置參數選擇入口文件。（這樣作可使用相同項目使用同一套依賴包，減小了node_modules的大小，減小了項目的維護難度）。

2. 編寫公共組件（封裝vue-component）
   Input:正則驗證、倒計時、格式化、圖標、聚焦/失焦樣式切換、樣式自適應

   Dialog:容器的默認樣式、scope位置、事件綁定、漸入漸出動畫

   Point:圓角選擇的控件

   mask:通用背景控件

   Verification:驗證碼倒計時控件

   KyeBoard:虛擬數字輸入鍵盤控件、點擊動畫、刪除震動

   Warn:錯誤提醒控件、漸入漸出動畫、出現位置、顏色選擇

3. 使用mockjs接口模擬，先後端在統一了接口文檔以後能夠單獨開發

4. 使用mix（vue的全局混合api）,完成i18國際化語言切換 顧客操做5. 使用node處理翻譯文件，生成不一樣語言的json。egg:

   key	中文	日文	泰語	英語
   translate	顧客操做	お客様操做	顧客操做	Customer Operation

   根據空格和空行，將文件輸出爲5個json文件（中文，日文，泰語，英語），以後藉助webpack的代碼分割實現按需加載

三.漢堡王推廣活動

使用vue-cli3.0構建的typescript項目，難點部署測試環境和部署生產環境時遇到的接口（微信支付寶的受權域名、本身的接口請求域名、受權的參數切換）切換以及靜態資源請求地址。在項目已經作完的時候，配置build參數切換。項目中嚐鮮使用了vue-class-component+vue-property-decorator。
複製代碼

四. 中臺系統

技術上主要使用vue+vue-router+element-ui+baiduUE， 
是一款微信公衆號後臺管理系統，用來管理微信公衆號。 
請求攔截：注入用戶信息
增：上傳圖片，以及根據api輸入內容
刪：輸入key值
改：根據接口要求
查：分頁查詢（後端作分頁，前端傳頁碼）
動態dom生成：根據後端傳入的不一樣字段，渲染不一樣的表單；輸入表單以後，動態生成接下來的表單（相似於三級路由，可是不限定層數）
評論系統：評論系統前端歸一（每一個評論有兩個id，一個是本身的id，一個是父級ID，能夠生成無限層級的評論系統）
路由開發分權：將每一個模塊的路由注入，在根路由中導入，而且有一個merge程序用來歸一(只選擇本身須要的/初始化)路由對象結構。
複製代碼

五. 混合app

團隊人數：5人（靜態頁兩人，邏輯三人） 

框架架構（登陸驗證，路由劫持，路由優化，公共函數封裝，axios二次封裝，loading組件，頁面跳轉動畫，項目的進度督促） 

經過apicloud的api對象，完成相似原生的操做，frame窗口操做，window窗口與frame窗口間函數調用，經過frame調用銀行付款頁面，經過api對象獲取電池信息以及網絡信息。經過api對象完成與原生的交互。 

1，ui採用的是Mui(由於當時開發移動端，在知乎和掘金上比較vux和mui評價後，決定採用mui)，本身寫了一個自適應的柵格佈局（模仿的element-ui），

2，最外層用absolute佈局替代fixed佈局，rem使用的js計算（淘寶適配），頭部（頂部導航和title）、身體（主要內容）、足部（底部導航）；頭部分爲了兩種狀況，在組件內部經過props控制渲染。身體使用overflow：auto結合vh控制（沒有底部導航的時候，vh須要增長）。足部根據局部router守衛控制渲染。 

3，封裝了axios，封裝用的是原型的方式，封裝了時間格式化、浮點類型小數計算、組件刷新、原生交互、web的交互、表單提交組件（須要服務端跳路由） 

4，優化webpack配置，總體打包須要區分web和mobile端，靜態文件打包地址須要切換以及交互方式。
 
5，和後端協商接口規範，規定統一的異常狀態碼和數據嵌套結構。 

8，檢查困難業務實現的代碼邏輯（沒有使用eslint，使用編輯器自帶的格式化插件） 
複製代碼

自說自話

算是有點小天賦，從未接觸編程到現在，也不過2年時間；從最開始顫顫巍巍寫一個盒模型，到後來的項目構思，如今想起來也以爲是在不知不覺中完成的，可能我是真的喜歡這種強邏輯類的工做（固定的原理，不像作氣象液相那種科研，偏差太大，不可估量）。像代碼這種東西，試驗只須要改改代碼，結果相對來講惟一（不考慮環境差別帶來的偏差），可以短期獲得結果，就像兒時洗完碗就能像老爹討糖吃同樣，喜歡寫代碼，喜歡這種自我知足感的獲取相對而言更容易的工做。

其餘東西

長期在 掘金潛水 （發文20+，喜歡上百）

待過一段時間codewars（四段）

正在搭建一個我的博客（作服務端渲染，後端用egg+render，前端vue，展現一些已經寫完的博客，和一些興趣使然的代碼，記錄一下本身的人生經歷）

我的github

電話：15575156874（微信同號）

劉哲能，男，93年湖南長沙人，2016畢業於湖南農業大學，非計算機專業，自學入行，工做學習時間14個月，謝謝你經過此文了解我。