Runaway

前言 多行文本超过指定行数，进行文本截断并显示省略号，并通过展开和收起来控制是否显示全部内容，这个功能很常见，实现方式也有很多种，那么我来整理一下我知道的几种实现方式，代码...

超级组基于 Vue3.5 + Element-Plus 二次封装了 el-table、el-form、el-descriptions 等常用组件，通过 JSON 配置项驱动...

在 Vue3 的开发实践中，掌握高效技巧能显著提升开发效率与代码质量。以下整理了 20 个经过实战验证的实用技巧，涵盖性能优化、响应式控制、组件通信等核心场景，助你写出更优...

“Vite 不再只是构建工具，它现在要收钱了！”——尤雨溪（Evan You）在 X（原 Twitter）上宣布 Vite+（Vite Plus） 将要发布，并首次采用 “...

在前端开发中，网页截图是个常用功能。从前，html2canvas 是大家的常客，但随着网页越来越复杂，它的性能问题也逐渐暴露，速度慢、占资源，用户体验不尽如人意。 好在，现...

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是...

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮...

前言 在当前软件开发领域，Vue.js 凭借其高效、灵活和易于上手的特性，成为了前端开发的热门选择。对于需要快速搭建企业级后台管理系统的开发者而言，使用现成的 Vue 后台...

相信不少前端同学对 Chrome 扩展插件并不陌生：比如能屏蔽广告的 Adblock、自定义标签页的 Infinity 新标签页、格式化 JSON 的开发小工具、截图工具，...

现象： 我们渲染了9999条数据，由于transfer组件会一次性渲染所有数据，所以一次性渲染这么多，卡个几十秒很正常好吧。 解决transfer大数据量渲染有三种方式： ...

背景 最近做完一个小的后台管理系统，快上线了，发现一个问题，有2个select的选项框线上的数据量是1w+。。而测试环境都是几百的，所以导致页面直接卡住了，需要修复。 想了...

最近公司项目表格数据量过大导致页面加载时间非常长，而且还使用了keep-alive缓存，关闭页面时需要卸载大量dom，导致页面卡死。后来在网上查找了很多方法，发现了umy-...

因为团队规模比较小，没有专门的设计师，就尝试使用Trae + figma + MCP来优化页面样式，没想到效果超级棒，真的惊艳到我了， 非常适合没有设计师提供设计稿的小团队...

在许多 Vue 项目中，我们经常需要使用表格来展示数据。Element Plus 提供了一个功能丰富的 el-table 组件，但在某些情况下，我们可能需要对其进行二次封装...

基于vite6+vue3+vant4深度集成deepseek实现流式输出效果ai对话小助手项目Vue3-DeepSeek-Chat。...

本文介绍的是，在钉钉H5微应用中，如何调用JSAPI进行附件的上传和预览，dingtalk-jsapi版本要在3.0.27及以上...

兄弟们，今天咱们聊个前端高频痛点——怎么优雅地通知用户刷新页面！ 你说你吭哧吭哧更新了代码，结果用户还在用缓存的老页面，bug 没修成，反而被测试怼成筛子...... 别慌...

需求背景 最近也是应我一位同学的要求，给他的公司制作一个官网，那也就是拾起了一些基础的知识，搜索了一些其它的文章有实现这种效果的，但大多导航都是在侧边，然后点击导航对应的部...

浏览器缓存是优化网页加载速度的关键技术，通过存储网页资源（如HTML、CSS、JavaScript和图片等）的副本，减少对服务器的请求次数。 当用户再次访问同一网站时，对于...

前言 在Web开发中，图片处理是影响用户体验和网站性能的关键因素。前端开发者每天都要面对一系列图片相关的技术决策： 静态图片格式：选择PNG还是JPG追求更小体积？ 动态图...