快速搭建webapp和业务使用课件

1、使用MT快速搭建移动webapp 2014-04-26自我介绍赵娜手机腾讯网前端工程师QQ：79397550E-mail：79397550目录4MT介绍设计原理和实现快速搭建和业务使用与主流框架区别未来和展望MT介绍什么是MT：MT（mobile tencent/mobile touch）手机腾讯网前端团队开发维护的一个专注于移动端webapp的模块管理和模块加载的框架主要功能：1.模块依赖管理2.模块加载（支持增量更新，本地存储）3.页面的路由和分发4.简单易用的打包上传工具特点：1.专注于移动端，以为用户省流量为目的，无更新不下载2.方便接入，自由组合，接入者可以只选择其中某一项，或者某几

2、项功能3.开发者只需要专注于自己的业务行业数据网络分布设计原理和实现二、MT设计原理和实现设计和实现-core.js模块依赖管理 core.js功能：负责管理模块依赖，AMD规范，相较requireJs和seajs，功能单一，接口简洁，轻量。压缩完仅1KB使用：设计和实现-storeinc.js模块加载 storeinc.js功能：负责模块的加载，与模块管理工具配合使用，可以实现本地存储，和增量合并的功能设计和实现-storeinc.js模块加载 storeinc.js设计和实现-本地缓存效果本地存储效果：设计和实现-业务使用效果4非wifi下测速结论：新版的速度占比相比老版，3s以内提升了4

3、%设计和实现-pm.js页面时序和路由管理 pm.js功能：1.事件驱动，利用观察者模式解耦，负责页面加载的时序管理和路由控制2.将页面的加载时序分成几个阶段，进行不同的事件分发，如果采用模块管理，一个页面则被看作一个模块，该功能需与core.js配合使用。3.hashchange触发，与业务无关设计和实现-pm.js页面时序和路由管理 pm.js设计和实现-配合使用三个主要功能如何配合：快速搭建webapp和业务使用三、快速搭建webapp和业务使用快速搭建webapp业务接入：快速搭建webapp快速搭建webapp在业务中的使用：业务接入效果业务接入效果：主流框架区别四、主流框架区别st

4、ackoverflow 2013stackoverflow 2013最热语言AngularJsstackoverflow 2013新技术讨论与主流框架区别前端主流框架：MVC ，MVVM框架代表：AngularJS，backboneAngularJS特点：数据和视图的双向绑定,将 Model 和 View 自动关联了起来，数据有修改，view会自动更改。缺点：接入门槛高，而且比较重，开发者不能随意改变dom的结构优点：社区活跃，也有大量ui插件，易于测试与主流框架区别BackBone：特点：实现了MVC和router的功能优点：可以更自由的与第三方类库搭配，不太要求固定的模式，灵活性高，轻量缺点：深度依赖underscore，代码组织上没有很好的规范与主流框架区别MT：特点：移动应用搭建的解决方案，so，不能称之为框架优点：可以更自由的与第三方类库搭配，轻量，灵活性高，自由组合，让开发者专注于自己的业务缺点：功能少，交给业务实现的东西多，灵活是一把双刃剑未来和展望展望和未来：1.继续专注移动开发的几个特点，网络情况差，手机内存小2.集成一些适用于移动开