汐freecy

从 58MB 到 2.6MB：React 官网性能优化实战全记录 📖 目录 引言：一个触目惊心的发现 第一步：性能诊断 第二步：图片优化 - PNG 转 WebP 第三步...

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto...

今天就结合实战经验，聊聊 Vite+Vue3 生态下最主流的 5 种微前端方案，附代码示例和选型指南，看完直接抄作业～...

还在纠结大模型聊天机器人为什么能 “边说边出字”？想知道为什么这道题成了 25 年大厂面试的香饽饽？吃透 “流式输出”—— 从原理到全栈实战，让你的前端项目体验直逼 Cha...

本文介绍了前端开发中常用的高效 Chrome 插件，并通过一个 Todo 扩展示例，手把手讲解了扩展的开发流程，最后简要介绍了新一代扩展开发框架 WXT，适合想入门或进阶的...

✨利用 CSS 蒙版与 JavaScript 动态变量，实现鼠标跟随、滚轮缩放与自然闪烁的聚光灯效果。...

👉 疯狂点击分页按钮，页面数据却像抽风一样，一会儿显示第3页，一会儿又跳回第2页？ 👉 快速滑动无限滚动列表，结果数据错乱，甚至重复加载？ 这就是前端分页的竞态问题在作...

在日常开发中，我们经常会遇到这样的问题： 团队成员提交的代码风格不一致（缩进、引号、分号）。 有些低级错误（如 console.log、未使用的变量）混入了提交。 提交信息...

最近搞了个新项目，在部署的时候需要自己搞一下包、以及自己配置nginx等算不上前端要干的事。但是作为一个合格的大前端，该会还是要会，不得已只能自己硬着头皮玩一玩前端部署相关...

HTML5 Canvas 绘制一个高颜值、支持交互的事件流程图，展示从起飞到降落的完整飞行事件时间线，包含播放 / 暂停 / 重置动画控制功能。 大家复制代码时，可能会因格...

在前端领域，视频播放问题常常是让人头疼的“老大难”。最近，我就遇到了一个典型的案例，让我有机会深入剖析移动端，尤其是 iOS 设备上的视频播放兼容性问题。...

有时候我们的项目中会用到即时通讯功能，比如电商系统中的客服聊天、支付成功后的异步回调通知等。最近发现RabbitMQ可以很方便的实现即时通讯功能，如果你没有特殊的业务需求，...

🖼️ 有时候在网页上看到一些很炫酷的小动画，比如loading特效，还能控制这个动画的状态，真的觉得很神奇。 大部分做后端的不想碰前端，做前端的不想碰动画特效...

Vue3 中二次封装组件要解决的问题：props 如何穿透出去？slots 如何穿透出去 ？组件的方法如何暴露出去 ？如何让 typescript 类型完备 ？...

背景 主要是解释下Lottie动画的使用，以及如何获取资源，如何前端引入及控制他的播放 什么是Lottie Lottie 是 Airbnb 开发的一种跨平台动画格式，它基于...

前言 去年遇到的一个问题，也是非常经典的面试题了。能聊的东西还蛮多的 倒计时为啥不准 一个最简单的常用倒计时： 稍微有几毫秒的误差，但是问题不大。 原因：JavaScrip...

在 Web 开发的世界里，有这样一个字段——它每天默默地工作着，记录着用户的来源，保护着网站的安全，却因为一个历史性的拼写错误而成为了程序员们茶余饭后的谈资。它就是 HTT...

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”...

canvas 优化细节 白板方案，大部分同学第一反应，那肯定是 canvas 啊，没错，但是，可以很直接地告诉大家，canvas 方案在大 家平常小数据量的可视化场景，没太...