1. 程式人生 > >前端開發規範

前端開發規範

.html 操作 comm pda 前端 ref 移動端 docs action

前端開發規範

  1. github - fork & Pull Request style

  2. git commit - comment 必須有意義,不允許單純的 ‘update‘ ‘fix bug‘ 之類的無意義指定註釋,具體的參考下面條目6

  3. npm, tsd - 通過 npm 來管理依賴;通過tsd來引入各種包的Typescript類型定義

  4. 開發推薦使用 visual studio code, https://code.visualstudio.com/

  5. 項目要寫 README - 語法使用 Markdown,相關 教程1 教程2

  6. Commit message 和 Change log 編寫指南

前端架構

  1. 前端開發語言使用Typescript

  2. 前端開發框架為Angular 2.0

  3. 前端基本css框架為Boostrap

  4. 前端css toolkit為Color Admin

前端技術棧簡單介紹

Typescript是一門由微軟研發的語言,它是Javascript的超集,也就是說合法的Javascript代碼必然是合法的Typescript代碼。 Typescript正如它的名字,主要是為動態類型Javascript增加類型信息,讓程序員可以在tsc的幫助之下構建出更加壯健的程序,減少bug。

AngularJS是相信大家都聽過的一個前端框架,它誕生的時代很早,在一個大家基本都是jquery直接操作dom,或者cool一點就用backbone等第一代前端框架的時代。 它出現了,並引入了一個大幅度提高開發效率的數據雙向綁定技術。因此它大概是大家了解過最著名的真正前端MVVM框架。 但隨著移動市場的發展,以及前端界技術的各種規範化。Angular 1.x對移動端變得有些力不從心,很多新的框架出現,vuejs, reactjs都是其中的代表。 為了更好地解決移動端開發問題,以及跟Javascript標準靠近,Angular 2.0使用Typescript全部重新開發,吸收了大量優秀的設計,提高了其性能。 當然,其著名的雙向綁定也是保留了下來。

前端開發要求

前端開發是一個對設計,交互,工程有要求的崗位。前端好的成功就是好看,耐用,以及可維護。 UI有設計師設計,我就不多做評論。我主要講一下UX,良好的UX絕對不是花哨的特效堆砌,一個好用的系統首先是要滿足用戶的需求。 界面上我們更多是講究簡潔大方即可

  1. 我們要求更多的是前端工程的要求,不要想著整個項目都是自己維護,良好的程序是必須可維護的。也就是換個人也能修bug。

  2. 重復2次的代碼必須抽象成一個公共代碼塊(class or function or module)。

  3. 編寫代碼時,必須添加必要的註釋,幫助後來者理解。

  4. 一個邏輯函數一般不要應該超過20行, 若是超過20行那麽你就應該考慮是不是應該將實現拆分成更細的.

前端開發規範