Su先生

基于Google MidiaPipe 手势识别模型的前端交互实现.附带俄罗斯方块案例,通过手势控制操作.此案例通过electron框架构建,可编译跨平台应用...

```js // 图片转换成base64 function getBase64Image(imgUrl, callback) { const imgDom = new Im...

女朋友做广告策划，每天要从海量网站和素材中摘抄文案。微信或飞书截图都有 OCR，但她总要“切微信/飞书 → 识别 → 复制 → 切回浏览器”，来回折腾好麻烦，经常被打断思路...

无需UI库，50行CSS实现超丝滑弹性标签导航！本文分享Vue3 + CSS3贝塞尔曲线打造像橡皮筋一样弹动的导航栏，点击上弹、滑动回弹，效果惊艳。代码简洁，拿来即用，适用...

还在为浏览器功能受限而苦恼？90%的开发者甚至不知道这些强大的API已经悄然改变了Web开发的游戏规则！...

一、为什么需要判断用户离开页面？ 在现代 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缓存，仅使用构建工具的默认分包策略远远是不够的，这就需要我们进行手动分包，具体如何分包这是值得我们去仔细琢磨的...

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