webApp爬坑之路（1）

最近着手寫一個webApp項目，也是開始了爬坑之旅。。。這將會是一個系列的筆記吧，對於我這種菜雞前端er，記錄真的很重要啊！重要啊！重要啊!
直接開始，也是不囉B嗦。
先記錄幾個mata標籤

<meta name="viewport" content="width=device-width,target-densitydpi=device-
dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

這句的意思是將頁面鎖定到1.0的比例，且不容許用戶強制縮放。
經測試，在個人android4.x的手機中，系統自帶的瀏覽器解析成功，將手機像素值轉化成了物理像素值（就是你的手機屏幕實際大小，不是你的分辨率大小！），可是在UC中不成功，緣由未明。。。

因爲咱們的webApp不須要講數字識別成手機號，因此，禁止之。。。

<meta name="format-detection" content="telephone=no" />

<!-- apple改變頂部狀態條的顏色 -->

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

這個我沒有水果機，無法測試，大概是真的吧？__!

這個基本問題解決了，我得研究一下使用的庫或者框架了。唔~~~~~~~~~~通過個人深思熟慮以及技術探討，選擇使用Zepto做爲基礎庫，reactJS做爲模板，嗯嗯，還有一個關於業務的eCharts圖表庫。

原本想選擇一個模塊加載器的，結果欣喜的發現eCharts自帶了一個AMD規範的加載器（在/echarts/build/source/echarts.js目錄下），而後就改裝了一下zepto.js讓他能夠支持AMD加載。。這波漂亮！

//add ADM support
if ( typeof define === "function" && define.amd) {
  define( "Zepto", [], function () { return Zepto; } );
}

zepto你們應該都知道，是一個專門爲移動端開發的相似於JQ的庫，體積小，加載快。。。
可是我查了網上的資料以後發現了一個坑，zepto一共有14個模塊：zepto，event，ajax，form， ie，detect， fx，fx_methods，assets，data，deferred，callbacks，selector，touch，gesture，stack，ios3，可是在官網下載的卻只有前面5個模塊。。。。差點就把我坑進去了啊，由於我很是須要它的touch模塊啊，移動端你懂得。。。具體每一個模塊的功能你們能夠本身看這裏reactModules
想要其餘的模塊，怎麼辦呢？其實很簡單，取github上面下載源碼而後本身build，選擇本身須要的模塊，剔除不須要的，另外附一個zepto-builder的地址，這個能夠幫你自動生成須要的代碼zepto-builder

其實想想zepto的這種作法其實很好，不就是咱們常說的按需加載麼。。。

reactJS我前面有一個文章寫過它，很NICE的一個view層的模板，這裏有一個論壇是國內react愛好者組織的，能夠一看reactJS

由於我也還在學習react，因此關於它的話就在之後說吧，這一篇就到這裏，據需研究項目吧。。。。