51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序

微信小程序

微信小程序,由腾讯公司开发,英文名Mini Program,是一种不需要下载安装即可使用的应用,用户扫一扫或搜一下即可打开应用。

微信小程序页面跳转传参

微信程序页面跳转传参

1.传递参数方法 使用navigatior组件<navigatorurl="/pages/pull/pull?title=lalla&name=cc"hover-class="navigator-hover">跳转到新页面</navigator>使用跳转APIwx.naviga...

微信小程序微信支付流程

微信程序微信支付流程

1.小程序调用wx.login获取登录凭证codewx.login(无请求参数)返回code(有效期5分钟)wx.login({success:function(res){//getres.code}})2.小程序通过code获取openid向接口地址https://api.weixin.qq.com/sns/jsco...

微信小程序下拉刷新PullDownRefresh的一些坑

微信程序下拉刷新PullDownRefresh的一些坑

1、需要在json里配置  微信程序的onPullDownRefresh回调需要在json中配置支持下拉刷新"enablePullDownRefresh":true//请注意是true,不是"true"字符串,//部分开发者发现设置了还是无效,可能是因为设置的"enablePullDownRefresh":"true...

微信小程序性能优化技巧

微信程序性能优化技巧

  微信程序如果想要优化性能,有关键性的两点:提高加载性能和提高渲染性能。一、提高加载性能  当用户点击小程序后发生了什么?  资源准备(代码包下载)—— 业务代码注入和渲染 —— 异步请求数据  上面的三个状态,我们经常遇到,它们分别对应...

微信小程序动画效果

微信程序动画效果

参考这篇博客:微信程序:动画效果集合:https://blog.csdn.net/wtdask/article/details/82734882使用方式:<van-imagewidth="168rpx"height="168rpx"src="/static/images/cert-logo.png"animat...

微信小程序生成指定页面小程序码海报图片分享思路总结

微信程序生成指定页面小程序码海报图片分享思路总结

  本博客主要说下思路,具体代码不贴1、考虑到组件复用,所以我把它做成一个自定义的组件<my-posterid="getPoster"avater="{{imageUrl}}"knowledges="{{klPoster}}"scene="{{topicId}}"></my-poster>  可...

微信小程序生成海报分享:canvas绘制文字溢出如何换行

微信程序生成海报分享:canvas绘制文字溢出如何换行

主要思路:  1、先分割为字符串数组,然后一个字一个字绘图,利用ctx.measureText(string)方法,获取绘制后的宽度,判断宽度在多少内就另起一行,再将各行拼成一个字符串  2、计算另起的行总数,比如总共3行,也就是说将原来的一个长字符串按宽度分成了3行,然后循环绘制出这3行字符串即可。注意事项:  就是...

微信小程序开发注意事项总结:上拉加载失效、转义字符等

微信程序开发注意事项总结:上拉加载失效、转义字符等

1、上拉加载失效问题背景:部分页面上拉加载失效。当使用flex布局,底部固定,中间采用自适应撑满全屏实现滚动时,发现上拉加载失效,不知道是什么原因。解决问题:  在小程序中,官方为我们提供了原生的下拉刷新和上拉加载,只需要进行简单的配置即可实现下拉刷新的功:onPullDownRefresh、onReachBottom...

微信小程序 scroll-view 实现锚点跳转

微信程序 scroll-view 实现锚点跳转

  在微信程序中,使用scroll-view实现长页面的标记跳转,官方文档中没有例子演示,锚点标记主要是使用<scroll-view>的 scroll-into-view 属性。  实现锚点跳转主要以下几点:  1、最外层容器使用 scroll-view   2、赋...

解决微信小程序ios端滚动卡顿的问题

解决微信程序ios端滚动卡顿的问题

方案1:直接使用微信程序提供的“scroll-view"组件。<scroll-viewscroll-ycolor:#800000;">"height:100%;"><!--你要滚动的内容--></scroll-view>  注意:必须要设置scroll-view的高度h...

微信小程序富文本渲染组件html2wxml及html2wxml代码块格式化在ios下字体过大问题

微信程序富文本渲染组件html2wxml及html2wxml代码块格式化在ios下字体过大问题

1、组件使用:  之前微信程序的富文本渲染组件用的wxParse,对普通富文本确实可以,但是对于代码格式pre标签则无法使用。  下面这个html2wxml很不错,可以支持代码高亮。  详细文档:https://github.com/qwqoffice/html2wxml2、Java版自行搭建服务  文档:https...

微信小程序无法获取UnionId的情况及处理

微信程序无法获取UnionId的情况及处理

  问题背景:做了微信程序,一切都还正常,但是最后体验版放出去时,却发现很多用户无法绑定用户,后台返回:参数非法。经过多方排查,发现是微信拿到的code请求返回的数据里没有UnionId,也就是接口返回的参数中不包含UnionId参数。1、UnionID机制说明  简而言之,微信针对不同的用户在不同的应用下都有唯一的...

微信小程序wx.switchTab传参问题

微信程序wx.switchTab传参问题

  业务背景:从提问跳到列表需要刷新,以显示刚提交的数据。  但是官方文档wx.switchTab明确指明路径后是不能带参数的,怎么办?  网上有很多解决方案是:switchTab成功跳转后调用success回调,此时可以拿到跳转后页面的page对象,从而调用页面onLoad方法重载页面。比如:wx.switchTab...

微信小程序页面返回传参的问题

微信程序页面返回传参的问题

  比如提交问题,然后需要返回之前页面,由于onLoad只会加载一次,所以不会触发,但是我们页面又需要刷新,那怎么办?1、onLoad与onShow区别onLoad:监听页面加载。一个页面只会调用一次。接收页面参数可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的q...

微信小程序wxml文件中调用自定义函数

微信程序wxml文件中调用自定义函数

  想在微信程序的wxml文件里自如的像vue那样调用自定义的方法,发现并不成功,得利用WXS脚本语言。  WXS脚本语言是WeiXinScript脚本语言的简称,是JavaScript、JSON、WXML、WXSS之后又一大小程序内部文件类型。截至到目前小程序已经提供了5种文件类型。  WXS的使用,有两种方式。 ...