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，因此关于它的话就在之后说吧，这一篇就到这里，据需研究项目吧。。。。