- 博客(107)
- 收藏
- 关注
RSS订阅原创 el-date-picker，日期时间范围选择器默认只能选择7天
calendarChange事件，用户选择完第二个时间值后把之前用来判断的disableDate置空。disableDate：根据选择的第一个时间点来判断用户选择的前后7天的时间结束点。disabledDateOption：判断禁用的时间范围。dayTime：用户选择的时间范围数组。elementplus组件。
2025-02-12 11:49:21
286
原创 使用git commit时‘“node“‘ 不是内部或外部命令，也不是可运行的程序
使用git commit -m "xxx"时会报错，我看网上的方法是在命令行后面添加--no-verify：git commit -m "主题更新" --no-verify，但是不可能每次都添加。最后解决办法是：使用git config --list --local查看git本地的git配置项。使用git config --unset core.hookspath把这个配置项删除。发现有个core.hookspath=.husky。最后就可以愉快的使用git commit啦。
2025-02-07 18:04:06
287
原创 git强制回退
如果你需要从历史记录中完全删除某次提交，可以使用 git reset。注意，这种方法会重写历史，可能会给其他协作者带来问题。git reset --soft：保留工作目录和暂存区的更改，只重置提交指针。git reset --mixed：保留工作目录的更改，清除暂存区。选项用于强制推送到远程仓库，这会覆盖远程仓库中的历史。git reset --hard：丢弃所有更改。选项会使工作目录中的文件状态与仓库同步。将 HEAD 移回到前一次提交，
2024-10-24 14:39:35
382
原创 nginx配置history模式
的含义是：首先尝试按照请求的URI去寻找对应的文件，如果找不到，再尝试将请求作为目录处理，如果还是找不到，最后就返回。这对于单页应用来说非常有用，因为无论用户请求的是什么URL，服务器都会返回同一个HTML文件（即。：这是Nginx内置的一个变量，代表当前请求的URI，不包括参数部分。例如，如果请求的URL是。：尝试将请求作为目录处理，如果这个目录存在，Nginx会试图返回该目录下的默认文件（通常是。服务器配置中的一条指令，用于设置处理请求的策略。都无法找到对应的文件或目录，那么就返回。
2024-09-24 11:37:51
1050
原创 document.visibilityState 监听浏览器最小化
页面隐藏包括 页面在后台标签页中 或者 浏览器最小化 （注意，页面被其他软件遮盖并不算隐藏，比如打开的 sublime 遮住了浏览器）。这样，我们可以监听 Visibilitychange 事件，当该事件触发时，获取 document.hidden 的值，根据该值进行页面一些事件的处理。prerender：页面在屏幕外执行预渲染处理 document.hidden 的值为 true。当文档从可见变为不可见或者从不可见变为可见时，会触发该事件。hidden：页面在后台标签页中或者浏览器最小化。
2024-09-19 14:58:38
229
原创 Multiple readback operations using getImageData are faster with the willReadFrequently attribute set
HTML Canvas2D中的willReadFrequently属性是一个布尔值，用于控制是否将图像数据缓存在GPU内存中，当设置为true时，浏览器会尽量将图像数据缓存在GPU内存中，从而提高多个getImageData读取操作的速度。HTML Canvas2D：设置willReadFrequently属性为true可加快多个getImageData读取操作的速度。
2024-09-14 14:07:29
4285
原创 项目警告Added non-passive event listener to a scroll-blocking ‘touchstart‘ event.
这个警告信息是由浏览器提供的，主要是为了提醒开发者关注性能问题。在移动设备上，'touchstart'事件可能会导致滚动操作的响应问题。当你在'touchstart'事件上添加了一个非被动的监听器（即监听器中有一些操作会影响默认行为，例如阻止滚动），浏览器可能会认为这是一个滚动阻止的行为，因此会发出这样的警告。如果你的事件处理器需要执行一些操作，但不影响滚动，可以考虑将事件监听器标记为被动的，使用。
2024-09-14 13:53:06
566
原创 使用Ts封装一个函数，传递一个16进制颜色值和一个透明度，转换成rgba的形式
【代码】使用Ts封装一个函数，传递一个16进制颜色值和一个透明度，转换成rgba的形式。
2024-09-10 14:58:45
181
原创 Vue3使用相同的ref名称总会获取到的是最后的元素
我的初始代码：<VoicePlayback ref="voiceRef"/><VoicePlayback ref="voiceRef"/>当前有两个相同的voiceRef时，我们通过console.log(voiceRef.value.$el)我们会发现当前打印的dom元素指向的是最后一个。那么我们应该如何解决这个问题呢？最后代码如下：<VoicePlayback v-for="(item, index) in voiceList" :key="ind
2024-09-10 11:40:20
641
原创 Ts+正则表达式格式化时间
用于填充当前 str 的字符串。用于填充当前 str 的字符串。用另一个字符串填充当前字符串（如果需要会重复填充），直到达到给定的长度。填充是从当前字符串的开头开始的。最后返回一个新的字符串。用另一个字符串填充当前字符串（如果需要会重复填充），直到达到给定的长度。填充是从当前字符串的末尾开始的。当前 str 填充后的长度。如果该值小于或等于 str.length，则会直接返回当前 str。当前 str 填充后的长度。如果该值小于或等于 str.length，则会直接返回当前 str。
2024-09-09 14:00:05
846
原创 js中URLSearchParams的用法
作用：将URLSearchParams对象转换为字符串表示形式。作用：设置指定参数的值，如果参数不存在则添加新参数。作用：返回一个迭代器，用于遍历所有参数的键值对。作用：返回一个迭代器，用于遍历所有参数的名称。作用：返回一个迭代器，用于遍历所有参数的值。作用：根据参数名称获取对应的值数组。作用：判断是否存在指定名称的参数。作用：根据参数名称获取对应的值。作用：向URL中添加新的参数。作用：删除指定名称的参数。
2024-09-06 10:41:33
429
原创 在使用Vue3+Ts封装的微信消息播放组件时怎么停止上一次的声音播放
中，我们封装一个类似于微信消息播放的组件，但是会遇到一个问题，因为每一个实例化出来的组件都是单独的，里面的audio也是单独的，在我们点击另外一个组件播放声音时，我们会发现上一次播放的声音依旧在播放，导致两个声音重叠了，那我们应该怎么解决这个问题呢？此时就要用到ref作为元素的Attribute，给每一个声音播放组件绑定一个相同的ref，这个我们可以拿到所有的声音播放器的实例；event.target：可以得到当前鼠标点击作用于哪个dom上面，它是具体到这个组件的子dom；
2024-09-05 16:00:00
457
原创 TypeScript中封装防抖，节流函数
防抖是指在事件触发后，延迟一定时间再执行回调函数。如果在该时间段内多次触发事件，只有第一次触发会执行回调函数，后续的触发会被忽略。ReturnType：在typeScript中用来获取函数的返回值类型关键词。Parameters：在typeScript中用来获取函数的参数类型关键词。Parameters：在typeScript中用来获取函数的参数类型关键词。wait：防抖函数触发的间隔；wait：防抖函数触发的间隔；func：要进行防抖的函数；func：要进行防抖的函数；
2024-09-04 10:27:12
850
原创 TypeScript关键词Parameters和ReturnType
在typeScript中用来获取函数的返回值类型关键词。在typeScript中用来获取函数的参数类型关键词。
2024-09-04 10:25:16
351
1原创 Canvas绘制线条时断断续续的
globalCompositeOperation 属性设置或返回如何将一个源（新的）图像绘制到目标（已有）的图像上。源图像 = 您打算放置到画布上的绘图。目标图像 = 您已经放置在画布上的绘图。
2024-09-03 14:04:04
2005
原创 Vue3+Ts封装input组件时遇到的问题
使用input事件监听输入框变化时，如果当前使用的输入法是中文，他也会触发input事件，正常来说，中文没有输入完毕是不用触发事件的。在handleCompositionStart和handleCompositionEnd的事件中更改这个全局变量。最后附上我封装的input组件(若觉得组件功能不完善，可以自行扩展组件)在input事件中判断是否是中文输入法输入中的状态。那么我们应该怎么去规避这件事呢？我们可以建立一个全局变量。最后即可解决这个问题！
2024-08-27 17:31:05
566
原创 解决Vue3+Ts打包项目时会生成很多的map文件
项目中会出现很多map文件，解决办法很简单，在package.json文件中添加--noEmit即可解决打包中出现的map文件。
2024-08-19 16:58:06
1534
原创 Vue3+Ts封装类似el-dialog的对话框组件
closeOnClickModal: 是否点击遮罩层关闭抽屉,appendToBody: 是否将对话框添加至body,modelValue: 对话框显示隐藏控制,showConfirm: 是否显示确认按钮,showCancel: 是否显示取消按钮,cancelText: 取消按钮的文本,confirmText: 确认按钮的文本。top: 控制对话框个距离顶部的距离,width: 控制对话框的宽度,height：控制对话框的高度,title: 控制对话框的标题,dialog.vue代码如下。
2024-08-15 18:18:44
752
原创 Vue3+Ts封装类似el-drawer的抽屉组件
closeOnClickModal: 是否点击遮罩层关闭抽屉,appendToBody: 是否将抽屉添加至body,modelValue: 对抽屉显示隐藏进行控制,showConfirm: 是否显示确认按钮,showCancel: 是否显示取消按钮,cancelText: 取消按钮的文本,confirmText: 确认按钮的文本。width: 控制抽屉的宽度,title: 控制抽屉的标题,drawer.vue代码如下。
2024-08-15 17:11:01
571
原创 Vue3+Ts封装ToolTip组件
本组件支持hover和click两种触发方式，需要更多的触发方式，可自行去扩展！！！本初提供css和sass两种定义css的方式，自行选择！！！
2024-08-14 16:08:51
1311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人