偶尔搞搞前端

2026-08-18andy阅读(30)

在现代前端开发中，构建工具的选择直接影响着开发体验和项目性能。Vite 自 2020 年由尤雨溪发布以来，凭借其极快的冷启动速度和即时热更新能力，迅速成为前端构建工具的主流选择。本文将深入剖析 Vite 的底层工作原理，并通过实战演示自定义...

2026-07-25andy阅读(91)

在前端面试和日常开发中，”事件循环（Event Loop）”是被问到频率最高的概念之一。然而，很多开发者只是背诵了”宏任务先执行，微任务后执行”这样的口诀，却并不真正理解它的工作原理。当你遇到...

2026-07-20andy阅读(99)

React 19 新特性全面解析：从 Actions 到 Server Components 的实战指南 React 19 作为 Meta 开源前端框架的最新大版本，带来了大量令人兴奋的新特性和 API 改进。无论你是 React 的老手还...

2026-07-15andy阅读(141)

一、什么是 Module Federation？ Module Federation（模块联邦）是 Webpack 5 提供的一项革命性功能，它允许 JavaScript 应用在运行时动态加载另一个应用的代码模块。简单来说，它让微前端架构从...

2026-07-10andy阅读(119)

引言：前端状态管理的三十年战争 前端状态管理是一个永不过时的话题。从早期 jQuery 时代的手动 DOM 操作，到 MVC 框架的兴起，再到 Flux 架构的提出和 Redux 的一统天下，最后到今天百花齐放的 Zustand、Jotai...

2026-07-05andy阅读(144)

引言：CSS 的黄金时代 过去几年，CSS 经历了一场静默的革命。长期以来被视为”声明式样式语言”的 CSS，正在快速进化为一门拥有完整逻辑能力的布局与交互语言。Container Queries（容器查询）、:ha...

2026-06-25andy阅读(171)

前言：前端性能的新标杆 在当今互联网环境下，用户体验与网站性能息息相关。Google 将 Core Web Vitals 作为搜索排名信号以来，前端开发者比以往任何时候都更关注性能指标。2024年至2025年间，Lighthouse 评分标...

2026-06-21andy阅读(156)

在现代前端开发中，页面布局方案经历了从table到float、再到Flexbox的演进。CSS Grid作为二维布局的终极方案，能够同时控制行和列，让复杂的页面布局变得简洁而直观。本文将通过实际代码示例，带你掌握CSS Grid的核心用法和...

2018-01-30andy阅读(3774)评论(0)

使用JavaScript实现鼠标拖拽批量勾选CheckBox 最近工作里要做一点流程审核的事，审核的业务表单上有很多checkbox需要勾选，一个一个点非常麻烦，但是又不能简单加个全选或者全不选，因为实际情况确实就是有的要选有的不要选，但是...

2018-01-16andy阅读(4867)评论(0)

如何使用JavaScript获取html中图片的像素值 原理就是借助canvas对象，首先获取图片的img标签对象，然后通过canvas load这个对象，最后通过canvas的api获得像素和通道信息 代码 <!DOCTYPE ht...