1、你的前端技術棧? 原文
-
基於Webpack 3.0配合Loader、外掛、工具的使用,搭建前端主流Vue、React、Angular的開發環境和專案框架,進行模組打包、體積優化、啟動server等需求。
-
基於gulp,通過配置一系列的task,定義task處理的事務(例如檔案壓縮合並、雪碧圖、啟動server、版本控制等),然後定義執行順序,來讓gulp執行這些task,從而構建專案的整個前端開發流程。
-
Bower 做 JavaScript 的包依賴管理
-
JQuery 封裝 DOM 操作並進行跨域請求
-
NPM 做 Node.js 的包依賴管理
-
ESLint 做程式碼風格規範檢測
-
Webpack 最終打包整個專案檔案
-
Jasmine 做單元測試
-
JSDoc 規範程式碼註釋風格
-
Karma 自動化完成單元測試
-
Yeoman 最後封裝成一個專案原型模板
-
Grunt 啟動 Karma 統一專案管理
-
Istanbul 檢查單元測試程式碼覆蓋率
2、職業生涯規劃
Step1:確認你對前端這份工作的熱愛
Step2:正確的評估自己,瞭解自己的狀態及能力。
Step3:制定目標,給自己確定目標,在什麼時候我要達到什麼樣。
Step4:拆分目標,把離現在最近的一個目標拆分,清楚自己如何做才能達到這個目標,為這個目標制定一系列的計劃。
Step5:PDCA迴圈(制定計劃、執行計劃、檢查計劃、調整計劃)根據自己制定的計劃去執行,然後在執行的過程中不斷檢查自己是否與計劃一致,如果存在問題,進行調整,或者計劃已經不在符合現有階段,那就重新制定新計劃。如此反覆迴圈。
Step6:堅持-成功。堅持不一定會成功,但堅持一定是成功的要素之一。
- 做前端工作也有兩三年了,在這段期間,我由衷的喜歡這份工作。因為前端是最貼近使用者的一個崗位,對於使用者體驗,互動設計要求是非常高的,要把產品經理的功能做完善,把UI設計師的設計圖表現好,又要對後臺有有效的資料支撐和安全校驗。同時它也很有趣,將冰冷的後臺資料轉換為有趣的視覺享受,讓UI圖生動起來。
- 從業兩年,前端工程化開發構建也有一定的理解,現在給我一個專案我能立刻從組織架構,技術選型,效能優化等方面考慮。但是學無止境嘛,還是想把技術學深,學紮實。
- 下一步我可能會側重多去了解webpack自動化構建工具的配置,loader,外掛的使用,而且有時間看Node及Babel相關工具,目標是徹底理解前端元件化,模組化的開發思想。瞭解新技術例如PWA,小程式的雲開發功能,設計模式,物件導向,搞懂非同步、學習演算法。多實踐,多總結。
- 要想把工作做好,要往上一層考慮一步,例如程式設計師要從產品角度考慮程式碼組織,產品要從運營角度考慮產品。要想做小組長,就要多去推動團隊專案進度,瞭解各個崗位崗位職責,幫助組員完成專案。頭兩年打好基礎,接下來就要往廣度擴充套件了。
- 最後,千里之行,始於足下。還是要努力再努力
3、在你做過的這麼多專案中找出來一個最具代表性的,說說看?
易加油小程式是用來解決車主在加油站加油付款流程的工具,累計使用者量15萬,日活1萬。該專案是我獨自開發完成的,包括付款主流程,還有身份註冊,登入,其他小程式相互跳轉等功能,這個專案中主要用到了使用者資訊獲取,手機號獲取,地理定位,圖片上傳,分享功能,拉起微信支付等功能。歷時2個月,不斷更新迭代。
4、你有什麼要問的嗎?
- 團隊的組織架構,產品流程線,產品質量由誰把控
- 團隊的技術棧
- 專案有多少人,專案要做些什麼,專案的前景
- 如果我進去了可能做什麼
- 前端在這個專案的重要性
- 你們想要招個怎樣的人
- 為什麼我要選擇你們公司
5、如果和產品經理意見不一樣,怎麼辦?
- 小程式登入,unionid,openid,userid
- 上傳身份認證,要求三端統一,統一用H5做圖片上傳
5、專案部署
- nginx
1、安裝好nginx後啟動
2、將前端專案複製到/nginx/html資料夾下
3、將nginx下的配置檔案(/nginx/conf/nginx.conf)裡的server節點配置改為要配置的域名
4、配置正確後,重啟nginx(nginx -s reload)
6、專案監控
- fundebug
7、錯誤處理
- window.onerror
- node.js