菜小黑-CSDN博客

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

qq_42042787的博客