微信小程序
白开水z
世界太浮躁,别人都稳不住时,你稳住就赢了
展开
-
将数组里某个属性相同的对象合并成一个数组
var array=[ {id:1,name:'小明',sex:'男'}, {id:2,name:'小刚',sex:'男'}, {id:3,name:'小红',sex:'女'}, {id:4,name:'小花',sex:'女'}, {id:5,name:'小甜甜',sex:'女'}, ] var obj={},newArr=[]; array.forEach(function(item,suffix){转载 2021-06-29 16:26:49 · 1399 阅读 · 0 评论 -
小程序的wx.requestSubscribeMessage订阅消息 踩坑记录
转载文章:https://www.jianshu.com/p/0853e36925e3转载 2021-06-26 17:45:44 · 2066 阅读 · 0 评论 -
微信小程序 设置微软雅黑字体
.title{ font: 20rpx "microsoft yahei";}原创 2021-06-24 15:14:19 · 3855 阅读 · 0 评论 -
微信小程序 canvas生成图片保存到相册
转载文章:https://segmentfault.com/a/1190000016282306转载 2021-06-24 09:51:13 · 259 阅读 · 0 评论 -
微信小程序 通过背景图片的方式插入图片
微信小程序通过background-image设置背景:只支持线上图片和base64图片,不支持本地图片;通过官网将本地图片转成base64的图片: http://tool.chinaz.com/tools/imgtobase .my-o{ background-size:100% 100%; -moz-background-size:100% 100%; background-image: url("data:image/png;base64,iVBORw0KGgoAAA原创 2021-06-02 15:24:17 · 2087 阅读 · 0 评论 -
errMsg: “navigateBack:fail cannot navigate back at first page.“
使用wx.navigateBack();报错:navigateBack:fail cannot navigate back at first page(当前是第一个页面,无法返回。)因为从别的页面跳转过来使用的是:wx.redirectTo() (关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面)或者wx.reLaunch()(关闭所有页面,打开到应用内的某个页面)所以换成不关闭当前页面的跳转方式就行:wx.navigateTo()(保留当前页面,跳转到应用内的某原创 2021-05-22 11:27:05 · 7004 阅读 · 0 评论 -
微信小程序实现 带单选框 图片上传、预览、删除功能
功能图:功能图:.wxml: <!-- 上传图片功能 --><view class="uploader"> <view class="uploader-text">相册</view> <view class="uploade-box"> <!-- 上传成功的图片+单选框+删除按钮显示 --> <view class="uploader-showItem" wx:for="{{imagesList}原创 2021-05-14 16:38:12 · 1216 阅读 · 0 评论 -
微信小程序 扫一扫功能
微信小程序 扫一扫功能参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/device/scan/wx.scanCode.html.wxml:<!-- 扫一扫功能 --> <button type="primary" bindtap='getScanCode'>扫一扫</button> <view wx:if="{{content !=''}}">扫码的内容:{{content原创 2021-05-14 09:52:59 · 807 阅读 · 0 评论 -
微信小程序 富文本能点击放大缩小预览
微信小程序 富文本能点击放大缩小预览<rich-text nodes></rich-text> 不行 添加点击事件 不是这出问题就是那出问题最好的办法就是使用<parser html="" /> 直接就能点击预览 不用添加啥点击事件parser 使用步骤:1、下载parser组件2、app.json中引入组件: "parser": "/utils/parser.min/parser"直接在所需页面使用...原创 2021-03-23 11:45:05 · 585 阅读 · 0 评论 -
小程序实现本地存储
我们先说一下小程序存储和web本地存储的区别:1、写代码的方式不一样####web:存 : localStorage.setItem(“key”,“value”)获取:localStorage.getItem(“key”,“value”)小程序:存 : wx.setStorageSync(“key”,“value”)获取: wx.getStorageSync(“key”,“value”)2、存的时候 有没又做类型转换web:不管存入的是什么类型的数据,最终都会调用以下 toString(原创 2021-03-09 10:25:36 · 1470 阅读 · 0 评论 -
微信小程序 顶部自定义导航 “navigationStyle“: “custom“ 真机iPhone6/7/8不显示胶囊按钮
微信小程序 顶部自定义导航 “navigationStyle”: “custom”要实现这种效果图1、在哪个页面上实现自定义导航栏就在哪个页面的 .json 文件中写上: “navigationStyle”: “custom” ,如果在app.json写那就是所有的页面都会变成通栏{ "component": true,"navigationStyle": "custom"}2、页面的.wxml代码:<view class="navbar" style="height:{{n原创 2021-01-14 09:52:19 · 6840 阅读 · 3 评论 -
https://api-hmugo-web.itheima.net 不在以下 request 合法域名列表中,请参考文档:https://developers.weixin.qq.com/minip
因为一开始时没有在项目中添加appid , 所以没有权限访问接口解决方法:第一种也是最简单的方式:在详情 -> 本地设置里勾选“不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书”选项第二种方式 如果你项目后期要上线,要求域名是合法的,域名必须是https的,那就得把它添加到小程序后台里面:①登录微信公众平台 => 开发 => 开发服务器 => 服务器域名 =>开始配置 =>进行身份验证 => 然后添加域名(注意:添加的域原创 2020-11-14 10:59:16 · 4512 阅读 · 0 评论