在大屏或者某些不常使用鼠标交互的页面，数据在定时刷新，如果有个列表数据过多，需要数据自己滚动展示。这里写个通用指令，需要的地方加上即可，轻量。 功能 若容器有滚动条则开启自动...
IP属地：重庆
-
vue 写个内容自动滚动的自定义指令 v-auto-scroll ，鼠标移入停止滚动，移出继续滚动
-
笔记: 树形结构数据相关常用方法
记录我自己写的常用的针对树形数据的处理函数： 若对你有帮助，请点个赞吧，若能打赏不胜感激，谢谢支持！本文地址：https://www.jianshu.com/p/383509...
-
这个是个reactive 变量，不是函数，其实就是v-model绑定个值
vue3 简简单单写个向左展开收缩panel的通用组件
效果如下 ： 原理: 收缩按钮是相对父节点定位的。点击后通过更改父组件的left 值进行展开收缩，收缩时left为-1 * 父节点宽度， 展开时还原为初始状态。 源码： 图标...
-
常用 js 正则表达式
后续中有遇到其他常用的js正则会持续更新~~~ 获取带有单位字符串前的数字 验证是否是身份证号码 tip: 根据身份证号码解析出生年月 验证是否是邮箱 验证是否是手机号码 若...
-
nodejs内存溢出；‘“node --max-old-space-size=10240“‘ 不是内部或外部命令，也不是可运行的程序；解决办法nodejs内存溢出；‘“node --max-old-space-size=10240“‘ 不是内部或外部命令，也不是可运行的程序；解决办法 第一步全局安装increase...
-
解决vue父子组件相互套娃式调用问题场景:组件A调用组件B，组件B里面又调用组件A，在B又调用A这一步就报错了, 有以下两种解决办法。 方法一：main.js中作为全局组件引入 方式二：不想使用全局组件可以使用...
-
docker 同时部署两个前端项目一、在服务器上创建 docker nginx 容器 linux服务器上nginx目录如下，后面会将docker nginx容器中的对应目录挂载到conf、html、logs下...
-
Proxy & Reverse ProxyProxy Proxy: 代理，即正向代理（Forward Proxy），在客户端和另一个系统之间路由通信的服务器。为了从原始服务器取得内容，客户端向代理服务器发送一个请求，...
-
pointerdown 里使用 e.preventDefault() 会导致自身与内部元素的 mousedown 事件失效？今天遇到个问题，使用 SortableJS 对 element ui 表格添加了表头列拖动排序功能，代码如下： 注意这个： 属性，这里指定了不需要拖动排序的表头类名，有 这个...
-
elementui表格与sortable实现拖拽
按流程先上文档 sortable.js中文文档 - itxst.com[https://www.itxst.com/sortablejs/neuinffi.html] 安装依...
-
常用 echarts 图 options 代码记录工作中常用的echart 图，免得后面遇到忘记了又要重新调图。 1.饼图方式显示完成率 只需要传一个percent比例就行了 2.纵向的柱状图，右侧显示对应对应详情 实现...
-
js 自定义事件与触发通常是用户与页面进行交互的时候触发事件，比如点击某个元素触发click事件，鼠标移入移出触发mouse相关事件等，但是有的时候我们在写代码的时候需要手动触发某个事件，这可以是...
-
如何更新linux docker上的前端应用程序给你个网站地址还有该网站对应的linux服务器ip地址，已知该网站前端代码是部署在docker上的，现在要更新下里面的前端代码要怎么做？ 1.首先根据这个应用的访问地址获取其...
-
VueCLI3打包优化--抽离依赖包项目开发中，使用了很多依赖包，如Vue、路由管理Vue-router、状态管理Vuex、UI组件库(ElementUI、Vant)、图表（echarts）等。打包构建，发现有...
-
echarts dataZoom 修改两侧缩放手柄的样式为圆形、方形、带上下线段的圆形问题 默认echarts dataZoom 两侧的缩放手柄是这个样子的，现在我要改成圆形或者方形怎么做？ 有的小伙伴看到官网有这个属性 borderCap 但是实际上这个是 ...
-
element-ui 日期时间选择器点击左侧快捷切换不关闭pannel怎么做？版本 element-ui 版本 ^2.13.2 问题描述 需求如下：想点击这个快捷切换不关闭时间选择pannel 查询官网只看到有个日期的参数 但是看了下element-u...
-
echarts 趋势图巧用label富文本对某个y值进行标记工作中遇到需要这个效果，前前后后调了两个小时图，这里记录并分享下： 代码如下： 效果如下： 完美！！！ 若对你有帮助，请点个赞吧，若能打赏不胜感激，谢谢支持！本文地址：htt...
-
前端实现水印效果的多种方案
前端开发不断创新，其中之一是实现水印效果。水印可以用于保护内容的版权，提供额外信息，或者美化页面。本文将深入探讨几种常见的前端水印方案，帮助大家更好地理解如何实现水印效果。 ...
-
js 颜色的几种表示方式？附 rgb 颜色与 16进制颜色相互转换代码
常见颜色表示方式： 1.16进制颜色表示法分为两种： 以”0x“开头表示，这种表示方法才是标准的16进制的表示方法。例如 0x00ffffff 或 0xffffff 注意：以...
-
