微信小程序

微信小程序之页面导航栏

效果图:页面有点丑,作为初次学习,页面可以要求不那么美观,先学会再说。毕竟后面可以优化的很漂亮。代码实例如下:<viewclass="sectionbtn-area"><viewclass="section__title">欢迎{{userName}}来到ACS管理系统</view>...
代码星球·2020-07-24

微信小程序之网络通信

关于网络通信,这里我使用的是wx.request,官方代码示例如下:wx.request({url:'test.php',//仅为示例,并非真实的接口地址data:{x:'',y:''},header:{'content-type':'application/json'//默认值},success(res){conso...
代码星球·2020-07-24

微信小程序之数据缓存

关于缓存,举个示例,假定我不是通过微信授权登录的方式,小程序又是如何识别我登录后的身份呢???效果图:这个功能我是通过缓存实现的。关键核心代码如下:wx.setStorage({key:'userName',data:res.data.user.userName})微信小程序提供的主要缓存如图:那么两个缓存之间的区别又...
代码星球·2020-07-24

微信小程序、安卓APP、苹果APP对比分析

今天的话题主要是关于微信小程序、安卓APP、苹果APP对比分析。既然是对比分析肯定是将它们一个一个说明。本篇不涉及技术话题,只讲解微信小程序、安卓APP、苹果APP它们各自的优缺点及其应用场景。一、微信小程序1.微信小程序的优势(1)对用户使用上来说,确实方便,要用的时候打开,不用的时候关掉,即用即走。这点比需要下载,...

微信小程序页面传值详解

我们知道,在微信小程序中,从一个页面转到另一个页面,一般情况下可以通过navigate或redirect时候的url来携带参数,然后在目标页面的onLoad函数参数中获取这些url参数。例如: //源页面A相关代码 wx.navigateTo({ url:"/pages/mypage/my...

微信 小程序跳转到的H5页面,再跳转回跳小程序

方法有两个:第一种比较简单,就直接点击手机的返回键,让它自动根据层级返回即可;第二种,可使用JSSDK1.3.2提供的接口返回小程序接口,所以我们需要在H5页面引入相应的js文件才能进行操作那么第一种方法,我们就不用多说了,直接单击手机的返回键即可啦。我们着重来说一下引用文件进行操作的这一种,其实也不难。刚好这两天我手...

微信小程序页面跳转传参

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行字符串即可。注意事项:  就是...