- 博客(21)
- 收藏
- 关注
原创 JavaScript常用方法(日期、函数、数字、对象)等操作
getLastDate(new Date('2023-03-04')) // Fri Mar 31 2023 00:00:00 GMT+0800 (中国标准时间)
2023-07-28 15:14:28
431
原创 解决vue3 + vite + ts 中require失效的问题(require is not defind)
解决vue3 + vite + ts中require获取图片报错的处理方式
2022-12-01 16:13:12
8169
原创 element table 展开行 自定义展开方式与触发方式
element官网并没有给我们自定义table行展开的自定义方式与自定义展开按钮,所以只能自己通过一些其他方法达到这个需求。
2022-09-29 11:20:42
1669
原创 vue3 + Element plus + Ts + Sortable.js 实现table拖拽排序
使用yarn add types/sortablej 安装或者npm安装视情况而定(不要一会儿npm,一会儿yarn可能会报错,因为两个方法安装的文件路径不同)使用npm install sortable.js --save 或者 yarn add sortable.js。具体详细参数可以看官网。
2022-09-27 11:12:04
5174
9
翻译 websocket 心跳包(此方法也是借鉴网上,并非原创但实测没问题)
websocket 连接的时候需要写一个心跳包来检测连接确保长连接的的状态
2022-01-08 13:38:02
797
原创 JS中常用的数组方法
在平时开发中,对数组进行操作是一个比较重要,也是比较基础的一个板块!今天我就在这里总结一下我们常用的数组的是个方法,也相当于做一个笔记<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co
2021-09-28 23:21:37
110
原创 vue里面原生的table表格纯css固定头部与左侧第一列
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>CSS实现表头与列固定</title> <!--引用vue.js --> <script.
2021-09-14 13:53:08
1428
原创 js对树状结构数据的筛选加过滤
项目中我们常会遇到对树状结构的数据进行(递归、过滤、筛选)等操作,递归网上有很多相应的例子,今天遇到一个过滤+筛选这样一个功能,但是在网上大概看了一下没有找到合适的例子,因此自己写一个,也记录一下代码板块:const data = [ { label: "一级 1", children: [ { label: "二级 1-1", children: [ { label: "三级 1-1-1"
2021-09-13 09:33:03
2051
1
原创 vue 中延迟配合套餐
项目中,我们经常会遇到一些为了增加体验效果,鼠标划入划通过延迟执行来操作的逻辑其实该功能主要是怎么合理的使用setTimeout这个定时器,所有下面的代码主要围绕着这个定时器来进行功能的编写上代码:<template> <div> <span class="i-images-item-icon" @mouseover="mouseOver()" @mouseleave="mouseLeave()" >
2021-09-09 15:08:45
268
原创 vue 中点击切换图标,切换选中状态
很多新手小白做这个切换下拉列表,选中列表记录当前选中状态,图标也变成当前选中状态的时候都会比较绕,其实其核心就是把(icon图标、样式加载变成变量话,按需加入想要的变量即可)例如下面这个例子:<template> <div> <div class="header-icon-border"> <el-popover placement="bottom" trigger="click"> <div
2021-09-09 14:44:09
3212
原创 vue中如何实现图片放大镜功能
vue中图片放大镜功能1、在vue项目中不可避免的会做一个图片放大镜的弄能(例如、商城、店铺等),今天同事问了这个功能恰好以前写过,因此记录一下。2、废话不多说直接上代码:父组件中:<template> <div> <imgZoom class="imgZoom" v-if="imgpic" :url="imgpic" :highUrl="imgpic"></imgZoom> </div></templa
2021-09-09 14:21:59
1220
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人