Su先生

一、为什么需要判断用户离开页面？ 在现代 Web 应用中，用户离开页面的行为触发的场景包括： 切换浏览器标签页 / 最小化窗口（页面不可见） 关闭标签页 / 浏览器 导航到...

打造一个功能强大的 Web 终端：基于 Vue 3 和 Xterm.js 的实践 项目介绍 🔗 在线预览 (仅前端界面预览，需要本地启动后端服务才能体验完整功能) 🔗 ...

实现的效果: 核心设计原则 四个要点：Web安全、高可用、易拓展和性能 站得高才飞得远，怎么在众多markdown渲染库和清理恶意 HTML的库中技术选型呢？ 清理恶意 H...

为什么“敢做低代码，不敢碰Vue源码”？本文将围绕“幸存者偏差与分层现实”和“分层逃生 vs 全量通关”这两个核心观点，说明其中原因。...

你给一家在线教育平台做「课程视频批量上传」功能。 需求听起来很朴素：讲师后台一次性拖 20 个 4K 视频，浏览器要稳、要快、要能断网续传。 你第一版直接 <input t...

从业务中抽离独立 npm 包，讲述如何设计组件通信方案、数据管理、目录规范方案，优化包的性能，使用 Vite 工具打包发布npm管理...

本文使用 View Transition API 实现 Element-Plus 主题切换动画，通过 CSS 变量和动态 clip-path 实现点击扩散效果。...

本文主要介绍虚拟Swiper的思想，用于解决swiper组件渲染大量swiper-item造成渲染性能差的缺陷。...

果然不出我所料，需求变了，变了...... 用户想自由设定某一块文本内容的样式还需要提供打印功能。...

本文带你全方位了解 xterm.js 的强大功能，从项目背景、核心优势到实际接入方法，手把手教你快速上手这个前端终端神器，助你打造属于自己的 Web Shell...

在现在前端工程化日趋成熟的背景下，为了更好的利用浏览器http缓存，仅使用构建工具的默认分包策略远远是不够的，这就需要我们进行手动分包，具体如何分包这是值得我们去仔细琢磨的...

监听元素变化是一种非常常见但经常被忽视的需求。**从响应式布局、动画触发、内容同步、懒加载，到可视化组件自适应**，一个共同的问题摆在我们面前：“元素变了，我必须马上知道！...

1️⃣ 永远点不到的幽灵按钮 效果描述：按钮会跟随鼠标指针，但始终保持微妙距离 2️⃣ 极简黑客帝国数字雨 代码亮点：仅用 20 行代码实现经典效果 运行建议：按下 F11...

停车场管理系统 前言 ​ 本期项目是停车场管理系统，主要包括数据监控大盘、车辆管理、黑名单管理、停车管理、车位管理、预约管理、日志管理、用户管理、角色管理。尽可能的把停车场...

Hey, 我是 沉浸式趣谈 本文首发于【沉浸式趣谈】，我的个人博客 https://yaolifeng.com 也同步更新。 转载请在文章开头注明出处和版权信息。 如果本文...

💡《我用纯JS撸了个3D轮播图，同事以为我偷偷用了Three.js！》 最近在重构公司官网时，产品经理甩过来一个需求："做个有空间感的轮播图，要那种一眼惊艳的效果"。原本...

Anime.js 作为一款轻量级的 JavaScript 动画库，以其简单而强大的功能，为开发者提供了丰富的动画创作可能性。...