林恒

摘要： 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 效果图 瀑布流布局原理 瀑布流布局（Waterfall Layout）是一种等宽不等高的多列布局方式，视觉上元素像瀑布一样逐列填充。核心原理： 等宽多列：将容器划分为多个等宽的列。 动态填充：元素按顺序优先插入当前高度最短的列，保证布局紧凑。 阅读全文

摘要： 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 CSS Grid 布局（网格布局）是 CSS 中一种强大的二维布局系统，它彻底改变了我们构建网页布局的方式。与传统的布局方法（如浮动、定位或 Flexbox）相比，Grid 提供了更直观、更灵活的方式来创建复杂的网页布局。 一、Grid 布局的 阅读全文

摘要： 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 该代码的主要功能是生成一个图形验证码，并将其绘制在HTML的<canvas>元素上。验证码由4个随机数字组成，背景和文字颜色随机生成，且文字有一定的旋转角度，增加了识别的难度。 核心逻辑： useImageVerify：这是一个Vue 3的Co 阅读全文

摘要： 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前端监控主要分三个方向 前端性能（用户体验优化） 异常监控 业务指标跟 下面我来分别介绍三类指标如何获取 1）前端性能指标： 一、用户体验相关的： 页面加载时间（Page Load Time） ： 定义：从用户请求页面到页面完全加载的时间。 测 阅读全文

摘要： 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 背景简介 在前端项目开发中，我们常常会遇到这样一种情况：项目中引入了某个第三方库，但它没有提供内置的 TypeScript 类型声明。此时，如果你在 TypeScript 项目中直接使用这个库，编译器就会报错。 也许你很聪明，知道在项目中的sh 阅读全文

摘要： 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 写在前面 我最开始是用 Angular 去实现了B站的 Banner ，那时候还没有人做这东西，可以看到下面那一长串 Bannet 图片的第一个图是好几年以前的了。然后随着逐步完善，在这几年偶尔也看到有人发过这东西的实现方法。 但我为什么要写这 阅读全文

摘要： 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 解构赋值是 JavaScript 中最受欢迎的特性之一，它让数据提取变得简洁优雅。但看似简单的语法糖下，隐藏着十个高频「陷阱」。本文结合代码示例与原理分析，带你逐一避坑！ 一、解构未定义对象：空值引发的致命错误 ❌ 典型错误 javascrip 阅读全文

摘要： 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 需求 首先列举一下需要拦截的行为，接下来我们逐个实现。 浏览器前进后退 标签页刷新和关闭 路由跳转 1、拦截浏览器前进后退 这里的实现是核心，涉及到大量 History API 的理解，如果不太了解可以先看一下这两个文章： 拦截浏览器后退方法附 阅读全文

摘要： 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 你有没有在写前端的时候，突然迷糊了： 为啥这张图片能直接 src="https://xxx.jpg" 就能展示？ 为啥有时候图片是乱七八糟的一串 Base64？ 有的还整出来个 Blob，看不懂但好像很高级？ 有时还来个 ArrayBuffer 阅读全文

摘要： 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 以下详细介绍 import.meta.glob 的使用： 1. 参数详解 import.meta.glob( pattern, // 匹配模式：字符串或字符串数组 { eager?: boolean, // 是否同步导入 import?: st 阅读全文