- 博客(33)
- 收藏
- 关注
RSS订阅原创 小程序与服务器通信webSocket和UDPSocket
UDPSocket 官方文档链接webSocket 官方文档链接由于先先用了webSocket 测试成功后，由于WSS的问题最后决定用UDPSocket，两个都记录一下。
2024-11-01 18:22:24
545
原创 JavaScript 中 call()、apply()、bind() 的用法
apply() 第二个参数是数组call() 第二个参数起单个参数型，可放多个bind()第二个参数起单个参数型，可放多个，并且返回的是一个函数，需要加()调用
2022-06-13 14:58:49
245
原创 重新封装vant小程序导航栏
vant自带的导航栏左侧箭头需要自己添加方法，但是在实际开发很多页面需要返回上一页，每次都要重写返回方法很麻烦，封装成一个单独组件会方便很多，样式也可以自己直接调节。
2022-06-13 12:12:32
896
原创 小程序van-stepper在输入0删除本条数据后，渲染下一条数据会变为0的bug
需求：通过wx:for渲染一组数据，通过计步器减少到0，或者直接输入0，等于删除本条数据。问题：检测到计步器的value为0时，通过splice()方法删除本条数据后，下一条数据的计步器也变成0，重新赋值也无效。思路：1. 考虑到异步变的问题，设置async-change属性后，通过减少按钮变成0之后删除的数据能正确渲染，但是通过输入0的方式还是有问题。2. 经过测试，如果删除的数据计数和下一条的数据计数一样，那么删除该条数据后，下一条数据的value就会默认变成0，如果上下两条数据计数不一
2022-05-30 12:09:45
415
原创 小程序van-stepper在输入0删除本条数据，渲染后下一条数据变为0的bug
项目场景：通过wx:for渲染一组数据，通过计步器减少到0，或者直接输入0，等于删除本条数据。问题描述检测到计步器的value为0时，通过splice()方法删除本条数据后，下一条数据的计步器也变成0，重新赋值也无效。 原因分析及解决思路1. 考虑到异步变的问题，设置async-change属性后，通过减少按钮变成0之后删除的数据能正确渲染，但是通过输入0的方式还是有问题。2. 经过测试，如果删除的数据计数和下一条的数据计数一样，那么删除该条数据后，下一条数据的val.
2022-05-30 12:00:16
1621
2
原创 微信小程序用户昵称包含表情图片的解决方案
好好的用文字不好嘛，弄什么表情啊=====但是问题还是要解决，走过的坑，分享一下解决方案，个人认为这个是全网最简单的。之前的做法是直接传递给后端，后端再返回来的时候，表情就会变成？！这种乱码。①直接粗暴去掉表情，但是这样会导致一个问题，有些用户的昵称只有表情，全给干没了，昵称就是空了、、空了、、 //获取到的用户昵称 let wechatName = res.userInfo.nickName //检测是否含有表情 var regRule =
2022-05-06 15:40:56
1413
原创 用户拒绝授权定位信息的
在使用wx.getLocation请求位置时，一旦用户明确同意或拒绝过授权，其授权关系会记录在后台，直到用户主动删除小程序，如果用授权后，可以通过调用wx.openSetting，打开设置页。<view class="img-box"> <image wx:if="{{QrCode}}" src="{{QrCode}}" bindtap="getRefresh" style="width: 100%;height: 100%;"></image>
2022-03-26 16:16:52
488
原创 用vant 自定义小程序tabBar
官方自定义的tabBar容易闪烁、并且tabBar页面需写成组件形式，不喜欢。测试了下，用vant的效果比较好，记录下。在app.json的同级界面下创建custom-tab-bar 文件夹 包含 index.js index.json 定义app.json。 在tabBar的的页面下onShow生命周期加上，如果不加点击会错乱 this.getTabBar().init(); custom-tab-bar.wxml<van-tabbar active="{{ activ.
2022-01-17 17:24:43
4290
3
原创 DropdownMenu 下拉菜单的使用
官方例子 ：Vant Weapp - 轻量、可靠的小程序 UI 组件库官方的代码演示不够详细，这里记录一下，效果图注意事件是写在<van-dropdown-item> 里，如：bind:opened="onOpenDropdown"wxml：<view class=" custom-flex-row-start van-hairline--bottom"> <text>仓库：</text> <van-dropdo..
2021-09-23 18:28:10
4959
原创 vant Toast 轻提示报错
在小程序使用版本是1.8.3，按官方教程引入报错 xx is not defind,路径不对仔细对比之后，发现我这里路径里没有dist文件夹，改为本地路径就行了
2021-09-23 17:43:44
392
原创 vant 组件Popup和DatetimePicker 在小程序的结合使用
如图，开始时间和结束时间复用一个时间组件，在每次点击选择时间时，应默认选中上次选择的时间，所以开始时间和结束时间应区分开来。因为设计图的时间格式yyyy-mm-dd，获取的时间格式是 yyy/mm/dd，注意时间的转换处理，<van-datetime-picker>中value格式为毫秒，否则会报错在app.json或index.json中引入组件"usingComponents": { "van-datetime-picker": "@vant/weapp/dateti...
2021-09-19 18:10:10
2423
原创 小程序获取页面某元素高度及兼容不同手机高度自适应
如图，页面分三部分，顶部轮播、中间内容区、底部tabBar，底部固定，中间区高度用wx.createSelectorQuery()获取，轮播的高度自适应，使在不同的手机上完全铺满无滚动。底部tabBar的高度固定（自定义）是63，但是有部分手机底下有空白区域，如上图对比，多出的这一部分也算作底部tabBar的高度了，打印wx.getSystemInfoSync()，可看到screenHeight 和safeArea.bottom 的差值就是额外的高度。...
2021-09-18 13:55:28
1277
2
原创 微新小程序封装wx.request (使用回调函数)
很多请求，雷同的代码很多，做了一下封装,不使用promise，该用回调函数app.js// app.jsApp( globalData: { userInfo: null, baseUrl: "https://xxxxxx" //设置baseUrl }, //封装请求 wxRequest(method, url, data, callback, errFun) { wx.request({ url: this.globalData.baseU
2021-09-10 10:36:31
691
原创 vant dialog添加自定义输入框
刚写完ui就改变了页面布局，那就放这儿。wxml: <!-- 新增标签弹窗 --> <van-dialog use-slot title="请输入标签名" show="{{ show }}" show-cancel-button confirm-button-color="#4859E5" bind:close="onClose" bind:confirm="addLabel"> <van-cell-group> &.
2021-09-10 10:08:15
3809
原创 vue + elementUI upload组件，前端上传视频到oss视频点播
改了需求，视频由原来上传到服务器直接上传到阿里云的视频点播，使用官方推荐的获取地址和视频凭证的方式。结合框架使用的elementUI 库，记录一下。上传到视频点播大致流程如下：使用elementUI 的上传组件添加视频，通过自定义验证后，调用后端的接口，返回videoI等必要参数，然后调用视频点播的方法。刷新视频凭证也是如此，调用后端接口，返回必要数据。功能主要有，获取视频时长、获取视频的本地url地址、截取视频帧，上传视频、获取上传进度因为代码过多不好维护，这部分的代码封装了一个组件，然后引.
2021-01-16 13:39:04
2337
2
原创 elementUI 获取table行的索引号
在<el-table> 组件中添加 属性:row-class-name="rowClassName" 和 @row-click='handleRowClickRole' 在方法里定义 //获取当前的行数 rowClassName({row, rowIndex}) { //把每一行的索引放进row row.index = rowIndex; // console.lo...
2021-01-16 11:15:33
4067
1
原创 element upload上传视频，获取本地url地址和时长
获取视频的时长参考了文章https://www.cnblogs.com/65Seeker/p/11466824.html1.**URL.createObjectURL() **静态方法会创建一个DOMString，其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的document绑定。这个新的URL 对象表示指定的File对象或Blob对象。（个人感觉可以把对象转换成url使用，十分灵活方便，特别是对于文件对象）。2.loadedmetadata ...
2021-01-06 12:29:33
3724
1
原创 element 带参数上传视频，并显示进度条
记录下踩过的坑。使用 element 的上传组件，需求是上传视频时需要携带参数，不能直接action即时上传，要通过new FormData() 对象，然后append() 需要上传的参数。上传之前的限制写在on-chang（或者before-upload）钩子函数中，通过限制则调用http-request 里自定义的方法。axios.post() 方法有三个参数，第一个是上传的action地址，第二个是上传的参数FormData() 对象，第三个是获取进度条的对象方法。{自定义的属性名: 获取
2021-01-03 15:28:54
1158
原创 element ui 分页Pagination 显示改为中文
把element ui 改为中文版即可1.在mian.js中导入import zhLocale from 'element-ui/lib/locale/lang/zh-CN' //引入中文版2. 注释英文版声明，放开中文版注释
2020-11-26 16:47:42
8264
原创 mui 点击遮罩层关闭dialog(消息框)
弹出mui的消息框时，点击遮罩层默认不关闭，如希望关闭，修改如下： $(document).mouseup(function(e){ // 设置弹窗区域 var dialog = $('.mui-popup '); // 点击事件的对象不是弹窗区域本身 // 事件对象不...
2020-02-26 15:59:32
1358
原创 js 获取当月第一天和最后一天
var year=new Date().getFullYear() ;var month=new Date().getMonth()+1 ;var day = new Date(year,month,0); starResult.innerText =year + "-" + month + "-01";endResult.innerText = year + '-' + month +...
2019-12-13 17:19:01
481
原创 mui 区域横向滚动 无法滚动显示全部内容的问题
需要做一个横向的区域滚动，按官方的模板，在实际运用中发现横线滚动只能显示部分内容，剩下的滑不动了，找了很久原因，最后发现需要在类mui-control-item 上自定义宽度就可以了，记录一下。效果图实现的部分代码： <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-...
2019-11-15 18:30:11
1286
原创 mui 折叠面板accordion 并行排列的实现
效果图如下：css:@charset "utf-8";/*搜索框*/div.mui-input-row.mui-search { margin: 0; margin-bottom: -8px; background-color: #fff; padding: 7px 15px 0 15px;}div.mui-input-row span { font-size...
2019-11-15 18:02:10
589
原创 mui 屏蔽手机物理返回按键（安卓+苹果）
需求是对APP所有页面添加对物理按键的监听，当使用者点击一次物理按键时，提醒“请再按一次即可退出应用”（延迟显示2秒），若两次点击物理按键时间间隔小于1秒，直接退出应用程序。参考了https://blog.youkuaiyun.com/wswhero/article/details/79061581的方法，在安卓端是正常的，但是在ios端点击页面自定义的返回键也被屏蔽。因为mui的返回键都有一个公...
2019-11-15 17:39:31
1145
原创 mui picker 时间选择器在ios设置开始时间不生效
由于项目需要的开始时间由后台获取，最大时间是当前时间，从后台获取的时间格式为 2019-11-15 17:10，一开始的代码获取的时间实际是new Date(2019-11-15 17:10) ，这在安卓端是可以正常识别的，在ios端就不生效了。所以把对应日期时间的值逐个获取出来，按照new Date(year, month, day, time, hour) 这种格式设置就可以了。ios...
2019-11-15 17:25:43
1377
原创 jeecg框架下，在同一页面有别的内容占据空间后， datagrid 表格自适应高度
菜鸟一只，以下用词均是根据自己理解自创，不一定准确，如有错感谢指出，友好交流。一般自适应的格式：<div class="easyui-layout" fit="true"> <div region="center" style="padding:0px;border:0px"> <t:datagrid name="bSRepairOr...
2019-11-13 18:02:22
842
原创 解决mui--actionsheet (操作表) 内容过多无法滚动的问题
参考了博客https://blog.youkuaiyun.com/qq_35310703/article/details/79056268解决如下：1. overflow：auto 是不生效的，需使用scroll(区域滚动)。2. 根据scroll(区域滚动)添加mui-scroll-wrapper和mui-scroll类。3.在js中添加mui自带的scroll方法： mu...
2019-10-12 18:39:16
3716
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人