聲明在前：本文原創，一字一字手打，轉載還請消息M我一下，求伸手黨手下留情。
一直以來對web移動端的東西做的比較多，總是在做確從來沒總結過，於是想對移動端的框架選擇到相關技巧，進行一個歸納。首先聲明，我也是只萌新，不是大神，肯定會有寫得不夠嚴謹的地方，歡迎指正~互相交流，若有忍不了的地方，求輕噴，輕噴，噴.....
以下為正文：
互聯網已經進入2.0時代，手機應用井噴式爆發，不少公司和個人都必須考慮到用戶在web移動端的體驗，但是相對PC，移動端有許多兼容設配問題。所以總結了一下最快開發移動端H5的較優方案。
在web移動端開發要以精簡為主，滿足基本業務需求，設計盡可能扁平化。這樣就兼顧了性能又不影響美觀，會極大的提高用戶體驗。
首要推薦最基礎的庫-Zepto，它非常的輕，只有10K，語法和jquery也很相似，極大的降低了移動端開發的門檻，簡直是新入門級小白的福音啊！
h5之於APP：
現如今H5的出現可以讓移動端的web做到全平台適配，實現一套代碼多個平台適用，但是也會造成低配系統的用戶操作卡頓，乃至一些bug，所以就要在不同系統做相應的適配。
1、IOS系統內存管理十分優秀，可以在IOS上做最優體驗，用一些H5新技術有能hold住。
2、 Android系統下，用戶手機配置相差太大，所以只能選擇兼容較低配置的的交互及渲染方式。
當然目前，最優方案就是原生+H5的混合式應用，用原生語言做外殼和交互效果，保證用戶操作上有一個流暢的體驗。用嵌套的H5渲染內容，可以使內容保持即時的更新迭代，即時響應，再也不需要用戶每次更新SDK。這就是現在最流行的App開發模式---HybridApp。
單位-rem：
這里說一個開發細節，就是在移動端用什么做單位的問題。一般來說，常用單位就是px,em,rem，在移動端我的選擇是，用rem做圖片，寬高的單位，用px做文字的單位，這樣做的好處就是無論設備是安卓還是IOS，大屏還是小屏，都能很好的適配，同時文字看起來也不會太大，非常好的解決了移動端適配難得問題。即使在PC網頁或橫屏pad中打開，我們只要給所有元素的最高父級設max-width:640px;整個頁面在width為640px以內進行縮放， 也不會樣式因屏幕大小改變而錯亂了。
例如m.taobao.com 淘寶的首頁在PC端下：
由於每個公司前端開發團隊的規模和實力不盡相同，所以，在不同團隊中的應用也是有區別的，下面是給出的一些建議：
初級前端團隊(1-5人)
· 首先，可以自己配一個集成環境，可以是XAMPP，集 Apache+MySQL+PHP+PERL為一體的集成包，能夠輕易地安裝原本復雜的各軟件。
· MVC模式組織代碼。
· 庫的選擇還是Zepto，簡單易用，好吃不貴，只要10K你就能獲得在PC端用Jquery寫代碼的體驗。至於模塊化神馬的就算了，畢竟人手不夠，開發任務又比較重，還是以完成需求為第一目標。
總結：xampp+zepto+rem+CDN
中級前端 團隊（5-20人）：
·Zepto可以作為庫，用sea.js進行模塊化管理，backbone.js作為基本MVC架構，用於分離數據。underscroe.js做為前端模板引擎。
這個時期團隊也會有幾個牛人了，可以為整套系統搭建一個半自動化的開發模式，減少不必要的重復工作，交由機器去完成，讓開發人員專注於代碼 。從此
有了基礎的“前端架構”的概念。
總結： zepto.js+sea.js+backbone.js+underscroe.js+rem+CDN
大廠前端團隊（20人以上）：
這個階段自不必多說，大神遍地走，那還不是想搞什么就搞什么，逼格得有，還要引領前沿技術，不僅要滿足業務需求，在性能，SEO，安全，代碼架構和質量等等細節要求上追求完美。
前端View層，angularjs或react作為框架，node.js作為中層，處理從后端接口拿來的數據，操作渲染模板文件，相當於干了MVC中controller層的活，底層就是數據庫和后端（可以是java、php、phyton等）。grunt或gulp為自動化管理工具。css預處理（sass/less ）。用CDN存放大量靜態文件也是必不可少的。
總結： angularjs或react+node.js+sass/less+grunt+rem+CDN
最后說一句，沒有最NB的框架和語言，只要合適場景和用戶需求的就是最好方案。
目前思路有點混亂，想到哪兒就寫到哪兒了，后期會持續做更新補充。。。