手机web站点和手机app 技术选型的困惑于思考

今年一直在关注移动端技术的发展，自己也用博客园的rss接口玩了半年，关于技术选型的困惑和大家说说

一 趋势

随着手机硬件不断的升级，外加4g牌照的发放，不出2年时间移动端web站点和手机app一定会进一步井喷，中小企业、二三线城市的软件公司也会进入到这个领域。以后移动站点和移动app有可能就成为web开发者的主要日常工作了。

二营销对技术选型的影响

目前移动端的营销手段虽然很多，但多数公司最基本的手段无非是

1 优酷视频 ----》各种广告+二维码 营销--》手机扫描二维码 在手机浏览器中打开  【1个入口】

2 新浪微博 ----》微博链接+二维码----》因为新浪微博在pc和手机上都很常用，

                           所以一个链接打开分三种情况1 新浪微博手机版内置浏览器 2 电脑浏览器 ，二维码则是手机浏览器 【3个入口】

3 微信 ----》微信内部链接打开就是微信内置浏览器，微信扫描就是手机浏览器 【2个入口】

4 uc开放平台---》uc浏览器 【1个入口】

5 下载安装app---》phonegap 打包的app 【1个入口】

三 入口的分类和功能

总的来说主要入口 为

1 手机浏览器 ===》app主要运行环境【接触用户】--》引导下载安装app进入 入口5

2 微信内置浏览器 ===》app主要运行环境【和用户互动】---》引导下载安装app进入 入口5

3微博内置浏览器 ===》app主要运行环境【和用户互动】---》引导下载安装app进入 入口5

4 pc 上的浏览器===》一般页面（或者为重量级app）+二维码===》【接触用户】用户导入 1、2 、3---》引导下载安装app进入 入口5

5 phonegap环境===》【维系用户】维系用户的主要环境

通过这5个入口完成了一个营销最主要的3个需求

1 快速的接触用户---各类webapp

2 与用户互动并促使付费---微博、微信 支付渠道

3 维系客户为下次付费做准备---phonegap驻留手机，提供稳定的服务

四 大公司的玩法

这两年大公司在移动领域真是瞎了血本，有不少小公司也模仿大公司，血本有没有归，我不清楚

大公司例如百度、qq，一般这么架构

1  pc web app 技术部

2 mobile web app 技术部

3 phonegap 技术部

4 原生app技术部 1、2、3、4、~

1 为安卓  2 为苹果 3为塞班 4为 win7~8 

支付宝貌似就是这样的

NB的 大公司直接从rom开始 例如 小米、360 等

【ps：大公司这么搞会出现一个现象，这5个渠道互不联系，无法形成闭环，为啥呢？kpi考核，彼此竞争】

大公司为求自保且不错过任何一个技术趋势和消费趋势，四出押宝，小公司3~5个人的团队玩不起啊。别忘了你还有服务器端和客服等角色在身呢

五 小公司的玩法

古人云:鱼与熊掌不可兼得，所以小公司要走完5个营销渠道，一定要轻装上阵，也就是要开发轻量级产品，万不可眼红大公司重量级产品，我们的目标直接简单，走完营销渠道的流程，拿钱。。。

所以我们的目标：1 轻量级产品，2 走完营销流程，3一套代码多长脸匹配每一个营销环节的需求，4基本技术要接地气，不接地气出了问题找不到NB人解决就难办了

现在国内比较接地气的js移动 技术选项

1：jquery mobile 体系

     优点：兼容jquery 的api 风格 学习成本低，也有完善的ui支持

     缺点： 考虑支持太多浏览器，性能低，缺乏完善的性能加速工具

个人观点：最接地气，适合只做webapp的场景

2 ：sencha touch 体系

    优点：为 移动定制，为phonegap量身定制，有完善的编译打包加速工具

     缺点：彻头彻尾的面向对象体系，学习成本高，只兼容主流浏览器,包扩ie10

   个人观点：接地气排第二，长期的面向对象的js玩家，webapp+phonegap app 通吃 的企业级玩家

3：zeptojs 体系

     优点：兼容部分 jquery api，学习成本低，性能目前最高

     缺点：出来混的时间 太短，除了百度的ui库，找不到别的

个人观点：这个东西绝对是被jquery mobile 逼出来，干嘛要做那么多API，干嘛要兼容那么多api，干嘛要兼容N多浏览器，移动的浏览器就几个啊

本来不接地气， 结果百度搞了个ui库，也算接地气了， http://gmu.baidu.com/

另外，博客园一个两年后成为前端专家的的人（叶小钗） http://www.cnblogs.com/yexiaochai/

           很关注这个东西可见zeptojs 两年后接地气没什么问题

六 结论

根据以上几个接地气的方法

1 如果是临时项目 不用长期维护和优化---》jquery mobile---》用一次就扔，切勿贪恋

2 如果是需要长期维护和优化，但是一时半会又不需要上线--》sencha touch--》要向研究asp.net 用户控件+asp.net mvc一样细细的研究

   【博客园狼魔技术团队在接地气上做了很多工作，获得了组织的认可，来传送门：http://www.cnblogs.com/mlzs/】

3 如果是需要长期维护和优化，但是一时半会不需要上线，项目要求还精细的不行，要细化很多细节--》zeptojs--》路是人走出来，你们公司的移动就靠你了，预计方圆十里，老板找不到一个听说过zeptojs的

 

PPt下载：http://vdisk.weibo.com/s/DOlfks4oLKu

最后大家一定发现我很多地方说错了
so 大家一起来讨论下，过一段时间整理成视频分享