微信小程序

微信小程序页面跳转传参

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...
代码星球·2020-06-28

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

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

微信小程序性能优化技巧

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

使用externalClass自定义组件样式:解决小程序自定义组件无法使用iconfont的问题

问题:  iconfont在全局、页面Page当中,这个iconfont是都可以出来的;  但是在自定义组件Components里面,这个iconfont是出不来的。问题原因:  看了小程序的文档,才发现  也就是说:组件中,app.wxss中的全局样式无效;把iconfont的css在组件中重新引入就能正常展示ico...

微信小程序动画效果

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

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

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

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

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

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

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

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

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

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

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

小程序快速部署富文本插件wxParser

  为了解决html2wxml在ios下字体过大问题,又发现一个比较好用的富文本插件:wxParser。  目前wxParser支持对一般的富文本内容包括标题、字体大小、对齐和列表等进行解析。同时也支持表格、代码块、图片和音视频等复杂富文本内容的解析。  可以查看这篇博客:https://blog.csdn.net/W...

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

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

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

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

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

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