微信小程序、uni-app、hbuildx
文章平均质量分 71
微信小程序、uni-app
胖鹅68
熟悉h5,jquery,css2/3,angular,ionic,springMVC,hibernate,spring,struts,mybatis,mysql,oracle,linux,android等技术
了解openfire开源系统,熟悉openfire的IM功能
展开
-
wx小程序CanvasContext.draw是一个异步函数
文章目录文章参考问题描述API 说明问题分析文章参考wxapp-qrcodewx.canvasToTempFilePath(Object object, Object this)CanvasContext.draw(boolean reserve, function callback)问题描述在工作中根据后台传递过来的字符串,本地利用canvas生成二维码,后面立马调用了wx.ca...原创 2019-11-11 21:08:30 · 3716 阅读 · 0 评论 -
wx小程序客户端订阅消息
文章目录文章参考问题描述过程描述案例描述文章参考小程序订阅消息wx小程序订阅消息概念和应用场景理解(一次性消息一定要人手动触发)wx小程序开发工具模拟订阅消息进入小程序wx.requestSubscribeMessagewx兼容处理问题描述需求是要做一个拜访预约流程,预约审核通过之后,就需要依托微信的推送能力,向微信客户端推送一条消息,告知用户审核已经通过,可以访问了由于微...原创 2019-11-11 20:48:13 · 4005 阅读 · 0 评论 -
wx小程序自定义消息模板
文章目录问题描述定义过程描述注意事项案例描述问题描述要有服务器往微信客户端推送订阅消息的能力,则一定要是企业认证的账号认证企业账号一定要选择相关行业官方提供了针对具体行业,一些通用的模板,满足绝大部分的需求有时候官方提供的模板不符合自己的要求,因此可以自定义官方文档对模板申请的描述不是很清晰,自己申请了6遍,终于成功了,因此做个笔记,方便自己后面复习定义过程描述注意事项模板...原创 2019-11-11 20:17:51 · 2934 阅读 · 1 评论 -
wx小程序页面栈、历史回退按钮学习笔记
文章目录问题描述学习笔记的目的路由navigator标签实现页面路由open-type说明历史回退微信不支持监听回退按钮页面栈页面栈规则说明问题描述A是导航页面,A 传递参数给B(onShow 方法获取参数),B根据参数跳转到C/D 页面。上面的页面跳转都是使用 wx.navigateTo()方法,页面入栈当C/D页面点击回退按钮的时候,会触发B页面的onShow方法,导致B页面无法获取...原创 2019-11-11 19:40:43 · 1115 阅读 · 0 评论 -
WX小程序组件不支持hidden属性(uni-app v-show直接作用在自定义的在组件上不起作用)
文章目录问题描述过程分析问题突破口结论代码验证问题描述今天在工作中,同事使用uni-app开发,想利用v-show指令实现页面内容切换,结果在微信小程序中,页面的内容全部显示出来了。看到这个现象,就怀疑 v-show 是否在微信小程序中起作用过程分析我自己使用uni-app 已经实现了内容的显示或者隐藏,因此可以确定v-show 是可以作用微信小程序的微信的组件显示或者不显示,实...原创 2019-11-09 17:06:22 · 8947 阅读 · 6 评论 -
wx小程序,使用uni-app 通过$event定义事件对象
文章目录使用@click定义事件,$event传递事件对象定义的方法获取事件对象和参数使用@click定义事件,$event传递事件对象<i-checkbox-group :current="confirmUsers" @change='selectVistor'> <view class="his-item" v-for="(item, index) in hisUser...原创 2019-11-09 16:41:49 · 5673 阅读 · 0 评论 -
WX小程序基础库版本和客户端的版本关系
文章目录文章参考问题描述官网提供了链接文章参考微信 基础库版本分布问题描述工作中遇到一个问题,就是 wx.requestSubscribeMessage() 方法(2.8.2 版本开始,用户发生点击行为或者发起支付回调后,才可以调起订阅消息界面)我打开自己的手机查看微信的版本,显示的是7.0.8 跟文档的描述不一致,发现自己不清楚客户端的版本和基础库版本的对应关系?官网提供了链接...原创 2019-11-09 15:55:58 · 839 阅读 · 0 评论 -
wx小程序开发工具模拟订阅消息进入小程序
文章目录概述模拟订阅消息进入小程序打开链接的页面onLoad获取消息推送传递的参数概述如果我们要模拟服务消息进入小程序、分享群小程序链接进入,也可以添加“编译模式”,即告诉编译器,怎么进入小程序的,那么小程序如何执行他的代码,完成场景模拟的开发模拟订阅消息进入小程序打开链接的页面onLoad获取消息推送传递的参数// 通过消息推送过来的卡片,获取参数onLoad: function...原创 2019-11-09 01:03:58 · 1977 阅读 · 0 评论 -
uni-app中mounted 在wx小程序生命周期哪个阶段
文章目录页面切换的生命周期案例描述结论v-if 和 v-show 触发组件的生命周期函数案例(自定义组件的)结论页面切换的生命周期案例描述第一次进入A 页面B页面执行 onload onshow mounted使用 navigateTo 由A 进入 B 页面A 页面执行 onHide 方法B 页面执行 onload onshow mounted...原创 2019-11-07 18:49:24 · 13206 阅读 · 0 评论 -
wx小程序路由(打开新页面、页面重定向、Tab 切换)
文章目录文章参考打开新页面、页面重定向、Tab 切换 区别API 介绍wx.navigateTowx.redirectTowx.switchTab文章参考WX 页面路由打开新页面、页面重定向、Tab 切换 区别打开新页面页面重定向Tab 切换wx.navigateTowx.redirectTowx.switchTab新页面入栈当前页面出栈,新页面入栈...原创 2019-11-07 16:57:18 · 3745 阅读 · 0 评论 -
wx小程序weapp(radio、checkbox、cell)使用入门
文章目录文章参考weapp radio学习weapp checkbox学习文章参考weapp - radioweapp - checkboxweapp radio学习将i-radio-group和i-radio组件注册到全局中{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation...原创 2019-11-06 10:33:05 · 1160 阅读 · 0 评论 -
wx小程序-vue中ref的类似方法
文章目录文章参考问题描述解决办法 selectComponent 和 selectAllComponents案例说明文章参考WXS响应事件小程序 自定义组件问题描述自己写了一个表单组件,界面完全符合要求,但是,当用户输入完成了之后,如何将用户输入的表单数据返回出来呢?自己想了两种方案:用户每次输入表单,对外暴露一个事件,将组件的所有数据全部暴露出来利用Vue中 ref 的思想,...原创 2019-11-05 20:28:17 · 7001 阅读 · 0 评论 -
wx小程序picker 数据为数组对象
文章目录文章参考案例文章参考picker 组件案例<picker value="{{placesIndex}}" bindchange="placesPickerChange" range="{{places}}" range-key="regionName"> <view class="picker"> {{places[placesIndex]['re...原创 2019-11-05 19:02:34 · 822 阅读 · 0 评论 -
wx小程序图片保存到相册
文章目录wx.getImageInfo 获取图片信息保存到相册案例wx.downloadFile 下载图片,然后保存到相册案例在手机中测试保存不成功,但是打开手机调试模式则成功?解决办法综合案例(权限判断,保存图片到相册)wx.getImageInfo 获取图片信息保存到相册wx.getImageInfo(Object object)获取图片信息。网络图片需先配置download域名才能生...原创 2019-11-04 17:01:51 · 663 阅读 · 0 评论 -
wx小程序、uni-app全局变量
文章目录文章参考微信小程序全局变量App.js 定义全局变量逻辑页面引入定义好的全局变量uni-app多种设置全局变量及全局变量重新赋值uni-app 使用Vuex定义全局变量文章参考uni-app 全局变量的几种实现方式uni-app多种设置全局变量及全局变量重新赋值微信小程序全局变量App({ //当小程序初始化完成时,会触发 onLaunch(全局只触发一次) onLaun...原创 2019-11-04 15:55:12 · 3137 阅读 · 0 评论 -
wx小程序图片和base64相互转换
文章参考小程序图片转Base64,方法总结。微信小程序 base64格式图片的显示及保存将本地图片转为base64同步方法——wx.getFileSystemManager().readFileSyncwx.canvasToTempFilePath({ canvasId: 'photo_canvas', success: function (res) { let sB...原创 2019-11-04 11:48:44 · 3153 阅读 · 0 评论 -
wx小程序订阅消息概念和应用场景理解(一次性消息一定要人手动触发)
文章目录文章参考订阅消息(一次性订阅) 和 模板消息的区别订阅消息的特点模板消息的特点订阅消息类型一次性订阅消息长期性订阅消息`订阅消息 wx.requestSubscribeMessage 是必须用户手动点击`文章参考微信小程序订阅消息踩坑初体验小程序订阅消息来了!和模板消息有什么不一样?订阅消息(一次性订阅) 和 模板消息的区别原小程序模板消息接口将于2020年1月10日下线...原创 2019-11-02 19:04:14 · 8570 阅读 · 0 评论 -
wx小程序生命周期
文章目录文章参考视图线程有四大状态:服务线程五大状态:小程序注册:生命周期方法作用和描述页面生命周期小程序初始化完成后,页面首次加载触发onLoad,只会触发一次。当小程序进入到后台,先执行页面onHide方法再执行应用onHide方法。当小程序从后台进入到前台,先执行应用onShow方法再执行页面onShow方法。页面销毁组件的生命周期文章参考wx组件生命周期wx 小程序生命周期视图...原创 2019-11-02 17:41:15 · 641 阅读 · 0 评论 -
wx小程序开发工具模拟扫描二维码进入小程序
文章目录文章参考问题描述开发工具模拟扫描二维码进入小程序的解决办法文章参考微信小程序未发布 二维码图片如何扫描测试问题描述有个要识别二维码页面跳转的功能,想着怎么样模拟识别二维码呢,用开发工具扫描二维码应该不可能,如果是用手机扫,那么,怎么让手机跳转到我的开发代码中,而不是我发布的代码小程序中呢?开发工具模拟扫描二维码进入小程序的解决办法通过二维码编译 启动小程序,然后运行的代码...原创 2019-11-02 15:06:31 · 9108 阅读 · 2 评论 -
WX小程序捕、获冒泡事件(阻止冒泡)
文章参考wx小程序 事件语法说明key以bind或者catch开头,然后跟上事件的类型,如bindtap、catchtouchstart。自基础库版本1.5.0起,bind和catch后可以紧跟一个冒号,其含义不变,如bind:tap、catch:touchstart。同时bind和catch前还可以加上capture-来表示捕获阶段。value是一个字符串,需要在对应的页面Pag...原创 2019-11-01 17:08:34 · 1256 阅读 · 0 评论 -
WX小程序群分享(开发工具模拟分享,分享传递和获取参数)
文章目录文章参考触发用户转发onShareAppMessage(Object object)自定义转发内容官方demo文章参考wx小程序 转发触发用户转发 <button open-type="share">转发</button>用户点击按钮后触发 Page.onShareAppMessage 事件onShareAppMessage(Object ob...原创 2019-11-01 12:38:07 · 2542 阅读 · 0 评论 -
wx小程序上拉、下拉刷新,返回顶部
文章参考wx小程序 页面配置wx小程序 onPullDownRefreshwx小程序 stopPullDownRefreshonPullDownRefresh() 监听用户下拉刷新事件需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。可以通过wx.startPullDownRefresh触发下拉刷新,调用后触发下拉刷新动画,效果...原创 2019-11-01 11:19:36 · 1251 阅读 · 0 评论 -
wx小程序表单提交
文章参考wx小程序 form 组件事件说明<button formType="submit">提交</button><button formType="reset">重置</button>案例说明<!-- <view class="" style="height:100%;"> --><view c...原创 2019-11-01 10:46:08 · 1290 阅读 · 0 评论 -
wx小程序选择图片、预览图片
文章目录选择图片预览图片(全屏显示图片)案例——选择图片,然后预览选择图片参考 wx.chooseImageuni.chooseImage({ // 可以选择图片的数量,最多可以选择9张图片 count: 1, // 可以选择压缩图片 或者 原始图片 sizeType: ['original', 'compressed'], // 选择图片的来源: 相册 或者 拍照 source...原创 2019-10-31 20:46:54 · 728 阅读 · 0 评论 -
wx小程序客户端本地生成二维码
文章目录文章参考问题描述weapp-qrcode 插件介绍文章参考https://github.com/demi520/wxapp-qrcodehttps://github.com/tomfriwel/weapp-qrcode问题描述为了减轻服务器的压力,后台给小程序前端传递一个字符串,然小程序端生成二维码,实现“分布式”计算的功能weapp-qrcode 插件介绍<vie...原创 2019-10-31 20:28:06 · 1183 阅读 · 0 评论 -
wx 微信小程序 session_key的作用
文章目录文章参考微信登录过程appId 作用说明session_key 功能说明结论文章参考开放数据的校验与解密微信小程序的session_key有什么用?微信登录过程wx.login() 这个方法会返回一个code后台根据 code + appid + appsecret 这个三个参数完成登录的认证,得到微信客户端的appid + session_keyappId 作用说...原创 2019-10-30 21:15:13 · 18316 阅读 · 2 评论 -
wx小程序和微信公众号的关系
文章目录文章参考公众号小程序小程序的入口小程序和公众号关联关系约束总结文章参考微信小程序关联公众号有什么用微信小程序与公众号的区别与联系有哪些公众号公众号比较早,积累了很多粉丝用户,可以帮小程序引流公众号偏向提供内容,信息传递,实现用户与信息的联动公众号是基于传统H5 开发与运行公众号一般线下推广,线上微信群,朋友圈推广公众号菜单,二维码小程序小程序偏向提供产品和服...原创 2019-10-30 21:13:24 · 1581 阅读 · 0 评论 -
wx 小程序基于canvas压缩图片
文章目录文章参考选择图片,显示在canvas中微信小程序压缩图片文章参考微信小程序等比例图片压缩上传,100%可用,非官方压缩方法选择图片,显示在canvas中<canvas style="width: 100px; height: 150px;border: 1px solid red;" canvas-id="firstCanvas"></canvas>&...原创 2019-10-30 11:52:54 · 819 阅读 · 0 评论 -
uni-app利用hbuildx开发微信小程序环境搭建
ctrl+R 启动编译先配置 微信小程序的安装路径微信小程序需要打开端口,允许hbuildx拉起hbuildx 支持将scss转为CSS原创 2019-10-26 17:56:56 · 6849 阅读 · 0 评论