最近利用空余的時間（坐公交車看教程視頻），重新了解了前后端分離，前端工程化等概念學習，思考如何打造一個“逼格”的web前端項目。
前端准備篇
前端代碼規范：制定前端開發代碼規范文檔。
PS：重中之中，為了下一步實現前端工程化。
編碼風格有很多。團隊代碼規范一定要統一。便於維護web項目。
接口文檔規范：制定RESTful架構接口規范文檔。
PS：果斷使用用apiDoc構建API文檔。美觀好看，易於維護。
還用Word或者Excel寫文檔，太low了。
前后端分離：簡單理解為前端代碼不影響后端代碼，后端代碼不影響前端代碼。
PS：個人感覺就是有點像C/S架構，web前端 == apk || ipa 。
前端工程化（模塊化）：簡單理解為前端代碼不再零散，有組織，有規范的管理起來。
PS：個人感覺就是把后端mvc模式中v與c層都交了前端處理。
前端漸進式（PWA）：依靠緩存，Web Workers等現代技術打造的漸進式web應用。
PS：有點像hybrid app，但無需原生代碼，可離線，可推送web應用。
前端代碼篇
html：當然采用最新的html5標簽。
PS：值得一提的是，不要濫用html5的標簽，比如section與div標簽。
css：使用CSS Modules，讓css局部模塊化，保證css全局唯一性。
PS：建議配合webpack一起使用。
使用sass預處理，讓css模塊化，便於維護與管理css。
PS：我確實有點抵觸css預處理，覺得沒什么用，后來使用了css預處理自后，感覺真的很方便，
我選用sass是因為很多css框架都有集成sass，便於使用而已。
使用PostCSS后處理，讓css標准化，寫出高質量的css。
PS：后處理器基本是把sublime text里面的前端插件都搬過來了，完全實現前端自動化。
js：使用html5新api。
PS：html5 api更容易操作dom，實現一些新功能，比如拖拽。
使用ES6/ES7/ES8的語法。
PS：js終於變成真正的javascript了，語法與java相似度更高了。
使用jquery庫。
PS: jquery永遠不會過時，因為jquery有強大的插件。
使用js mvvm框架Angular.js或vue.js
PS：mvvm框架讓web前端更易於提高web性能。當然啦，具體問題具體分析，慎用mvvm框架。
據個人感覺，vue.js比較適合移動端web項目，體積小，性能高。
Angular.js比較適合PC端大型項目，功能強大。
前端構建工具篇
nodejs：一個從Chrome瀏覽器提取出來的強大的js解析器（js運行環境）。
PS：與java的JRE類似，一個高性能的運行環境。
webpack：一個出色的前端打包構建工具。
PS：webpack真的是個神奇的打包工具，實現前端模塊化的神器。
補充：現在一個前端的開發主流工具就使用腳手架（命令行工具），比如：vue的vue-cli。能迅速構架web應用項目，搭建開發環境與發布項目。