微信小程序
文章平均质量分 91
子醉
公众号romantic_web,前端陪伴者,本人将确保朋友们能学到东西
展开
-
微信小程序如何模拟vue的watch功能
模拟vue的watch功能需要用到Object.keys以及Object.defineProperty。笔者技术有限,只能模拟非对象形式的属性,供初学者参考。代码简单易懂,无深度,适合开发半年左右的前端工程师阅读上代码const app = getApp();Page({ data: { showPopup: false, //是否显示弹窗 }, s...原创 2019-03-11 19:50:44 · 1052 阅读 · 0 评论 -
微信小程序分享接口卡片图片尺寸比例
调用微信小程序分享需要button标签<button open-type="share">test</button>然后在js的page里加一个函数onShareAppMessage: function() { return { title: "小伙伴快来和我玩", imageUrl:"xxxx.pn...原创 2019-03-18 13:43:02 · 18601 阅读 · 0 评论 -
微信小程序为什么你的canvas有display:none属性
1. 可能你没有指定canvas-id//error <canvas id="share"></canvas> //display:none//normal <canvas canvas-id="share"></canvas>2.可能canvas-id 重复//error <canvas canvas-id="s原创 2019-03-18 15:14:13 · 2896 阅读 · 0 评论 -
微信小程序如何改变icon标签的颜色
之前在写项目的时候遇到需要使用icon标签的情况,我输入代码<icon type="search" style="color:#fff;"></icon>发现颜色没有变成白色于是查了一下资料发现需要这样写<icon type="search" color="#fff"></icon>参考原创 2019-03-13 14:01:01 · 6859 阅读 · 0 评论 -
微信小程序缓存什么时候会被清除
如果用户储存空间不足,我们会清空最近最久未使用的小程序的本地缓存。我们不建议将关键信息全部存在 storage,以防储存空间不足或用户换设备的情况同时当用户主动销毁小程序(长按,点删除),缓存会被清除参考文献...原创 2019-03-28 17:59:39 · 9264 阅读 · 6 评论 -
微信小程序取消页面滚动效果的几种方法
首先要考虑一个问题,取消页面滚动之后,是否要将滚动条滚动到顶部。如果要给最外层标签(这里默认为container)加个样式.container{height:100%;overflow:hidden;}再给page标签加个样式page{height:100%;}就完成了如果不要给最外层标签加个事件 catchtouchmove<view class...原创 2019-02-13 15:04:54 · 3324 阅读 · 0 评论 -
微信小程序require绝对路径
require暂时不支持绝对路径 参考文献原创 2018-11-23 15:05:49 · 4205 阅读 · 0 评论 -
微信小程序重复点击的解决方法
有时候会遇到这种情况,用户第一次点击跳转,由于终端性能的问题,页面未响应,出现卡顿现象,所以用户很着急,就一直点点点,过了一会,页面反应过来了,跳转了好几个页面。这对用户体验肯定不好,解决方案如下1.这是最普遍的解决方法,设置一个值,根据值来判断下面的代码执不执行。 不是很推荐if (!this.data.isNext) return this.data.isNext = f...原创 2018-12-02 16:48:05 · 1968 阅读 · 0 评论 -
微信小程序页面元素如何保存成图片
微信小程序没有将view,image,text等标签直接生成图片的api。但是有将canvas直接生成图片的api将canvas标签生成图片的api---------------------wx.canvasToTempFilePathview,image,text等标签,都可以在canvas里画出来下面是canvas开发的文档canvas上的问题请继续百度本文只介绍用什么元...原创 2019-01-23 19:08:20 · 9453 阅读 · 0 评论 -
微信小程序获取手机号失败,Error:该appid没有权限
获取手机号获取微信用户绑定的手机号,需先调用wx.login接口。因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 <button> 组件的点击来触发。注意:目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海外主体)。需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口权限。 参考文献...原创 2019-02-10 18:10:30 · 15512 阅读 · 2 评论 -
微信小程序把用户上传的图片上传到服务器端前端详细操作
//第一步 保存用户上传的图片 chooseImage: function() { wx.chooseImage({ count: 1, //选择图片的数量 默认为9 success: (res) => { console.log(res) //tempFilePaths 图片的本地临时文件路径列表 ...原创 2019-02-11 11:56:48 · 11243 阅读 · 7 评论 -
微信小程序重复点击的解决方法(优化版)
而这篇博客是考虑到用户的体验加上可观性,我建议大家先看完我上篇博客再看这篇,这样大家才能更加明确的知道我是怎么优化的//上篇博客写到wx.showLoading({ title:"处理中", mask: true //是否显示透明蒙层,防止触摸穿透}) ...原创 2019-02-27 16:35:31 · 872 阅读 · 0 评论 -
微信小程序自定义顶部导航栏(转)
微信小程序自定义顶部导航栏(兼容适配所有机型)转载 2019-06-10 16:59:39 · 871 阅读 · 0 评论