1 AngularJS与小程序架构比较
4、都是基于双向绑定设计思想来实现数据模型与页面渲染的同步,不过小程序的动态绑定没有AngularJS强大,数据变化时,需要手动通过setData方法来更新页面,而AngularJS是自动刷新页面的(大部分情况下)。 小程序不足方面: 1、不支持基于控件id的Dom元素查询; 2、不支持js第三方通用类库集成;(这一点比较致命) 3、绝对依赖微信原生能力,无法自主集成第三方原生类库能力,例如语音识别、面部识别、图形识别等前沿技术;
2 迁移细节
2.2 html
2.3 js代码 子模块级代码迁移: 可将Angular子模块代码直接迁移到小程序对应Page对象中,当然,对于Angular特定语法的$***对象(例如$scope、$rootscope)的操作,需要做全局替换,替换原则是: 1、$scope:与Page对象同生命周期内的$scope,可以直接替换成this;而对于非同一生命周期的(最常见的即是各种callback回调函数),需要将Page对象在方法外做引用保存(例如var self=this),然后在回调函数中使用。 2、$rootScope:推荐放入app对象中引用,或者自定义通用模块,然后动态引入; 3、数据模型:各页面中建立的数据模型,直接放入***.json文件中,如果涉及Angular特定语法的操作,可参考上述两点的做法进行替换; 4、jsonp请求:将jsonp请求统一替换成wx.request请求,只是原来的链式写法要换成参数型写法; 5、子模块间的页面跳转,$state.go统一替换成wx.navigateTo或wx.navigateBack;
2.4 css样式 |
AngularJS迁移小程序
发布:2018-02-07 10:19浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序开发工具 常用快捷键2018-06-09
- 微信小程序架构分析《一》调试技巧,模块构成,理念分析2018-02-07
- 微信小程序架构分析《二》:view 模块和 service 模块的构成2018-02-07
- 微信小程序架构分析《三》:实现过程以及实时更新2018-02-07
- 梁兴臣:微信小程序开发三宗罪和解决方案2018-02-07
- 微信小程序使用Promise实践2018-02-07
- 微信小程序开发系列分析《一》视图层2018-02-07
- 微信小程序开发系列分析《二》数据层2018-02-07
- 微信小程序官方文档个人分析心得2018-02-07
- 微信小程序的原型设计尝鲜2018-02-07