- 博客(12)
- 收藏
- 关注
原创 elementUI的time-picker组件报Invalid Date in fecha.format
elementUI的time-picker组件报Invalid Date in fecha.format的原因。一, picker-options的selectableRange属性没有写秒,导致格式错误,选择时间将不生效。value-format的值用于格式化被选中的值的格式为小时分钟 如: 03:01。format的值是将列表格式为直到分钟的选择。二, 想要设置时间列表选择只到分钟,如下。
2024-06-12 15:06:50
400
原创 npm时报错解决EPERM: operation not permitted, lstat 记录
根据不同工作背景环境,检查问题根本原因,总之重启电脑真的可以解决很多问题。
2023-07-20 18:23:10
1945
1
原创 javaScript异步编程
一、单线程:js执行环境中负责执行代码的线程只有一个优点:安全,简单缺点:耗时任务,等待拖延,出现假死二、1、单线程中的同步模式:排队依次执行,调用栈,当某个任务执行时间过长就会延时,这叫阻塞。2、单线程 中的异步模式:为了解决同步中阻塞情况。开启过后立即往后下一个任务。一般会通过回调函数的方式定义。EventLoop(事件循环) 事件循环会监听调用栈,当调用栈中没有任务了,就会从消息队列中取出第一个回调函数,压入调用栈事件循环是用于异步调用的重要工具。异步调用图解:3、回调函数
2021-06-28 12:43:04
517
原创 外部web端访问微信小程序云数据库的几种方法
前言我当前的项目是小程序开发,使用的是云开发方式,那么这时涉及到了小程序端提交的数据会保存到云数据库中,可是呢这些个数据要被外部访问用来管理,也就是还得弄一个管理后台界面管理这些数据。那就需要拿到云数据库里面的数据啦,下面就是对如何拿到云数据库里面的数据的访问方式的描述一、HTTP API 方式微信小程序文档中的云开发部分有特别说明了,HTTP API的调用方式,这里贴上链接HTTP API这种方式因为是访问链接的方式,会存在跨域访问的问题,如果项目上线了要做跨域处理。举个使用例子:this
2021-05-18 18:32:28
11181
23
原创 结合Vue3.0学习elementUi 源码
vue3.0+Element ui 源码学习【一】文章目录vue3.0+Element ui 源码学习【一】前言一、原element ui组件源码解析二、vue3.0重写element ui 组件总结前言用vue3.0把elementui 的组件源码重写一遍,是个不错的学习vue3.0的方式,同时可以深入理解elementui中组件的实现方式在重写之前当然要先创建一个vue3的项目,再把elementui的源码拿到分析一下要用到的文件有哪些,我这里就直接把组件的文件夹packages下的各组件,pa
2021-01-18 17:47:16
1898
2
原创 刮刮卡 vue canvas
效果如下:<template> <div class="canvas-content"> <div id="content" class="canvas-container-vertical"> <img src="../img/test.jpg" alt="" id="lapm"> <canvas id="signCanvas"></canvas>
2020-10-30 18:17:35
1064
原创 canvas 填充图片不完整问题
canvas填充图片时,如果图片大小和画布大小不一样,图片像素大于画布像素时,填充图片会使用图片原尺寸,这时展示在画布上的是图片的一部分,解决这种方法:用drawImage方法先把图片缩放成需要的像素大小,再使用createPattern方法填充缩放后的图片代码示例:let img = new Image();img.src = require('../../resource/HomePageAnimation/img/img_befor_2.png');img.onload=function(e
2020-10-30 18:16:43
5782
原创 video h5 开发 安卓 ios 兼容问题
一、h5 开发 video存在多个兼容问题:1、视频自动播放问题a、ios中,video设置muted属性为ture,这时会发现在谷歌浏览器中切换移动时可以实现自动播放,但是到了手机上就不行,手机上必须要求用户手动触发才会播放b、ios中,通过“WeixinJSBridgeReady”触发播放,这个方法只能在微信或企业微信浏览器中生效,且该方法会马上执行,不太适用前期有其他操作而触发,使用此方法需要引入库,代码如下:<script src="http://res.wx.qq.com/open
2020-10-30 18:13:44
3508
原创 管理后台数据集合查询项再封装
在管理后台的项目中经常会出现这样的需求,表格数据的查询定位,表的上面是一个查询表单,下边是一张表。有时这种情况出现很多次,也有多次是重复的样式表单项,往往会重复做很多的工作,下面就是对这一部分的再度封住组件;技术:vue.js ; elementUI代码:父组件调用该组件,先给组件取个合适的名称<FormItem :formOptions="formOptions" @searchCallback="search"></FormItem>要使上面的代码生效要引入组件和注册
2020-07-16 14:22:20
213
原创 上传图片前限制图片比例&大小&格式
这里我用的elementui中的上传组件upload在上传之前的beforUpload方法中定义如下:beforeUpload(file) { let _this = this; // 图片格式 const imgType = 'image/jpeg,image/jpg,image/png'.includes(file.type); // 图片大小 const imgSize = file.size / 1
2020-07-14 17:27:49
2723
原创 element ui 中 el-checkbox-group 点击一个全部选中的问题
element ui 中 el-checkbox-group 点击一个全部选中的问题原因是:checkbox-group中的v-modle要单独一个数组对象,不能作为表单对象,ruleForm中的一个属性值,提交表单时,将数组对象处理一下,赋值给ruleForm表单对象就可以了!...
2020-06-23 17:53:17
7158
1
原创 实现电子签名
实现电子签名(vue)代码如下:<template> <div class="canvas-content"> <div :class="{'canvas-container': type == 90 || type == -90, 'canvas-container-vertical': type == 0 || type == 180}"> <canvas id="signCanvas"></can
2020-06-15 11:28:08
696
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人