勇敢牛牛 - Demo Site

Range API 完全指南：精确控制文档片段的 10 个实用技巧

2025-11-10

前端开发

JavaScript

/

DOM

/

Range API

/

Selection

/

富文本编辑

Range API 允许精确控制 DOM 中的文本和节点片段。本文通过 10 个实用示例，详解如何使用 Range 实现光标操作、文本选择、高亮、批注等富文本编辑功能。

1864 字

|

9 分钟

Webpack 5 Module Federation 完全指南：微前端架构的革命性方案

2025-11-10

前端工程化

Webpack

/

Module Federation

/

微前端

/

模块联邦

/

Webpack 5

Module Federation 是 Webpack 5 引入的革命性特性，允许 JavaScript 应用在运行时动态加载其他应用的代码。本文详细介绍配置方法、核心概念、高级用法和实战场景。

3041 字

|

15 分钟

Webpack Plugin 开发完全指南

2025-11-04

前端工程化

Webpack

/

前端工程化

/

Plugin

/

JavaScript

深入理解 Webpack Plugin 的工作原理、生命周期钩子，以及如何开发自定义 Plugin

2077 字

|

10 分钟

前端面试知识点总结

2025-11-03

面试准备

前端面试

/

HTML

/

CSS

/

JavaScript

/

浏览器

/

缓存

整理常见的前端面试题和知识点，涵盖 HTML、CSS、JavaScript 等核心内容

2322 字

|

12 分钟

window.matchMedia() - 在 JavaScript 中检测和监听 CSS 媒体查询

2025-11-03

Web 开发

JavaScript

/

Web API

/

响应式设计

/

媒体查询

深入了解 window.matchMedia() API，学习如何在 JavaScript 中检测和响应 CSS 媒体查询的变化

1036 字

|

5 分钟

前端跨页面通信完全指南

2025-11-03

Web 开发

JavaScript

/

Web API

/

跨页面通信

/

BroadcastChannel

/

SharedWorker

/

localStorage

深入探讨前端跨页面通信的多种实现方式，包括 localStorage、BroadcastChannel、SharedWorker 等技术方案及其应用场景

2478 字

|

12 分钟

前端页面水印实现与防篡改方案

2025-10-31

前端安全

/

JavaScript

/

Canvas

/

Shadow DOM

详解前端全屏水印的多种实现方式以及完整的防篡改策略

3113 字

|

16 分钟

常见手写面试题

2025-10-29

前端面试

JavaScript

/

面试

/

手写题

前端常见手写面试题汇总，包含 Promise、防抖节流、深拷贝、call/apply/bind、柯里化等核心实现

4175 字

|

21 分钟