大青蛙

干前端的，天天都在跟CSS打交道。以前我们写CSS，要是遇到复杂点的场景，比如“当一个卡片里有图片时，给卡片加个边框”，或者要给一长串不同的标题应用同一个样式，那代码写起来...

分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。 收藏 = 省下一个工具库 + 少写 100 行代码！ 1. ResizeObserver 精准监...

视频Banner 效果图： 贴代码： 滚屏视频 贴代码：视频Banner 效果图： 贴代码： 滚屏视频 贴代码：视频Banner 效果图： 贴代码： 滚屏视频 贴代码：...

📞 一、老板一句话，前端肝半天 那天下午，老板踱步到我工位旁，语气轻松： 我抬头看了看老板，心想：不就是个表格嘛，能有多难？ 10分钟后，微信弹出一张图： 我一看：好家伙...

对于开发人员来说，最头疼的问题可能就是如何让自己的界面变得又高级又简洁、又丝滑又不拖泥带水、又有趣又不繁杂.... 这也是我非常头疼的且至今都解决不了的问题！ 或许最好的办...

在日常业务开发里，DOM 截图 几乎是刚需场景。 但问题来了——市面上的截图工具，比如 html2canvas，虽然用得多，却有一个致命缺陷：慢！...

以下是一篇关于Vue.js高级技巧的深度技术文章，结合前沿实践和代码示例，专为进阶开发者设计，10个Vue.js隐藏技巧...

还在手写 props + emit('update:xxx') 吗？Vue 3.4 的 defineModel 把双向绑定压缩成 一行代码！从「父子通信地狱」到「秒变丝滑」...

本文介绍了使用Vue实现图片悬浮预览功能的解决方案。当鼠标悬停在左侧图片列表的某张图片时，右侧会弹出大图预览弹窗，并确保弹窗顶部与图片顶部对齐...

调用简单，传入Excle文件即可，支持后台返回或本地上传。功能包含页面渲染Excle，表格公式计算、小数点精度处理、夸表调用数据、空行兼容处理、行列合并、公式标记、样式美化...

今 天 来 实 现 一 个 可 翻 页 的 笔 记 本 📖 📚 ~ ~...

Cursor 高效使用直男指南 1️⃣ 模型选择（关键！） 关掉 Auto 模式，手动选模型！ 复杂任务：​​Claude 3.7/4.0​​（开 think 模式） 简单...

当时面试官问我：'前端跨标签页通信有几种方案？各自适用什么场景？'我大脑瞬间空白——毕竟平时只会用 localStorage 乱怼......

为了边吃炸鸡边刷剧，我写了一个开源神器 | Lazyeat Lazyeat 吃饭时看剧/刷网页不想沾油手？ 对着摄像头比划手势就能暂停视频/全屏/切换视频！...

什么是DocumentFragment？ DocumentFragment是一个轻量级的虚拟DOM容器，它独立于主文档流之外，允许我们批量操作DOM元素而不引起页面重排（r...

前端实现截图主要有以下几种方法，各有优缺点和适用场景： 使用 html2canvas 库 (最常用): 原理: 这个库通过读取 DOM 结构和应用的 CSS 样式，然后在客...

Vue实现一个“液态玻璃”效果登录卡片 效果介绍 液态玻璃（Liquid Glass）是一种极具现代感的UI视觉风格，常见于高端网站和操作系统界面。它通过多层叠加、模糊、光...

1. 为什么选择NanoID? 小巧.  118字节 (经过压缩和Brotli处理)。没有依赖。Size Limit 控制大小。 安全.  它使用硬件随机生成器。可在集群中...

在 CSS 的浩瀚宇宙中，聚光灯下的明星属性固然耀眼，但那些藏在规范角落的「小众特性」，往往才是提升开发效率的秘密武器。它们就像隐藏的工具箱，能帮我们用更少的代码实现更细腻...

✍️前言 五一假期 ，做了个视差滚动效果，本文将带你深入探索，如何用CSS+Gsap打造丝滑的视差滚动效果，无论你是前端开发者还是UI设计师，都能从中获得灵感，让你的网页在...