自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

转载 input输入框的各种限制

input输入框的正则限制

2022-12-05 11:11:59 61

原创 js获取今天和明天 零00:00:00和23:59:59的时间戳

js获取今天和明天 零00:00:00和23:59:59的时间戳

2022-11-07 18:58:31 606

原创 js 获取今天和明天00“:00:00和23:59:59的时间戳

js 获取今天和明天00":00:00和23:59:59的时间戳

2022-11-07 18:54:53 237

原创 小程序setData修改数组和对象

小程序setData修改数组和对象

2022-07-23 14:01:57 1407

原创 小程序返回上一页并赋值

小程序返回上一页并赋值

2022-06-29 16:49:28 125

原创 JavaScript 中 call()、apply()、bind() 的用法

apply() 第二个参数是数组call() 第二个参数起单个参数型,可放多个bind()第二个参数起单个参数型,可放多个,并且返回的是一个函数,需要加()调用

2022-06-13 14:58:49 20

原创 重新封装vant小程序导航栏

vant自带的导航栏左侧箭头需要自己添加方法,但是在实际开发很多页面需要返回上一页,每次都要重写返回方法很麻烦,封装成一个单独组件会方便很多,样式也可以自己直接调节。

2022-06-13 12:12:32 380

原创 js 获取本月/本周第一天和最后一天,封装并在小程序引用

获取本月/本周第一天和最后一天,封装并在小程序引用

2022-06-08 11:26:54 1182

原创 小程序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 126

原创 小程序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 488 2

原创 微信小程序用户昵称包含表情图片的解决方案

好好的用文字不好嘛,弄什么表情啊=====但是问题还是要解决,走过的坑,分享一下解决方案,个人认为这个是全网最简单的。之前的做法是直接传递给后端,后端再返回来的时候,表情就会变成?!这种乱码。①直接粗暴去掉表情,但是这样会导致一个问题,有些用户的昵称只有表情,全给干没了,昵称就是空了、、空了、、 //获取到的用户昵称 let wechatName = res.userInfo.nickName //检测是否含有表情 var regRule =

2022-05-06 15:40:56 727

原创 用户拒绝授权定位信息的

在使用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 178

原创 用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 3377 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 1316

原创 vant Toast 轻提示报错

在小程序使用版本是1.8.3,按官方教程引入报错 xx is not defind,路径不对仔细对比之后,发现我这里路径里没有dist文件夹,改为本地路径就行了

2021-09-23 17:43:44 188

原创 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 1261

原创 小程序获取页面某元素高度及兼容不同手机高度自适应

如图,页面分三部分,顶部轮播、中间内容区、底部tabBar,底部固定,中间区高度用wx.createSelectorQuery()获取,轮播的高度自适应,使在不同的手机上完全铺满无滚动。底部tabBar的高度固定(自定义)是63,但是有部分手机底下有空白区域,如上图对比,多出的这一部分也算作底部tabBar的高度了,打印wx.getSystemInfoSync(),可看到screenHeight 和safeArea.bottom 的差值就是额外的高度。...

2021-09-18 13:55:28 741 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 352

原创 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 1623

原创 vue + elementUI upload组件,前端上传视频到oss视频点播

改了需求,视频由原来上传到服务器直接上传到阿里云的视频点播,使用官方推荐的获取地址和视频凭证的方式。结合框架使用的elementUI 库,记录一下。上传到视频点播大致流程如下:使用elementUI 的上传组件添加视频,通过自定义验证后,调用后端的接口,返回videoI等必要参数,然后调用视频点播的方法。刷新视频凭证也是如此,调用后端接口,返回必要数据。功能主要有,获取视频时长、获取视频的本地url地址、截取视频帧,上传视频、获取上传进度因为代码过多不好维护,这部分的代码封装了一个组件,然后引.

2021-01-16 13:39:04 1207 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 2156 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 1876

原创 element 带参数上传视频,并显示进度条

记录下踩过的坑。使用 element 的上传组件,需求是上传视频时需要携带参数,不能直接action即时上传,要通过new FormData() 对象,然后append() 需要上传的参数。上传之前的限制写在on-chang(或者before-upload)钩子函数中,通过限制则调用http-request 里自定义的方法。axios.post() 方法有三个参数,第一个是上传的action地址,第二个是上传的参数FormData() 对象,第三个是获取进度条的对象方法。{自定义的属性名: 获取

2021-01-03 15:28:54 831

原创 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 5802

原创 mui 点击遮罩层关闭dialog(消息框)

弹出mui的消息框时,点击遮罩层默认不关闭,如希望关闭,修改如下: $(document).mouseup(function(e){ // 设置弹窗区域 var dialog = $('.mui-popup '); // 点击事件的对象不是弹窗区域本身 // 事件对象不...

2020-02-26 15:59:32 945

原创 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 381

原创 mui 区域横向滚动 无法滚动显示全部内容的问题

需要做一个横向的区域滚动,按官方的模板,在实际运用中发现横线滚动只能显示部分内容,剩下的滑不动了,找了很久原因,最后发现需要在类mui-control-item 上自定义宽度就可以了,记录一下。效果图实现的部分代码: <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-...

2019-11-15 18:30:11 856

原创 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 373

原创 mui 屏蔽手机物理返回按键(安卓+苹果)

需求是对APP所有页面添加对物理按键的监听,当使用者点击一次物理按键时,提醒“请再按一次即可退出应用”(延迟显示2秒),若两次点击物理按键时间间隔小于1秒,直接退出应用程序。参考了https://blog.csdn.net/wswhero/article/details/79061581的方法,在安卓端是正常的,但是在ios端点击页面自定义的返回键也被屏蔽。因为mui的返回键都有一个公...

2019-11-15 17:39:31 762

原创 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 747

原创 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 552

原创 解决mui--actionsheet (操作表) 内容过多无法滚动的问题

参考了博客https://blog.csdn.net/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 2068

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除