![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端vue
文章平均质量分 72
ArmadaDK
什么都沾点的臭恶大学生竟然已经上班哩,555
展开
-
拖拽效果库sortablejs
sortable可以适用于列表,表格以及弹窗等等的拖拽效果,使用起来也很简单,像等组件库没有拖拽等一些功能就可以使用sortablejs来解决这个问题。原创 2024-01-10 14:39:34 · 966 阅读 · 0 评论 -
菜单显示博客页
结果图难点及其实现滚动条自定义:.card::-webkit-scrollbar {width: 4px;}.card::-webkit-scrollbar-thumb {border-radius: 8px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #666666;}.card::-webkit-scrollbar-thumb:hover {background: #333333;}鼠标点击样式样式图原创 2024-01-05 15:58:38 · 400 阅读 · 1 评论 -
手写滚轮式菜单
逻辑很简单,就是滚轮滚动这个转盘也跟着滚动,中间的大圆跟着最中间的小圆的颜色走;原创 2024-01-03 14:28:09 · 419 阅读 · 0 评论 -
js小知识点杂记
interopRequireDefault的作用就是判断require的模块是否是已经被babel编译过的模块,如果是,则当前require的引用一定存在一个default属性;之前好像见过但是没怎么在意,看红宝书的时候刚好看到了,记录一下,这个在多层循环的时候可以任意跳出某个循环,可以用continue和break加上label名称,如下示例。,被赋值的时候如果是对象之类的引用数据类型,那么只会获得一个指针地址,而不是整个数据。import是先不执行,遇到使用到的时候再真正的读取模块;原创 2023-11-08 15:54:55 · 465 阅读 · 3 评论 -
socket.io学习笔记,含简易聊天室demo代码
nodejs后端:npm install socket.iovue前端:npm i vue-socket.io -Snpm i socket.io-client -Snodejs:前端:事件触发on接收事件,第一个参数是event,第二个参数是回调函数emit触发事件,第一个参数是event,第二个参数是事件参数connection:连接的时候自动触发disconnect:断开连接的时候自动触发chat message(随便自定义的名称):点对点通信事件,回调函数里有参数msg(收到的消息)原创 2023-10-08 11:21:36 · 217 阅读 · 0 评论 -
用vue3+elementplus做的一个滚动菜单栏的组件
在elementplus中看到了滚动条绑定了slider,但是这个感觉很不实用,在底部,而且横向滚动,最常见的应该是那种固定在左上角的带着菜单的滚动条,于是我就想要不做一个小demo,方便以后使用。原创 2023-06-30 15:05:42 · 3047 阅读 · 0 评论 -
elementPlus学习(持续更新)
谁能想到element还要学啊,昨天写表单,发现自己完全不太懂表单的校验,有没有人和我一样在大学做项目表单从来不校验的,毕竟只有自己用,能展示就行。所以决定今天仔细看一下elementui的一些不熟悉的内容。原创 2023-06-29 15:35:27 · 1670 阅读 · 0 评论 -
vue3嵌入pdf的两种办法
分页的逻辑是使用vue3-pdfjs中的createLoadingTask函数获取pdf的总页数,这个函数是一个异步函数,之后会返回pdf的信息(别的信息基本没用,只有numPages比较有用。使用vue-pdf-embed插件展示预览pdf(这里只能展示一页,或者不分页全部展示,就会是一长条,所以我们自己做分页。原创 2023-06-28 10:34:29 · 4105 阅读 · 4 评论 -
vue2转vue3笔记
vue3中不再使用data函数,而是采用ref,reactive来定义响应式的数据ref用来存放基本数据,reactive用来存放复杂的数据注意这两种参数的值都不能直接使用,而是使用xxx.value才能对其进行复制,而且reactive一般需要用toRefs进行转变。原创 2023-06-27 17:56:48 · 552 阅读 · 0 评论 -
canvas小练习之随机色彩变化
<!DOCTYPE html><html lang="en"><style> body { overflow: hidden; margin: 0px; }</style><body> <canvas id="canvas"></canvas> <script type="text/javascript"> // 动画兼容函原创 2023-04-27 14:35:47 · 246 阅读 · 2 评论 -
若依tab权限问题
【代码】若依tab权限问题。原创 2023-04-27 13:50:06 · 410 阅读 · 0 评论 -
canvas小练习之渐变粒子特效
<!DOCTYPE html><html lang="en"><style> body { overflow: hidden; margin: 0px; } .container{ position: relative; height: 900px; width: 900px; margin: auto; margin-top: 10原创 2023-04-26 17:28:52 · 125 阅读 · 0 评论 -
canvas小练习之火柴人
火柴人,很无聊,只是学习一下canvas的用法。原创 2023-04-26 14:48:17 · 339 阅读 · 0 评论 -
canvas小练习之鼠标粒子特效
没什么好说的,直接上代码,这算是canvas的小练习,这是修改的网上的代码,这个可以实现屏幕自适应,而且我原本找的那个代码鼠标事件是绑定在window上的,实测并不好,可能会把点全拉走效果图:原创 2023-04-26 14:43:56 · 194 阅读 · 0 评论 -
webgl入门笔记(二)
webgl移动旋转操作原创 2023-02-02 09:06:05 · 162 阅读 · 0 评论 -
vue3tomcat部署之后页面刷新出现404报错
在tomcat->webapps->root下面新建文件夹WEB-INF,里面新建web.xml内容如下<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://xmlns.jcp.org/xm原创 2022-04-19 14:50:33 · 279 阅读 · 0 评论 -
vue3 elementplus问题集合
vue开发中遇到的问题原创 2021-11-13 16:29:03 · 2633 阅读 · 1 评论