zluz_的博客

原创 Vue的各种杂乱知识点整理（持续更新中...）

Vue的各种杂乱知识点整理（持续更新中...）

原创 表格浮动横向滚动条组件 FloatingXScrollSync

摘要： FloatingXScrollSync是一个解决表格横向滚动问题的Vue组件，主要用于固定列宽且宽度过大的表格场景。它会在表格自带横向滚动条不可见时显示悬浮滚动条，并保持与表格body的双向scrollLeft同步。组件通过监听纵向滚动容器动态判断悬浮条的显示状态，确保当原生滚动条可见时自动隐藏悬浮条。实现上包含响应式宽度计算、滚动事件同步、视口位置检测等功能，并优化了性能与内存管理。

原创 微信小程序，组件中使用全局样式

微信小程序，组件中使用全局样式

原创 el-upload组件在弹出文件选择窗口前执行操作

el-upload组件在弹出文件选择窗口前执行操作

原创 Element 动态增减表单项

Element 动态增减表单项

原创 ECharts LiquidFill 实现圆球波浪水位图

ECharts LiquidFill 实现圆球波浪水位图

原创 Table和Pagination 自定义组件化

【代码】Table和Pagination 自定义组件化。

原创 在echarts环形图外加光环动效

在echarts环形图外加光环动效

原创 Vue的hook的使用

Vue的hook的使用

原创 瀑布流布局

瀑布流布局

原创 VSCode 将本地Web服务暴露到公网访问

原创 el-form 中单个 el-input 框回车刷新问题

el-form 中单个 el-input 框回车刷新问题

转载 手写Promise.all

手写Promise.all

原创 使用原生JS方式实现序列帧动画

* 阿里云官网找 */

原创 Vue全局事件总线的配置和使用

Vue全局事件总线的配置和使用

原创 vue项目静态文件资源下载

Vite 使用 ES 模块规范，并且支持动态导入（Dynamic Import）语法，可以通过 import() 来实现异步加载模块或导入非 JavaScript 文件；同时提供了一个静态资源处理的方法。对于 Vue 3 + Vite 项目，使用 require 方法来导入模块是不被支持的。require 是 CommonJS 规范中用于模块导入的方法，在 Webpack 等构建工具中常用。

原创 令人惊叹的文字交融效果，只需几行 CSS 代码就能实现！

令人惊叹的文字交融效果，只需几行 CSS 代码就能实现！

原创 vue2自定义节流指令

vue2自定义节流指令

原创 【代码】JS解题

【代码】JS解题

转载 SVG矢量图【转】

SVG矢量图

原创 html - 移动标签 marquee 属性

html - 移动标签 marquee 属性

原创 Vue接口请求取消（AbortController 和 CancelToken）

Vue接口请求取消

原创 echarts柱状图背景替换

echarts柱状图背景替换

原创 对element ui组件的二次封装

对element ui组件的二次封装

原创 js数组和对象的转换（获取对象的key、value）

js 数组和对象的转换

原创 vue初始化data中数据

vue初始化data中数据

原创 element form表单组件 对非表单内字段做校验

element form表单组件 对非表单内字段做校验

原创 本地起node服务（用于脚本）

本地起node服务（用于脚本）

原创 页面嵌iframe标签，给iframe标签里的按钮添加点击事件

页面嵌iframe标签，给iframe标签里的按钮添加点击事件

原创 大屏手写table轮播表（vue）

大屏手写table轮播表（vue）

原创 async / await

async / await

原创 vue用reduce实现循环调用接口（上一个接口调用完毕再调用下一个接口）

vue用reduce实现循环调用接口（上一个接口调用完毕再调用下一个接口）

原创 修改v-html里的元素样式（本地有样式，线上没样式）

修改v-html里的元素样式（本地有样式，线上没样式）

原创 vue项目中使用mock模拟数据

vue项目中使用mock模拟数据

原创 扁平数据结构转Tree & Tree数据扁平化

扁平数据结构转Tree

原创 vue实现判断文本是否超出，超出后显示省略号并且hover展示全部内容，未超出的不加 Popover 弹出框

vue实现判断文本是否超出，超出后显示省略号并且hover展示全部内容，未超出的不加 Popover 弹出框

原创 vue使用keep-alive缓存页面 回到滚动位置

vue使用keep-alive缓存页面 回到滚动位置

转载 JS数组reduce()方法详解及高级技巧

本文转载自简书：https://www.jianshu.com/p/e375ba1cfc471、语法arr.reduce(callback,[initialValue])reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。callback （执行数组中每个值的函数，包含四个参数） 1、previousValue （上一次调用回调返回的值，或者是提供的

原创 防抖、节流的简单使用

1、防抖(debounce)如果在1000ms内没有再次触发事件，那么就执行函数如果在1000ms内再次触发事件，那么当前的计时取消，重新开始计时效果：如果短时间内大量触发同一事件，执行时间会一直推迟，直到最后一次触发开始计时，1000ms后执行一次函数。（如果一直触发，直到最后一次触发后的1秒，执行一次函数）function() { clearTimeout(this.timer) if (this.timer) { clearTimeout(this.timer) } this

转载 Vue+ElementUI项目中条件渲染切换表格时单元格内容显示异常的问题及解决方法

https://www.cnblogs.com/duoge/p/12659278.html