m0_71349739的博客

原创 vue3 vue-seamless-scroll

最近开发过程中做大屏的页面，需求用到无缝滚动列表，发现一个特别好用的插件，分享给大家，欢迎评论区讨论话题。在main.js中引用vue-seamless-scroll/src。，vue3版本引用插件不同处。

原创 Html + Express 实现大文件分片上传、断点续传、秒传

在日常的网页开发中，文件上传是一项常见操作。通过文件上传技术，用户可以将本地文件方便地传输到Web服务器上。这种功能在许多场景下都是必不可少的，比如上传文件到网盘或上传用户头像等。然而，当需要上传大型文件时，可能会遇到以下问题：1.：由于文件大小较大，上传过程可能会耗费较长时间。2.：如果在上传过程中出现意外情况导致上传中断，用户需要重新开始整个上传过程，这会增加用户的不便。3.：通常，服务端会对上传的文件大小进行限制，这可能导致无法上传大型文件。

原创 js使用v-numberLazy

【代码】js使用v-numberLazy。

原创 javascript实现一键复制文本功能

【代码】javascript实现一键复制文本功能。

原创 使用 html2canvas 进行截图

截图失败需要video标签加上。crossorigin解决跨域。

原创 fetch浏览器下载

【代码】fetch浏览器下载。

原创 Vue3 + vite3 项目启动出现警告： __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined......

使用webpack的DefinePlugin定义。第三种：webpack。第四种：Rollup。

原创 html原生展开收缩

【代码】html原生展开收缩。

原创 css实现一行靠右，多行靠左

如果内容多到折行了，那自身的宽度会和父级同宽，同宽后，产生折行，这时候就生效了…利用 inline-block 可以根据内容宽度变化的特性。

原创 VScode保存自动格式化

这样，您就成功取消了在VS Code中保存时自动格式化的功能。这个设置可以帮助您在编写代码时更加自由地控制代码格式，适应个人的编码习惯。如果您需要重新启用自动格式化功能，只需回到设置界面，勾选"Editor: Format On Save"选项即可。

原创 vue -- watermark水印添加方法

项目生成公司水印是很普遍的需求，下面是vue项目生产水印的方法。话不多说，复制粘贴就可以马上解决你的需求。

原创 前端实现页面水印

【代码】前端实现页面水印。

原创 js多维数组转换一维数组

【代码】js多维数组转换一维数组。

原创 el-plus el-table sort-change走后台接口排序渲染问题

需要将custom中sortable设置为custom, // custom为远程后台排序 true为前端当前页排序 false默认

原创 el-tabs切换el-table多级表头清空sort排序

利用动态:key使el-table重新渲染清空排序方法，也可用官方方法tableRef.clearSort()

原创 vue3 momentjs自定义自然日、数据周、自然月 左右切换

【代码】vue3 momentjs自定义自然日、数据周、自然月 左右切换。

原创 canvas+fabric实现自定义封面

【代码】canvas+fabric实现自定义封面。

原创 momentjs计算两个时间差返回时分秒

【代码】momentjs计算两个时间差返回时分秒。

原创 momentJs插件获取指定日期、周

获取当前日期.clone必须加否则会改变currentDate当前日期

原创 js右击自定义菜单

功能点：右击阻止默认事件 根据js提供方法window.getSelection()判断当前有值则出现菜单。

原创 Vue3 关于 provide、inject 的用法

在前端项目中牵扯的最多的莫过于组件之间的传值了，除了最最常用的。

原创 JS中的selection事件与range

本文简单总结下文本输入中的 Selection 与 Range 事件。

原创 git或svn提交消息时，fix、feat等命令的含义

在git或svn提交消息时，可以使用特定字符来表示特定的功能，这些字符的使用可以提高提交描述的可读性和易用性。具体来说，这些命令的含义如下：

原创 Safari浏览器css兼容文本超出处理

Safari浏览器不支持 white-space: nowrap; 使用时为了兼容 Safari 需要加上宽度限制

原创 wangEditor5+vue3+ts

wangEditor5+vue3+ts完整版使用教程

原创 js原生复制文本

【代码】js原生复制文本。

原创 原生js读取图片文件的base64，通过base64快速访问本地图片

通过input 获取到需要上传的文件;通过事件获取到文件信息,利用 blob() 将文件转化成blob类型;利用 FileReader 对象的 readAsDataURL() 方法获取文件的 data: B...

原创 Element Plus设置input文本域组件不可鼠标拖拉高度

原创 js 监听滚动条是否滚动到底部

监听页面滚动 window.addEventListener('scroll', handleScroll) //监听滚动处理函数 consthandleScroll= ()=>{ //滚动条在Y轴滚动过的高度 letscrollTop =window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop letscro..

原创 在vscode编辑器中，vetur和volar冲突

在vscode编辑器中vetur插件会把vue3项目当成vue2去检查,然后出现了eslint报错 在项目的package.json中添加以下代码,并重启编辑器就可以了 // package.json ·...

原创 VsCode快捷键

常用快捷键 批量选中相同内容更改 alt+鼠标左键 选中多行同时编辑 ctrl+shift+L选中编辑代码中相同的内容 按住Ctrl + Alt,再按键盘上的上或下键,可以使一列上出现多个光标 选中多行,按tab键可统一向右移动 选中文本后,Ctrl + [ 和 Ctrl + ] 可实现文本的向左移动 和 向右移动 按shift+alt,再使用鼠标拖动,也可以出现竖直的列光标,同时可以选中多列。 批量操作 查找: Ctrl+F 查找文件: Ctrl+P 查找替换: Ctrl+H 多行合并: Ctrl+J 单

原创 vue3随机生成8位字母+数字

【代码】vue3随机生成8位字母+数字。

原创 js获取当前文章字数方法

js获取当前文章字数方法

原创 Html+Css+JavaScript实现聊天框通信功能

Html+Css+JavaScript实现聊天框通信功能

原创 vue3实现搜索并高亮文字

在做文字处理的项目时经常会遇到搜索文字并高亮的需求，常见的实现方式有插入标签和贴标签两种。这两种方式适用于不同的场景，各有优劣。为了方便操作，直接起一个Vue项目，在里面演示。

原创 VsCode 关于EsLint校验关闭严格模式

VsCode 关于EsLint校验关闭严格模式

原创 git入门

请注意，删除本地分支不会影响远程仓库中的分支。如果你想删除远程仓库中的分支，你需要使用 git push 命令来删除远程分支。你可以使用 git status 命令查看当前的代码状态，并使用 git add 和 git commit 命令将修改的文件提交到当前分支。如果你想删除远程仓库本身，你需要在远程仓库的管理界面或使用其他适当的命令来执行删除操作。请注意，挂载远程仓库分支后，你可以在本地仓库上进行操作，并将更改推送到远程仓库。现在，你已经成功挂载了远程仓库的分支到本地仓库，并切换到了该分支。

原创 微信小程序实现连续签到七天

微信小程序实现连续签到七天

原创 Vue3+移动端适配屏幕+默认横屏展示

最近做项目需要移动端默认横屏展示大屏, 需要在css中设置当前页面最外层元素中加入媒体查询判断横屏还是竖屏, 例如.box是我的当前页面最外层元素, 一定要注意width和height要相反设置 因为......

原创 大厂前端穿透页面封装公共方法（亲测可试）

通过事件传入url width height实现el-dialog的效果