前端進階之困

最近看了很多文章和帖子， 如文：

• 前端的焦慮，你想過30歲之後的前端路怎麼走嗎？
• 前端怎麼一步步走向全棧呢？
• 移動端入門Node.js怎麼學習?
• 前端的將來走向在哪裏？
• 工做2年多的前端，如今迷茫了，如何更進一步的提高本身

身邊和朋友圈也很多作前端開發的同事朋友問如何發展和提高 這裏我向你們給一些建議

紮實基礎

首先思考下手上的工做是否作得足夠好了，近幾年前端技術發展迅猛各類框架層出不窮，剛學會jquery還沒用熟， angular 、vue 、react 已經滿大街了。 gulp 還沒明白怎麼回事、webpack 已開始遍地開花了。眼花繚亂的技術不知道從哪裏開始好。
若是你還被這些困擾的話，那請靜下來思考一下，技術的發展老是有規律的，學習也是有規律可循的，個人建議是，把共性和必要的技能先穩固下來，既不浪費時間，又能提升效率，若是這塊還麼穩固好、框架什麼少看幾種吧，先有同樣可用的就好。
對於增強基礎一個可行的方案是，從本身上手的工做開始、除了專一現學現用工做須要的框架技術外增強基礎的學習，如：

• 基本的邏輯（與、或、非）
• 運算操做（加減乘除 Math 下的各類函數）
• 字符串處理 （什麼大小寫、編碼、裁剪什麼的）
• 時間處理 （日期的加減、對比、格式轉換等）
• 數組、集合對象處理 能夠了解學習一些基礎庫 如: lodash、moment 等、若時間有限能夠看看示例有個印象回頭能夠查找，固然最好的方式是實踐練習。

發展全棧的正確姿式

Javascript 生態鏈對於全棧有一些優點，但全棧不是貼金的標籤，若是技能不夠硬，必然落得個 前端不強，後端不行 的尷尬局面。

那對於前端是否是不應發展後端呢？

回答固然是否認的，前端有目的、有計劃的發展後端技能，對於系統全局觀、工做協做能力提高是很是有幫助的，另外切實讓老闆願意爲你加工資是很是可能的。

那要如何才能是有目的、有計劃的發展後端技能呢？

首先認清後端技能出發點和關鍵點。

• 出發點: 是主動權和話語權（可能某個後端總是鄙視你，你要的東西，說這個沒辦法，那個不該該，形成了你工做很被動，效率不高，出錯了可能還先找你）。
• 關鍵點: 先後端接口 （若是你能清晰、標準、明確你要的接口，那麼一些都會明朗起來）。 因此我任務，前端切入後端應該從接口開始。

從標準接口開始，什麼樣的接口才是標準的呢？

OpenAPI Specification
這裏我爲你們推薦 Swagger 標準接口 (目前有兩個標準 OAS 2.0 和 OAS 3.0)
Swagger 致力於接口的標準化，併爲此提供了一系列的工具，方便你們對進口進行標準化。

有什麼好處呢

• 簡化工做流程 (Streamline Your Workflow)。
• 自由構建 (Restraint-Free Build)
• 開放/全球化的支持 (Open & Globally Supported)
  個人理解是加強系統的健壯性、下降溝通成本、提升寫做效率，另外接口是系統的一種抽象能夠更好的從宏觀把握系統。

標準化的接口要如何實踐

這裏我安利下個人開源項目 typerx, typerx 是一個輕量註解式的全棧系統、你可使用他快速的實踐接口標準的全棧開發。

• 建立接口前、咱們仍舊仍是要考慮接口模塊的、模塊化的設計能下降咱們一次思考的複雜度。 在 typerx 中咱們分了 core 模塊和 cms 模塊。
• 接口的建立從原型開始考慮、肯定接口所需的模型 model, 這個模型咱們稱之爲 DTO(data transform object) 也就是接口的輸入輸出數據對象。 dto 的編寫示例
• 有了模型以後咱們就能夠肯定須要哪些接口方法了，編寫接口的時候先不着急考慮接口的實現，咱們只要先提供模型（能夠創建一個按模型提供的數據mock)確保必要的接口規格描述就好， account 的接口定義 這裏咱們經過直接編寫代碼的方式來實現文檔，這樣方便咱們高效、可維護的接口文檔（固然先完成文檔再來生成代碼也是能夠的，不過代碼能表述的永遠比文檔能描述的多，因此應該是有一套可以自動生成api 文檔的代碼來維護比較合適，過去也曾從文檔開始，但文檔的錯漏不方便驗證、並且文檔維護數據模型是很累的一個事情沒法動態關聯重構）。
• 按要求完成了接口定義以後，你只要輕鬆運行

npm run build 
複製代碼

你就擁有標準的接口文檔描述文件 swagger.json / swagger.yaml 了, 你可使用 typerx 直接啓動服務端預覽接口 localhost:4700 或者放到在線編輯器上預覽 editor.swagger.io;

• 好了標準話的接口有了你能夠保持這個接和後端的接口一致，這樣就能夠和後端愉快的協做了，固然若是你喜歡，直接使用 typerx 實現本身真實的後端。

最後歡迎你們關注 typerx 一塊兒討論努力進階。