73浏览

0评论

Vue十万条数据渲染无卡顿的3种工业级方案

目录引言一、核心前提：为什么直接渲染会卡顿？二、方案1：虚拟列表（首选，工业级方案，无卡顿）1. 核心原理2. 实操实现（Vue3+第三方插件，最简单落地）步骤1：安装插件（落地细节：版本适配+异常处...

• 2026-07-14

70浏览

0评论

vue2下npm安装国际化i18n包报错问题及解决

目录如题原因解决总结如题我项目是vue2，在terminal控制台输入以下指令安装时报错：npm install vue-i18n --save原因在vue2环境下，默认安装 npm install vue-i18n 的版本是 vue-...

• 2026-07-14

63浏览

0评论

vue3 vite ant deign vue黑暗模式实现过程

目录1、实现黑暗模式2、编写一个全局的css变量css文件3、创建dark.less和light.less文件对应黑暗和白天4、在less和css中用变量替换掉原本的数值5、编写切换css函数6、编写...

• 2026-07-14

71浏览

0评论

一文详解前端性能监控的三大核心维度

目录引言一、性能监控1.1 核心性能指标1.2 自定义性能埋点二、错误监控2.1 全局错误捕获2.2 资源加载错误三、行为监控3.1 用户交互追踪3.2 性能与行为关联分析四、监控数据...

• 2026-07-14

85浏览

0评论

一文彻底搞懂项目中 dist 到底是什么

目录前言1. dist 是什么？一句话解释2. dist 最常见的 3 大出现位置2.1 前端工程里的 dist：构建输出目录（最常见）2.2 npm/组件库里的 dist：编译后的库产物2.3 Python 打包发布里的...

• 2026-07-14

70浏览

0评论

vue Aes加解密实践

目录vue Aes 加解密安装crypto-js微信小程序直接导入封装调用后端工具类总结vue Aes 加解密安装crypto-jsnpm install crypto-js微信小程序直接导入const CryptoJS = requir...

• 2026-07-14

72浏览

0评论

解决vue动态加载组件import引入组件找不到组件(Error: Cannot find module)

目录使用场景问题描述问题原因解决方案总结使用场景在一个项目中封装了好多组件，根据接口返回不同类型值在页面中动态加载对应的组件。问题描述使用了动态加载组件的方法，组件...

• 2026-07-14

67浏览

0评论

vue3使用keep-alive组件,包含动态组件使用详解

目录vue3使用keep-alive组件，包含动态组件使用组件不使用keep-alive组件中使用v-if切换component动态组件切换路由不使用keep-alive路由中使用keep-alive生命周期总结vue3使...

• 2026-07-14

75浏览

0评论

vue中的ref使用及说明

目录基本用法$attrs语法糖的问题总结基本用法ref 有三种用法：1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素2、ref 加在子组件上，用this.ref.name 获取到的是组...

• 2026-07-14

73浏览

0评论

JavaScript实现字符串转数值的多种方法

目录1. parseFloat() - 最常用的方法2. Number() 构造函数3. 一元加号运算符（+）4. parseFloat() 与 toFixed() 结合使用实际应用示例注意事项在您的代码中的应用知识扩展在 Ja...

• 2026-07-14

66浏览

0评论

vite动态导入页面动态import组件实现方式

目录vite动态导入页面动态import组件在做权限的时候这是总结vite动态导入页面动态import组件在做权限的时候从后台拉路由表，然后动态引入组件，之前webpack是可以直接用的，但是v...

• 2026-07-14

68浏览

0评论

在Vue3中实现缓存和复用动态组件

目录1. 使用<KeepAlive>组件缓存动态组件基本使用代码解释包含和排除特定组件代码解释最大缓存实例数代码解释组件缓存状态的生命周期钩子代码解释2. 组件实例缓存（手动管理）...

• 2026-07-14

73浏览

0评论

基于JavaScript实现在线PDF拆分工具

目录1. 文件进入流程前先做 PDF 判断2. 页码输入解析成统一的拆分页组3. 多种拆分模式最终都归一到 groups4. 可视化选择会自动合并连续页5. 书签拆分按顶层书签生成区间6....

• 2026-07-14

68浏览

0评论

Vue3动态组件&异步组件用法及说明

目录动态组件核心特点基础用法进阶技巧异步组件核心价值基础用法进阶配置常见使用场景原理补充总结动态组件动态组件是通过 <component :is="组件标识"> 语法，让 Vue 动态渲...

• 2026-07-14

71浏览

0评论

前端检查内存泄露完整示例

目录前言一. 前端常见的内存泄露场景二. 核心工具: 浏览器开发者工具(Chrome DevTools )1.第一步: 复现内存泄露场景2.第二步3.第三步三. 示例1. 闭包使用不当引起内存泄漏2...

• 2026-07-14

77浏览

0评论

JavaScript监听鼠标滚轮(监听向上/向下滑动)事件的完整指南

目录1. 鼠标滚轮事件的基本概念2. 基本实现：监听wheel事件示例代码说明3. 完整示例：阻止默认滚动 + 自定义逻辑4. 兼容性处理5. 实际应用场景6. 总结在 Web 开发中，监听鼠标滚...

• 2026-07-14

80浏览

0评论

前端表单验证实战策略之别让用户输入垃圾数据

目录毒舌时刻为什么你需要这个反面教材正确的做法基本验证策略使用表单验证库最佳实践毒舌点评毒舌时刻表单验证？听起来就像是前端工程师为了显得自己很专业而特意搞的一套复...

• 2026-07-14

71浏览

0评论

JavaScript实现浏览器文本复制到剪贴板功能

目录1. 背景与需求分析2. API 介绍与演进2.1 传统方案：document.execCommand2.2 现代方案：navigator.clipboard3. 核心实现解析关键逻辑说明4. 兼容性处理策略5. 安全上下文要...

• 2026-07-14

297浏览

0评论

nvm安装、配置与使用例子

目录 一.nvm介绍 二.安装nvm 三.nvm的配置 四.nvm的使用 五.nvm的常用命令一.nvm介绍nvm 全称为 node.js version management，顾名思义是用于管理多个 nodejs 的版本控制工具...

• 2026-06-12

276浏览

0评论

react组件中debounce防抖功能失效问题解决办法

目录一、问题背景二、解决办法三、拓展一、问题背景import { debounce } from 'lodash'; const [searchKey, setSearchKey] = useState('');// 防抖函数 const debounceLi...

• 2024-11-18

191浏览

0评论

vue开发中如何在js文件里使用pinia和组件同步

目录遇到问题只需要传pinia参数就可以store/index.jsmain.jsjs脚本文件使用遇到问题在js文件中封装涉及到使用pinia的方法时，发现和组件内容并不同步，二者是互相独立的。为了...

• 2024-11-18

252浏览

0评论

Vue.js使用this.$confirm换行显示提示信息实例

目录Vue.js使用this.$confirm换行显示提示信息解释Vue的this.$confirm中注意this的指向解决方法总结Vue.js使用this.$confirm换行显示提示信息在写一个简单的按钮点击确认框...

• 2024-11-18

265浏览

0评论

微信/支付宝小程序实现弹窗动画缩放到某个位置的示例代码

HTML <view wx:if="{{advertiseFlag}}" class="advertise-wrapper" style="background-color:{{transitionData.statusBtn == 'playing'?'rgba(255,255,255,0)':''}}" bind...

• 2024-11-18

191浏览

0评论

Vue 监听视频播放时长的实例代码

1、源码<template> <el-dialog class="videoBox" :title="title" :visible.sync="visible" width="40%" :before-close="handleClose" :close-on-click-modal="false" :clo...

• 2024-11-18

261浏览

0评论

微信小程序使用wx.navigateTo路由跳转层级限制问题小结

wx.redirectTo 和 wx.navigateTo 的区别wx.navigateTo作用：打开一个新页面并保留当前页面在页面栈中。页面栈限制：最多只能存在 10 层页面。如果层级超过 10 层，则无法跳转并会...

• 2024-11-18

219浏览

0评论

vue项目纯前端实现的模板打印功能示例代码

下载一个插件 npm i vue-print-nb --save在main中引入 import Print from “vue-print-nb” Vue.use(Print);在postcss.config.js里面...

• 2024-11-18

227浏览

0评论

vue前端更新后需要清空缓存代码示例

目录场景：1、配置nginx不缓存index.html2、配置vue.config.js项目webpack为js和css文件增加引用版本号3、如果是vite.config.js总结 场景：前端vue3网站项目使用wepack打包后进...

• 2024-11-18

259浏览

0评论

vue中keep-alive组件使用和一些基础配置方法

Vue中的keep-alive组件是一个抽象组件，它可以在组件切换时缓存(缓存时机可以由开发人员自定义)被缓存的组件实例以提高应用程序的性能表现。使用keep-alive组件非常简单，只需...

• 2024-11-18

171浏览

0评论

前端项目中正确插入图片的不同方法和技术

目录引言HTML 中插入图片的基本方法基本概念与作用示例一：简单的图片插入示例二：添加样式属性CSS 中控制图片的显示基本概念与作用示例三：使用CSS类控制图片样式示例四：响应式图...

• 2024-11-18

143浏览

0评论

js无后端实现点击加载查看更多（提示SEO友好度）

目录简单示例HTML部分JavaScript部分拓展优化HTML隐藏列表问题可以多次点击“查看更多”总结为了提示SEO友好度，并且避免调用后端接口给服务器造成负担，可以使用js...

• 2024-11-18

188浏览

0评论

nodejs中fs模块三种读写文件方法的使用区别

目录readFile和writeFileread和writecreateReadStream和createWriteStreamreadFile和createReadStream总结nodejs中所有与文件相关的操作都在fs模块中，而读写操作又是我们会...

• 2024-11-18

348浏览

0评论

在 React 项目中 Editable Table 的实现

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：佳岚可编辑表格在数栈产品中是一种...

• 2024-08-08

315浏览

0评论

神奇的JavaScript弱等价类型转换

JavaScript语言特性 - 类型转换JavaScript这门语言的类型系统从来没有它表面看起来的那样和善，虽然比起Java、C#等一众强类型语言，它的弱类型使用起来似乎是如此便利，但正因为...

• 2024-06-12

223浏览

0评论

vue+element-ui表格自定义列模版的实现

目录前言一、为什么要自定义表列模版？二、实现步骤1.封装表格组件2.父组件引用总结前言日前vue3项目中用element-ui表格封装一个组件，有自定义表列格式的需求，做完后顺手总结一...

• 2024-06-10

193浏览

0评论

webpack打包后index.html引用文件地址问题小结

在前端开发中，src 属性指定的相对路径是相对于当前 HTML 文件的路径，而不是相对于网站的根目录。这种相对路径的解析方式是浏览器的行为。当浏览器解析 HTML 文件中的 <script...

• 2024-06-10

217浏览

0评论

vue跳转时根据url锚点(#xxx)实现页面内容定位的方法

目录介绍一、实现原理二、代码(vue3 setup)三、演示：四、结束介绍本前端仔在做页面跳转的时候，被要求跳转到页面时候，把对应部分的内容自动滚动到顶部~我一开始想到的就是根据...

• 2024-06-10

213浏览

0评论

基于vue3+TypeScript实现一个简易的Calendar组件

目录功能分析功能实现初始化组件分析具体操作Calendar / CalendarCom.vueCalendar / CalendarMonth.vueCalendar / HeaderCom.vue小结总结功能分析目前学到功能有以下几点日...

• 2024-06-10

337浏览

0评论

vue3项目打包成apk(android)详细图文教程

目录一、打包vue3项目1、打包2、解决打包后的文件的白屏问题。二、打包成apk1、创建“5+App”项目2、打包文件移动3、生成apk文件三、生成apk附：vue项目打包时报错...

• 2024-06-10

239浏览

0评论

vue路由懒加载工作原理

Vue路由懒加载是一种优化技术，旨在减少应用程序的初始加载时间并提高性能。具体来说，它允许我们在用户实际需要访问某个路由时，才加载对应的组件代码，而不是在应用程序启动时一...

• 2024-06-10

287浏览

0评论

vue2项目使用exceljs多表头导出功能详解

目录前言一、插件安装二、数据准备三、插件引入四、导出前数据处理1、按exceljs格式创建导出函数2、表头及列宽数据预处理2.1 处理逻辑3、单元格样式处理函数4、表头数据填...

• 2024-06-10

196浏览

0评论

使用JavaScript截取视频特定帧的实现方法

目录背景1. 监听文件选择2. 捕获视频帧3. 绘制视频帧4. 实现效果结论背景在网页开发中，我们经常需要对媒体文件进行处理，其中包括视频文件。有时候，我们可能需要从视频中提取特...

• 2024-06-10

155浏览

0评论

Node+Express连接MySQL实现增删改查功能

一、在项目中安装mysql 和 expresscnpm install mysql express --save二、示例代码const express = require("express"); const app = express(); const mysql = require("m...

• 2024-06-10

331浏览

0评论

前端报错npm ERR! cb() never called!问题解决办法

目录1.问题描述1.1使用npm install后报错2.解决问题过程2.1看网上大部分的解决方式是：2.2网上还有部分的解决方式是：2.2.1如果你不幸的按照网上使用npm uninstall -g npm升级...

• 2024-06-10

177浏览

0评论

js跨域的几种解决方案

目录一、什么是跨域？二、跨域解决方案方案一：jsonp （json with padding）方案二：CORS (CROSS-Origin Resource Sharing 跨域资源共享)和跨域CORS有关的几个请求头和响应头请求头...

• 2024-06-10

188浏览

0评论

Vue图片懒加载之Vue-Lazyload的使用

目录一、什么叫懒加载二、懒加载的优点三、为什么使用懒加载懒加载原理是什么四、vue中如何实现懒加载五、js---懒加载的实现步骤？懒加载代码实现方式一：原生js方式二： getB...

• 2024-06-10

159浏览

0评论

解决JavaScript精度问题的常见方法

目录引言解决方案一、使用整数进行计算二、使用库函数三、四舍五入优缺点分析1、整数计算方法2、使用库函数方法3、四舍五入方法结论引言在 JavaScript 中，处理浮点数时经常...

• 2024-06-10

188浏览

0评论

使用JS代码实现页面添加水印的方法详解

目录一、水印概括1. 添加水印的好处2. 添加水印的坏处二、技术方案1. watermark 第三方库2. JS 简单实现水印功能三、水印功能实现1. 水印功能需求2. 功能实现3. 步骤解析3....

• 2024-06-10

174浏览

0评论

微信小程序中实现自定义Navbar方法详解

目录前言StatusBar高度TitleBar高度编写Navbar组件使用最终效果前言自定义 navbar 应该是很常见的需求。要自定义一个 navbar 并不难，只需要了解其组成部分即可。从上面的图...

• 2024-06-10

169浏览

0评论

axios对外出口API的设计方法

目录axios 的 2 种使用方式请求方法别名Axios 类Axios.prototype.request()axios.defaults/interceptors请求方法别名导出 axios如果直接导出 Axios总结本文我们将讨论 axio...

• 2024-06-10

161浏览

0评论

js实现WebSocket 连接的示例代码

目录一.WebSocket 简单介绍1.HTTP和WebSocket的区别2.WebSocket应用场景二.js使用WebSocket1.创建WebSocket实例2.属性3.方法4.事件5.使用示例一.WebSocket 简单介绍1.HTTP...

• 2024-06-10