小程序
关于小程序开发中遇到的知识点
黎轩栀海
只是简单的随心记录,不喜勿喷。。。
展开
-
小程序 关闭小程序两种方式
【代码】小程序 关闭小程序两种方式。原创 2024-03-18 18:01:35 · 390 阅读 · 1 评论 -
echarts中y轴(yAxis)& x轴(xAxis),配置参数详情的参数配置项释义
echarts中y轴(yAxis)的参数配置项释义转载 2023-12-05 16:27:27 · 3860 阅读 · 0 评论 -
小程序 wxml2canvas开发文档
配置数据绘制基础图形、文字wxml元素转换成canvas元素原创 2023-10-24 16:20:39 · 1013 阅读 · 0 评论 -
小程序 表单验证
小程序 表单验证原创 2023-07-28 17:32:03 · 1966 阅读 · 0 评论 -
小程序 WxValidate.js 再次封装
小程序 WxValidate.js再次封装原创 2023-07-28 17:30:31 · 935 阅读 · 0 评论 -
小程序 将图片转成Base64格式
小程序 将图片转成Base64格式。转载 2023-07-28 17:06:44 · 241 阅读 · 0 评论 -
小程序 多层次对象数组的赋值、动态赋值
小程序 多层次对象数组的赋值、动态赋值原创 2023-07-28 16:34:45 · 1819 阅读 · 0 评论 -
小程序 账号的体验版&正式版的账号信息及相关配置
线上小程序版本号仅支持在正式版小程序中获取,开发版和体验版中无法获取。插件账号信息(仅在插件中调用时包含这一项)原创 2023-07-28 16:08:00 · 1059 阅读 · 0 评论 -
小程序 获取用户头像、昵称、手机号的组件封装(最新版)
微信小程序的获取用户头像昵称组件封装原创 2023-07-28 16:00:14 · 1898 阅读 · 1 评论 -
小程序 自定义组件事件跨越组件边界
事件分为冒泡事件和非冒泡事件:冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。原创 2023-07-28 15:30:52 · 92 阅读 · 0 评论 -
小程序 检查微信版本更新
【代码】小程序 检查微信版本更新。转载 2023-07-28 15:08:36 · 185 阅读 · 0 评论 -
小程序 wxml2canvas插件遇到的坑
百度了好多没找到相同的问题,自行删除package.json文件,重新安装了多次wxml2canvas仍然不行,经历了一下午的重新构建npm、删除、重新安装、构建npm、删除、重新安装.........把微信开发者工具关闭打开了好几次,就差把电脑重新启动了。后来想是不是文件名字(即路由)的原因,这里我的文件名字是wxml2canvas,然后就改成wxml2Pic,再重新全部清缓存,重新执行项目,正常画图并保存到本地,哇啊阿啊阿啊阿啊阿啊....真的好绝啊。运行项目一直报该错误。原创 2023-05-09 16:34:11 · 849 阅读 · 4 评论 -
小程序 button样式增加class无效问题
微信客户端 7.0 开始,UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置。基础库 2.8.0 开始支持,低版本需做。可前往小程序示例进行体验。可表明启用新版的组件样式。本次改动涉及的组件有。转载 2023-05-05 14:20:20 · 508 阅读 · 0 评论 -
小程序 video在安卓手机上的bug修复
解释:先用wx:if隐藏video,300毫秒后再显示video组件,播放进度的指定时间重新赋值,然后再调用视频播放事件,即可正常从指定时间点播放视频,实测安卓和IOS皆可以正常播放。这样写的话,点击事件冲突,会导致在安卓手机上点击了播放按钮,然后视频鬼畜颤抖不能正常播放视频,后改为。这又产生新的问题,导致进入这个页面后播放视频,再返回上一个页面,再进入时视频无法从指定时间点开始播放。在onShow()调用已拿到的指定时间的值,然后调用该方法。需求:视频播放,并记录上次播放的时间。原创 2023-04-11 14:02:50 · 431 阅读 · 0 评论 -
小程序 wx.miniProgram.navigateTo 跳转地址不能是tabbar地址
wx.miniProgram.navigateTo 跳转地址不能是tabbar地址原创 2022-07-28 16:41:34 · 2191 阅读 · 0 评论 -
微信小程序 图片src变量拼接问题
微信小程序 图片src变量拼接问题原创 2022-07-20 15:25:12 · 2136 阅读 · 0 评论 -
小程序 小程序跳转公众号页面
web-view基础库 1.6.4 开始支持,低版本需做兼容处理。承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。客户端 6.7.2 版本开始,navigationStyle: custom对web-view组件无效小程序插件中不能使用。属性 类型 默认值 必填 说明 最低版本 src string 否 webview 指向网页的链接。可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业...原创 2022-05-09 09:00:00 · 1920 阅读 · 0 评论 -
小程序中的加载更多(即列表分页)
1.app.json中:"window": { "enablePullDownRefresh": true //是否开启当前页面下拉刷新}2.wxml中:<view class="info" wx:for="{{contentlist}}" wx:key="key"> <input hidden="{{hidden}}" value="{{item.id}}"/> <text>{{item.title}}</text>转载 2022-05-05 14:30:13 · 938 阅读 · 0 评论 -
小程序的wxs模块使用之时间格式转换
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。wxml中是不能使用函数的,但是如果你要在wxml的页面中使用函数的话,wxs可以做到1.创建.wxs 文件在微信开发者工具里面,右键可以直接创建 .wxs 文件,在其中直接编写 WXS 脚本。如:utils.wxs以/Date(1640576604697)/ 转成YYYY-MM-DD hh:mm:ss 为例:function ToDate(jsondate) { j...原创 2022-01-27 15:25:27 · 2050 阅读 · 0 评论 -
小程序的冒泡事件和非冒泡事件
事件分为冒泡事件和非冒泡事件:冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。WXML的冒泡事件列表:类型 触发条件 最低版本 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断,如来电提醒,弹窗 touchend 手指触摸动作结束 tap 手指触摸后马.原创 2022-01-25 16:38:44 · 1428 阅读 · 0 评论 -
小程序之上传多张图片
上传组件uploadImg文件夹(有uploadImg.wxml、uploadImg.wxss、uploadImg.js、uploadImg.json)uploadImg.wxml:<view class="uploadImg-wrap"> <view class="imgList-wrap"> <view class="upload-list-item" wx:for="{{imgList}}" wx:key="index" wx:for-i原创 2022-01-25 15:42:37 · 1629 阅读 · 0 评论 -
小程序审核的隐私声明的理由
小程序审核的隐私声明的理由:为了分辨用户,开发者将在获取你的明示同意后,收集你的微信昵称、头像。为了显示距离,开发者将在获取你的明示同意后,收集你的位置信息。开发者收集你的地址,用于获取位置信息。开发者收集你的发票信息,用于维护消费功能。为了用户互动,开发者将在获取你的明示同意后,收集你的微信运动步数。为了通过语音与其他用户交流互动,开发者将在获取你的明示同意后,访问你的麦克风。开发者收集你选中的照片或视频信息,用于提前上传减少上传时间。为了上传图片或者视频,开发者将在获取你的明示同意后,访原创 2022-01-25 10:31:14 · 1855 阅读 · 0 评论 -
小程序 点击返回按钮 根据用户的选择判断是返回还是留在当前页面
1.在pages.json文件中,在需要自定义导航栏的页面定义下加{ "path": "video1", "style": { "navigationStyle": "custom" }}2.页面上增加返回按钮事件comeBack() { wx.showModal({ title: '温馨提示', content: "您是否确认离开当前页面?", cancelText: "我再想.原创 2021-04-23 16:28:58 · 1213 阅读 · 0 评论 -
小程序 页面设置横屏
方法一:从小程序基础库版本2.4.0开始,小程序在手机上支持屏幕旋转。使小程序中的页面支持屏幕旋转的方法是:在app.json的window段中设置"pageOrientation": "auto",或在页面 json 文件中配置"pageOrientation": "auto"。{ "pageOrientation": "auto"}那如何判断当前屏幕的方向呢?可以在此页面的 js 文件中加入onResize:function(res){}方法来进行屏...原创 2021-04-21 11:13:16 · 11920 阅读 · 0 评论 -
微信小程序播放音频,ios静音状态下无声音、音频播放创建多个等问题
首先需要全局设置ios静音模式下播放声音,当然此方法也可以设置其他参数,[微信开发文档地址]注意:千万不要用innerAudioContext.obeyMuteSwitch = false;,2.3.0 版本开始此参数不生效注意:千万不要用innerAudioContext.obeyMuteSwitch = false;,2.3.0 版本开始此参数不生效注意:千万不要用innerAudioContext.obeyMuteSwitch = false;,2.3.0 版本开始此参数不生效在ap原创 2021-04-06 15:00:05 · 2617 阅读 · 0 评论 -
通过Moment.js让数值秒值和时分秒格式相互转化
1、把时分秒格式转化为数值型的秒值let time=moment.duration('01:01:01').as('seconds')console.log(time) //36612、把数值型的秒值转化为时分秒格式原创 2021-03-22 17:41:57 · 6805 阅读 · 0 评论 -
小程序原生控件canvas在iphone中上下滑动
问题:在开发过程中使用画布canvas时,发现在iphone中 页面上下滑动,导致自定义的画布也上下滑动解决方法:在页面配置里,每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖app.json的window中相同的配置项。disableScroll boolean false 设置为true则页面整体不能上下滚动。只在页面配置中有效,无法在app.json中设置 ...原创 2021-03-17 13:49:07 · 727 阅读 · 0 评论 -
uni-app 小程序开发
一、创建uni-app// 全局安装vue-clinpm install -g @vue/cli// 创建uni-appvue create -p dcloudio/uni-preset-vue my-project// 运行 npm run dev:mp-weixin二、样式和sass支持小程序的rpx和h5的vw、vh. rpx小程序中的单位 750rpx = 屏幕的宽度; vw是h5单位 100vw = 屏幕的宽度,100vh = 屏幕的高度; 内置有sass的配置.原创 2021-03-16 14:52:19 · 161 阅读 · 0 评论 -
taro 项目创建
Mac taro安装进入根目录cd /usr/local/lib/node_modules打开当前文件夹open .手动删除文件@tarojs安装指定版本sudo npm install -g @tarojs/[email protected]安装---最新---版本sudo npm install -g @tarojs/cli原创 2021-03-15 16:08:01 · 227 阅读 · 0 评论 -
小程序中更快速更完美部署富文本 -- wxParser 插件
如何接入「wxParser」插件?在小程序中使用「wxParser」,你需要在项目中引入「wxParser」的 JS 库,同时,需要在相应的 WXML、WXSS 和 JS 文件中引入「wxParser」的模板、样式文件和编写初始化代码,少了任何一步,程序都不能正常工作。1. 申请使用插件在「小程序管理后台 - 设置 - 第三方设置 - 插件管理」中查找插件名称「wxParser」(appid: wx9d4d4ffa781ff3ac),并申请使用。2. 引入插件代码在app.json文转载 2021-03-11 17:04:39 · 539 阅读 · 0 评论 -
微信小程序页面生命周期详解
页面生命周期函数onLoad—-监听页面加载onReady—-监听页面初次渲染完成onShow—-监听页面显示onHide—-监听页面隐藏onUnload—-监听页面卸载Page({ /** * 页面的初始数据 */ data: { banner_url:data.bannerList(), open:false }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { console.log(转载 2021-03-11 11:16:37 · 1093 阅读 · 2 评论 -
微信小程序 自定义底部导航栏(tabBar)
微信小程序是支持自定义导航栏的,可查看微信小程序官方文档,学习自定义tabBar的使用1.创建自定义导航栏 目录和文件注意:新建Component 名字为 “ index” 与pages同级index.js文件// custom-tab-bar/index.jsComponent({ /** * 组件的属性列表 */ properties: { }, /** * 组件的初始数据 */ data: { selected..原创 2021-03-11 11:09:54 · 15373 阅读 · 17 评论 -
小程序中,如何点击链接跳转到外部网页
跳转到内部链接这个我们应该都知道,通过wx.navigateTo,wx.redirectTo,wx.swtichTab等小程序内部的方法,可以直接跳转到小程序内部已经注册的(就是在app.json中已经记录的)链接页面。跳转到外部页面—— web-view需要注意的是,跳转的url是需要在微信公众平台上面配置业务域名的,否则就会出现这样:详细内容请查看文档1.首先在你需要点击的页面,添加一个bindtap方法,用来触发跳转页面wxml:<text class="l..原创 2021-02-03 15:39:50 · 10727 阅读 · 4 评论 -
在微信小程序中使用阿里图标库Iconfont
点击 ‘下载至本地’,并解压文件夹把这几个文件放在小程序项目中,在app.wxss中引入iconfont.css,然后其他地方就可以使用了原创 2020-12-16 16:17:05 · 213 阅读 · 0 评论 -
微信小程序封装wx.request接口(两种方式)
在根目录新建一个api.js的文件用于存放wx.request的代码api.jsconst app = getApp();let postApi = function (apiUrl, data, successCallback, errorCallback, completeCallback){ let apiData = {}; if (data){ apiData=data; } apiData.user_token=app.globalData.userToken原创 2021-01-19 15:20:18 · 2176 阅读 · 0 评论