1、封装小程序的数据请求:
一、将所有的接口放在统一的js文件中并导出
二、在app.js中创建封装请求数据的方法
三、在子页面中调用封装的方法请求数据
2、提高微信小程序的应用速度
一、提高页面加载速度
二、用户行为预测
三、减少默认data的大小
四、组件化方案
3、微信小程序的优劣势
优势:
一、无需下载,通过搜索和扫一扫就可以下载
二、良好的用户体验:打开速度快
三、开发成本比APP要低
四、安卓上可以添加到桌面,与原生App差不多
五、为用户提供良好的安全保障。小程序的发布,微信拥有一套严格的审查流程,不能通过审查的小程序是无法发布到线上的
劣势:
一、限制较多。页面大小不能超过1M。不能打开超过5个层级的页面
二、样式单一。小程序的部分组件已经是成型的了,样式不可以修改。如:幻灯片、导航
三、推广面窄,不能分享朋友圈,只能通过分享给朋友,附近小程序推广。其中附近小程序也受到微信的限制
四、依托于微信,无法开发后台管理功能
4、微信小程序和h5的区别
第一条是运行环境的不同
传统的html5的运行环境是浏览器,包括webview,而微信小程序的运行环境并非完整的浏览器,是微信开发团队基于浏览器的内核完全重构的一个内置解析器,针对小程序专门做了优化,配合自定义的开发语音标准,提升了小程序的性能
第二条是开发成本的不同
只在微信中运行,所以不用再去顾虑浏览器兼性,不用担心生产环境中出现不可预料的奇妙bug
第三条是获取系统权限的不同
系统级权限都可以和微信小程序无缝衔接
第四条便是应用在生产环境的运行流畅度
长久以来,当html5应用面对复杂的业务逻辑或者丰富的页面交互时,它的体验总是不尽人意,需要不断的对项目优化来提升用户体验。而小程序的运行环境是独立的
5、小程序的双向绑定区别于vue的不一样之处
小程序直接this.data的属性是不可以同步到视图的,必须调用:
6、小程序的wxss不同于css的地方
一、wxss的图片引入需要使用外链地址
二、没有body
三、样式可直接使用import引用
7、使用web-view直接加载的注意事项
一、必须要在小程序后台使用管理员添加业务域名
二、h5页面跳转至小程序的脚本必须是1.3.1以上
三、微信分享只可以都是小程序的主名称,如果要自定义分享的内容,需小程序版本在1.7.1以上
四、h5的支付不可以是微信公众号的appid,必须是小程序的appid,而且用户的openid也必须是用户和小程序的
8、小程序和Vue写法的区别
一、循环遍历的时候:小程序是wx:for="list",而Vue是v-for="info in list"
二、调用data模型的时候:小程序是this.data.userInfo,而Vue是this.userInfo;
给模型赋值也不一样,小程序是this.setData({userInfo:1}),而Vue是直接this.userInfo=1