小程序开发常见示例
发布于 3 年前 作者 duming 3422 次浏览 来自 分享
1.自定义扫码界面

分别使用wx.scanCode接口和camera系统相机识别二维码,满足单扫和连续扫码场景。

2.echarts图表

使用了echarts官方提供的微信小程序版本,数据项以参数的形式传入,方便处理接口请求数据,组件化方案,详见https://github.com/ecomfe/echarts-for-weixin

3.生成二维码

使用weapp.qrcode.js插件生成canvas。 结合wx.canvasToTempFilePath接口把当前画布的内容导出生成指定大小的图片。方便各类场景使用,比如弹框、识别、分享等;

4.接口封装

简单进行了API的封装,实现了接口域名隔离、接口隔离以及request请求的隔离,方便维护。接口域名可根据开发版、体验版、正式版配置,切换版本不需要切换域名;

5.关键字突出显示

适用场景:页面模糊搜索时,搜索列表关键字改变颜色突出显示。

6.监听页面退出

适用场景:手势返回(误触等)退出当前页面,例如商品评论时,表单填写等。

7.页面间事件通信通道

场景1:表单填写时使用picker选择器选择数据字典较长的数据并不方便,经常使用到跳转新页面,点击后携带数据返回的方式

场景2:二级页面的操作影响一级页面数据展示时,二级页面有操作后一级页面更新数据;

8.全局分享配置

适用场景:页面众多,并且某些页面需要授权登录后才能正常访问的场景,不需要每个页面都配置onShareAppMessage方法或者判断是否登录;

9.自定义导航栏/导航栏动画

实际项目开发中,经常会需要自定义导航栏,但iOS适配一直是个头疼的问题,先搞懂原理不至于向无头苍蝇一样碰壁。

10.扫普通链接二维码打开小程序

1 回复

哇哦 针不戳

回到顶部