前段时间剁手了 PS4,在浏览商店时，发现官方商店真的不好用，主要是网络原因，次要是页面设计。所以就想自己做一个游戏查询的小程序，可以关注某个游戏，然后在这个游戏打折的时候发送通知给用户。最后发现有个很大的问题是：小程序没法直接给用户推送消息（当时还不知道模板消息），服务号才能。然后就用邮箱实现了通知功能，但是邮箱的局限实在是太大了（各大免费邮箱每天的发件数都很小，自己搭建的邮件服务器虽然没有发件限制，...
项目地址https://github.com/fangkyi03/wechat-webview-template项目介绍1.wechat使用taro创建的初始化项目2.react-ssr-h5使用nextjs创建的项目 已经做好完整的兼容处理 使用vw vh为单位 简单介绍因小程序对于webview通信做出的限制 从webview发起的postMessage并不会实时的被小程序端接受到详情可见 :https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html登录 分享 支付 视频上传 这几块是没法使用webview来...
一、index.js设置如下 //获取用户的授权信息，放到本地缓存中wx.getSetting({success: (res) => {if(res.authSetting[scope.userInfo]){wx.setStorage({key: can_getuserinfo,data: 1,})}else{wx.setStorage({key: can_getuserinfo,data: 0,})}}}),//1:从本地缓存中获取数据，如果获取到根据结果显示Index页面的授权按钮是否显示，//2:如果从本地缓存获取不到数据则说明用户清空了本地数据，默认设置为0，让用户重新授权wx.getStor...
前言自从微信小程序功能发布后，我就一直关注着小程序的动向，然而限于学业繁忙，总是没有太多的时间去学习。大二逐渐学习了Vuejs，被其简洁的设计所吸引，后来看了看小程序的开发文档，发现这么的相似？可能前端的发展趋势就是这样的吧，各个框架都趋向于相似的优秀的设计。大三逐渐学习了Go语言，为了练习Go语言，同时也将自己几年来积累的东西聚合在一起，于是开发了微信小程序：We中南（可以去微信搜索，虽然现在毕业已经不打算...
1.位置授权位置授权相对简单，可以直接调用方法wx.getLocation()就可以弹出授权框，在调用前需要在app.json中设置用途说明Page({ "permission": {"scope.userLocation": {"desc": "你的位置信息将用于xxx"}} })授权框但是存在不少用户会拒绝授权,如果拒绝授权就不会再弹窗，而是直接进入接口 fail 回调，就要手动授权，我们可以通过自定义弹窗来诱导用户授权。我这里用的是wx.showMoadl确认框。 确认框如果确认就调用wx.opensettin...
背景：由于公司可能需要在微信群里面使用打卡功能，因此做了个技术调研。方案：微信在更新分享接口后，原有的在onShareAppMessage中直接拿shareTicket已不复存在。根据最新文档显示，需要在App.onLaunch()跟App.onShow()中获取。Demo核心代码： index.jsPage({/*** 页面的初始数据*/data: {openGid: },/*** 生命周期函数--监听页面加载*/onLoad: function (options) {let that = thiswx.showShareMenu({withShareTicket: true})app...
背景主要是针对小程序开发中页面之间进行通信的问题，在涉及支付的场景中，用户从页面支付入口进行跳转进行支付之后，回到原来页面，在原来的页面需要进行相应的状态刷新，比如用户身份状态、支付状态、文档或商品情况。 遇到的问题在使用百度小程序的 swan.navigateBack 进行回跳页面时，API中的方法参数不支持携带参数，只支持number参数。 所以就涉及了几个单独页面之间的通信问题。如下主要列出了几个方法，供参考。 swan.navi...
最近写识别行驶证功能，点击拍照把指定区域截取，生成图片功能。 系统相机。该组件是原生组件，使用时请注意相关限制。 扫码二维码功能，需升级微信客户端至6.7.3。 微信小程序Camera相机地址 我们看下效果：1、首先生成一个CanvasContext： /*** 生命周期函数--监听页面加载*/onLoad: function(options) {requireJs.adaptionIphoneX(this);this.ctx = wx.createCameraContext()},2、相机的 wxml样式<camera wx:if={{isShowCamera}...
项目中遇到 tab切换列表，每个tab都需要分页的需求，分页流程具有相似性，于是想将分页封装为组件，方便应用。 组件的应用已写成一个小demo，效果如下图所示（数据用mock模拟）：源码可以查看：wxapp-pagination 项目需求具体项目需求： 查看自己相关的会议（页面命名为 meetings）tab切换，分为：“我的会议”（我参加的会议，后面会以 "join" 为 key区分）“我的预约”（我预约的会议，后面会以 "book" 为 key区分）一次加载10条...
先看效果，实现一个图片左右摇动，在一般的H5宣传页，商家活动页面我们会看到这样的动画，小程序的动画效果不同于css3动画效果，是通过js来完成的，其实步骤很简单，首先创建动画实例，再调用实例来描述动画，最后导出即可。先看效果如下：简单的参考代码：wxml: <image class=img src="http://intmote.com/picture/gift.png" animation="{{animation}}"></image>css：.img {width: 120rpx;height: 120rpx;margin:300rpx; }jsPage(...
需求手百小程序的toast仅支持在页中展示，不能自定义位置、字体大小、在单个文本中增加icon等需求；因此自定义一个全局可通用的Toast。 效果预览如何使用代码目录位于 /widget/toast 下，包含3个文件 toast.js 脚本代码toast.css 样式文件，可以根据自己需求定制toast.swan 模板结构，可以根据自己需求定制使用步骤一：将/widget/toast的三个文件，放在与page同名的widget文件夹中，如果项目没有widget文件夹，就新建一个。使用步骤...
小程序wx.navigateTo路由方法中新增加了events属性，可以用于监听被打开页面发送到当前页面的数据。基础库 2.7.3 开始支持。 相关文档链接：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html 基本使用方法文档中已经有示例，可以参考 上级页面新打开页面通过上面的方法，小程序可以实现不同页面直接互相调用相关方法，也能进行页面间传值等处理 以上就是本文的全部内容，希望对大家的学习有所帮助，...
前言 最近公司在开发OTA微信小程序，一些页面的详情内容是HTML富文本格式的的，但是微信小程序不能直接解析HTML，需要将内容中的HTML标签转换成微信小程序所支持的标签。开始的时候想过自己写方法来替换标签，后来找到了一个很好用的插件：WxParse。今天分享给大家，Github地址：https://github.com/icindy/wxParse使用WxParse解析富文本数据 1．将下载下来的插件文件夹复制到我们的项目根目录下（其中emojis文件可根据自己所需决定...
问题来源最近工作需要写小程序页面，其中有个页面情况为：父页面中包含了一个组件页面，组件页面中又包含了另外一个组件页面。 需求为：点击最后一个组件页面中的一个view，需要显示最外层父页面中的一个弹出层，并且动态的展示值，这个值的来源就是最后一个组件页面中的内容。 处理办法当时想到的就是使用全局变量，在 app.js 中定义好全局变量，点击组件页面时就修改全局变量的值，父页面同样使用全局变量的值，这样一来就可以动...
前言这几天去面试，多次碰到同一个知识点。而且有一次面试挺有趣的，是关于小程序的。共有3个问题。 1、小程序中Page.watch()方法是做什么用的？2、小程序中如何在其他页面中监听到globalData中值的变化？3、如果在app.js执行登录部分的代码，由于时序问题，如何处理其他页面请求时未获取到身份识别标记的情况。（session，userid等）。（大意是：怎么能够保证其他页面请求是在登录之后？） 知识点有经验的同学可能一下子就看出来了...