木灵鱼儿_前端

前两天，一个朋友在群里问：“我的 BFF 服务（Backend For Frontend）老是被打挂，Redis 明明好好的，接口偶尔就开始 504，是不是 teledb ...

🚀 Vue3组件二次封装终极指南：动态组件+h函数的优雅实现 📋 前言 在Vue3项目开发中，我们经常需要对第三方UI库（如Element Plus、Ant Desig...

js 原生的数字计算是一个令人头痛的问题，最常见的就是浮点数精度丢失。 在金额计算的场景中出现这种问题是很危险的。...

背景： 之前在做需求的时候，产品有提到一个bug，说是在某些情况下不应该触发外部滚动条滚动，例如鼠标在气泡框的内部就不能产生外部滚动条滚动，这样会影响用户的体验 原效果： ...

Hashids 是一个开源的、轻量级的库，它能够将一个或多个整数转换成短小、唯一且不可预测的字符串（哈希）。尽管 Hashids 被称为“加密”工具，但实际...

在项目中，我优化了发版流程，实现了打包自动更新版本号、页面自动展示版本和 commitId，让版本管理更清晰、更可追溯。...

前言 在我们的日常工作中，会议投屏是必不可少的环节。但常见的投屏方式要么需要安装专门的软件，如钉钉、腾讯会议等，这些软件不仅占用系统资源，还频繁弹出广告，严重影响会议的流畅...

效果图 原理 根据传入字符串，生成 svg 头像。 小案例 应用 这个功能主要是应用在了我的聊天室里面，根据不同的昵称，随机生成个人头像。 聊天室地址...

大文件上传崩了？重复传占空间？还怕恶意文件搞事情？这篇全解决！带阿里云 OSS 实战代码，拆分片上传 3 步流程，附 MD5 重复校验、文件防毒技巧，后端文件存储避坑指南，...

我来介绍一个非常神奇的前端功能：轻易地将文本、视频，还是炫酷的动态内容，统统都能“飞”起来。任何 HTML 内容都能实现画中画模式，...

在现代前端开发中，polyfill是确保代码在不同浏览器中兼容性的重要手段。传统的polyfill解决方案通常是在构建时解析JavaScript代码，通过检测特定方法调用来...

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

sass 和 sass-embedded 是不同的软件包，虽然用法和发行版本都是一样的，但却有本质区别...

支付宝终端技术团队推出并开源了 FluidMarkdown —— 一款专为智能化业务场景打造的移动端原生 Markdown 渲染库。...

“还在为 Vue 动画卡顿掉帧烦恼？只需 3 行代码，让你的元素切换丝滑到飞起！🚀” 今天给大家安利一个我最近发现的宝藏 Vue 组件——vue-flip-motion！...

说到 WebSocket，很多人第一反应就是**「又爱又恨」**。爱的是它够快，恨的是出了问题压根没法看。 Network 面板刷一次丢一次，想抓个包得把页面刷新到怀疑人生...

作为一个深耕 `Vue 3 + Vite` 的开发者，我为什么把`“全家桶”`全扔了？ 曾经的我： * `pinia` 管全局状态 * `vue-router` 管路由 *...

之前项目里需要加入语音输入的功能，在 UI 上需要参考微信做一个随音量变化而跳动的音频 WaveView。找了很久，没有找到特别好的，于是自己实现一个。 效果比业界大多数的...

双 Token 认证机制：从原理到实践的完整实现 在现代 Web 应用中，用户认证是保障系统安全的核心环节。随着前后端分离架构的普及，传统的 Session 认证方式逐渐被...

高效前端开发：使用 unplugin-auto-import 实现依赖自动导入 🔍 开发痛点分析 在日常前端开发中，我们经常遇到以下困扰： 重复导入常用模块 - 如 da...