随笔分类 - 微信小程序
微信小程序获取当前元素距离屏幕顶部高度
摘要：const query = wx.createSelectorQuery() query.select('#box-body').boundingClientRect() query.selectViewport().scrollOffset(); query.exec(function (res)
阅读全文
JS监听微信、⽀付宝等移动app及浏览器的返回、后退、 上⼀页按钮的事件⽅法
摘要：⼤家知道在页⾯中我们可以使⽤javascript window history，后退到前⾯页⾯，但是由于安全原因javascript不允许修改history⾥已有的url链接，但可以使⽤pushState⽅法往history⾥增加url链接，并且提供popstate事件监测从history栈⾥弹出u
阅读全文
小程序配置体验版添加参数
摘要：在小程序后台 设置体验吗路径地址；就可以在生命周期中获取默认 参数
阅读全文
微信小程序订阅消息
摘要：第一步： 获取订阅消息 相关信息部分 相关地址https://developers.weixin.qq.com/miniprogram/dev/api/open-api/setting/SubscriptionsSetting.html getSubscribe:function(){ var se
阅读全文
openid会变吗？微信小程序开发中的appid、openid、unionid使用总结
摘要：转载：https://blog.csdn.net/huluwa10526/article/details/110522033 openid会变吗？微信的appid、openid、unionid使用总结 最近在开发中涉及到了微信账户绑定的openid变化问题，遇有不解，所以自己想梳理一下这几个id的概
阅读全文
微信小程序无法抓包的解决办法及原因分析
摘要：问题描述 最近在开发调试微信小程序，开发完成后用自己的安卓手机查看体验版时，打开fiddler抓包代理工具，发现小程序获取列表失败并报request:fail-202:net:ERR_CERT_AUTHORITY_INVALID 错误，可是关闭fiddler后有能正常浏览。 解决办法 初步怀疑是fi
阅读全文
微信小程序强制更新版本以及热启动和冷启动
摘要：小程序先提交了一个版本，但是用的时候发现了一些问题需要及时的更新，这时候就要发布新版本。如何让用户自己的小程序也更新到最新版本呢？ 一、运行机制 小程序启动会有两种情况，一种是「冷启动」，一种是「热启动」。假如用户已经打开过某小程序，然后在一定时间内（五分钟）再次打开该小程序，此时无需重新启动，只需
阅读全文
小程序路由遇到的问题（eventChannel.emit is not a function报错）
摘要：备注： wx.navigateTo进行跳转会往路由列表追加； 如果不使用 wx.navigateTo进行跳转 this.getOpenerEventChannel()返回的是一个空对象 想使用 eventChannel.emit(this.opt.event, {data: ''});直接报错；
阅读全文
小程序组件（弹窗组件以及插槽使用）
摘要：备注：小程序弹出层组件开发（） index.js // common/pop/pop.js Component({ options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 }, /** * 组件的属性列表 */ properties: { auto
阅读全文
小程序组件开发（自定义头部）
摘要：备注：小程序组件 js文件不要写 page（）等，开发过程没有问题上传在真机上会报错 一下以自定义导航头部为实例： header.js文件： // pages/components/header/header.js // // 启用插槽 Component({ options: { multiple
阅读全文
微信小程序设置自定义分享以及禁止分享
摘要：第一步 在app.js中 onLaunch: function (option){ this.overShare(); } 第二步：重写分享方法 overShare: function () { let _this = this //间接实现全局设置分享内容 wx.onAppRoute(functi
阅读全文
小程序内部A页面向内嵌H5页面跳转，并且传参
摘要：小程序中A页面代码JS代码 Page({ toPtol(e){ const id=e.currentTarget.dataset['id']; const loadId=e.currentTarget.dataset['loadid']; console.log(loadId) wx.navigat
阅读全文
h5网页跳转到小程序
摘要：第一：网页引用 <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>第二步 判断当前环境 //判断当前页面是否在小程序环境中， 注：首页是在小程序，嵌套网页，该网页才能再次跳转回小程序 wx.miniProgram
阅读全文
微信小程序发布后查看实时日志
摘要：微信小程序发布到正式版后，有些错误需要查看服务器日志定位问题。平常开发的时候可以通过开发者工具查看，上线就没法查了。 在开发阶段调用微信相关接口，封装成log.js文件 在需要输出日志的js页面引入log.js const log = require('../../log.js'); 这样就可以在需
阅读全文
微信小程序 POST传值跳坑
摘要：1.post请求 wx.request(OBJECT)wx.request发起的是 HTTPS 请求。一个微信小程序，同时只能有5个网络请求连接。官网上描述 参数名类型必填说明 url String 是 开发者服务器接口地址 data Object、String 否 请求的参数 header Obj
阅读全文
App唤起微信小程序和回调
摘要：在同一开放平台账号下的移动应用及小程序无需关联即可完成跳转，非同一开放平台账号下的小程序需与移动应用（APP）成功关联后才支持跳转。 可在“管理中心-移动应用-应用详情-关联小程序信息”，为通过审核的移动应用发起关联小程序操作。 唤起 App打开下程序他有两种方式： 1，通过App分享小程序卡片 到
阅读全文
微信小程序判断进入小程序的入口(场景值)
摘要：场景值主要是通过这两个函数来传递onLoauch 和 onShow函数: app.js onShow: function(options) { let option = JSON.stringify(options); console.log('app.js option ' + option) c
阅读全文
微信小程序参数传递获取当前页面的url和参数
摘要：页面跳转添加参数 wx.navigateTo({ url: `../deeddetail/deeddetail?id=${e.currentTarget.dataset.id}`, }) 接收options 1，在onLoad里接收参数比较简单 onLoad: function (options)
阅读全文
App打开微信小程序并传递参数
摘要：在App中打开小程序的功能发布有一段时间了，网上关于这个的新闻很多，但是技术资料并不多，我们有项目需要尝试这种方式，特意试了一下，发现还是有一些坑，分享给大家。 首先微信官方文档在微信.开放平台上，截图如下： image.png 一. 开发前先得做好几个准备工作： 在微信开放平台上有账号而且有通过的
阅读全文
小程序中的web-view与h5网页之间的交互
摘要：官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html web-view 基础库 1.6.4 开始支持，低版本需做兼容处理 web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面
阅读全文
