WeChat【小程序】
黑萝卜不黑
我在成长……
展开
-
微信小程序:页面跳转url传参,对象数据过长报错
小程序A页面跳转B页面通过url传参时,若参数为对象(字典)需要先转成字符串(使用用JSON.stringify()转换成字符串)B页面在用JSON.parse()再转换回对象(字典)。但是这样的传参方式遇到一个问题,对象数据长度过大时B页面在用JSON.parse()会报错。Unexpected end of JSON input控制台打印查看问题是发现是,字符串长度超过限制,已经做截取(大致在45KB的数据量左右会被截取)导致数据转换回来时格式不对而报错。这时可以再添加另一个API:enco原创 2020-08-20 14:31:24 · 1669 阅读 · 1 评论 -
微信小程序:scroll-view安卓机隐藏横向滚动条
微信小程序使用scroll-view横向布局在iOS和Android上有不同的展示,iOS无滚动条,Android有滚动条,按照产品需求需要隐藏横向滚动条。在网上搜索一些,说是以下几段代码可以实现,代码如下:使用组件的伪类。亲测,在小程序端无效/隐藏滚动条/::-webkit-scrollbar{ width: 0; height: 0; color...原创 2020-03-02 15:04:38 · 1046 阅读 · 0 评论 -
微信小程序:百度地图JavaScript API定位不准确,实际位置偏差大
发现一个严重问题,我们的服务端使用了百度地图提供的SDK,微信小程序端使用wx.getLocation获取经纬度,与服务端经纬度位置对应不上。更换了百度地图为小程序提供的SDK,经过测试发现,该SDK获得取得经纬度和wx.getLocation获取经纬度是一致,与服务端经纬度位置也对应不上。为了解决经纬度前后端一致,查找了转换方法,如有疑问可以在拾取坐标系统测试,方法如下:方法亲测有效,误差...原创 2019-12-20 11:53:36 · 4370 阅读 · 0 评论 -
微信小程序:分包报错
微信提供了分包加载目前小程序分包大小有以下限制:整个小程序所有分包大小不超过 8M单个分包/主包大小不能超过 2M出现这个报错,主要是因为放在tabbar中的的子路径也放在了分包中,解决办法:1、更分包路径2、撤出分包...原创 2019-10-30 17:28:11 · 837 阅读 · 0 评论 -
微信小程序:小程序内用户帐号登录规范调整和优化建议
昨天晚上大概九点多,公众平台安全助手突然发来一条推送 《小程序内用户帐号登录规范调整通知》 粗略的看一眼推送,还以为自己的小程序被发警告信,惊吓出一身冷汗,迅速打开推送文章,细度一番才安下心来。<小程序内用户帐号登录规范调整和优化建议>总结下来就是:微信要规范小程序内帐号登录功能,开发者、设计师来活啦!1.服务范围开放的小程序不限制用户注册,但是注册后无任何提示强制用户登录后才享...原创 2019-07-24 09:56:55 · 8128 阅读 · 0 评论 -
微信小程序:自定义组件(Component)
微信小程序文档中提供的组件有限,一定程度上限制了开发需求,这里就需要我们自定义一些控件,实现开发需求。自定义控件有两种方式,一种是选择模板的方式,另一种是选择组件的方式来创建。这里我选择了组件方式来创建,这样只需引入组件和外部添加数据,内部展示数据,即可实现重用。1、文件目录结构这里一定要注意我们目录结构,个人喜好把项目中的业务文件放在pages中,图片放在与pages同级的images文件...原创 2019-04-03 10:50:03 · 4671 阅读 · 0 评论 -
微信小程序:获取验证码
本篇主要介绍微信小程序实现倒计时60s获取验证码的功能,及其需要注意的细节。具体实现可以参考我GitHub 上的 demo,有需要的可以下载 ,替换自己的APPID即可运行。更多知识点也可以参考我的简书实现功能1、实现了手机号码的判断(正则判断手机号码) 2、实现了计时器实现效果实现代码*.js文件里面为主要逻辑代码,这里需要注意到,手机号码的验证、密码的...原创 2018-05-14 11:30:38 · 7852 阅读 · 4 评论 -
微信小程序:多个button/view组件行切换时改变样式
微信小程序中多个button/view,点击后改变状态或样式,并拿到对应参数值。该类似需求情境适用:选择购物车的尺寸或是型号(不可选、可单选)、选择套餐(单选)、选择分组(单选)等等 按照需求布局,根据数组list循环,通过if语句条件渲染,展示对应样式,其中view可换成button。<view class="container"> <block wx:fo...原创 2018-03-20 14:20:25 · 5087 阅读 · 0 评论 -
微信小程序:下拉刷新,上拉加载
下拉刷新和上拉加载是两个独立又联系的功能,下拉刷新除了重新请求服务器数据外还要对之前的状态和页码进行初始化,而上拉加载需要服务器端有分页机制,和内存中数据的添加和页码的对应变化,以及状态的变化。 小程序对下拉刷新是有一定支持的,那就是json文件里的enablePullDownRefresh参数,设置enablePullDownRefresh后会触发js文件中的onPullDownRefre...原创 2018-03-19 16:18:59 · 10936 阅读 · 14 评论 -
微信小程序:入门简介
【微信小程序】是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。 以上是从微信文档摘录的句子,个人感觉有点吹捧的感觉在里面,把这段话放在最前面,并不是为了附和微信,而是为了写【】里的链接。这里建议自学或是刚接触小程序的小伙伴先看一遍微信小程序官方文档,这样会有助于小伙伴们的开发和深耕 前言&nbs...原创 2018-03-01 15:33:57 · 519 阅读 · 1 评论 -
微信小程序:数据存储、传值、取值
小程序界面传值父级界面:A界面 子级界面:B界面一、url传值详细的配置参数可以查看组件导航:navigator,这里不再做过多的解释。 1. 正向传值:A界面 –>B界面用 navigator标签或 wx.navigator传值,A界面向B界面传id值A界面获取id值传向B界面如果需要传多个参数, 用 & 链接即可 // 方法一:navig...原创 2018-03-15 11:22:16 · 14167 阅读 · 0 评论 -
微信小程序:实战项目问题集合
文本主要记录实战项目中遇到的各种各样的问题,并附上解决方法,如若存有异议请留言商讨,或是附上正确的解决方式。1、微信开发工具控制台报错信息:你的域名 不在以下 request 合法域名列表中,请参考文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html 报错原因与解决方法: (1)、你刚刚在...原创 2018-03-08 17:04:08 · 1378 阅读 · 0 评论 -
微信小程序canvas:各类图表相关组件+Demo源码
小程序自带API没有提供canvas具体用法(折线图,柱状图,K线,分时图),对于初学者来说,实现各类图表有一定的难度,所以我将这些实现方法和教程聚合一下,以便能够迅速而方便的使用。这里也给和我一样的小程序初学者推荐一个不错的网站 《小程序社区》,里面有教程,demo,以及所需要的大牛解答,希望能帮助你。组件:wxChart:微信小程序图表插件:饼状图,K线图 wx-charts...原创 2018-02-27 09:01:03 · 2284 阅读 · 0 评论