- 博客(680)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 网站应用微信扫码快捷登录开发指南
微信扫码登录PC网站的实现流程主要包括：1. 用户扫描PC网站生成的二维码；2. 微信服务器验证授权后通知回调接口；3. PC网站轮询获取登录状态。开发步骤：注册微信开放平台并创建网站应用，获取AppID和AppSecret；服务端实现三个核心接口（生成二维码、微信回调和状态检查）；前端显示二维码并轮询结果。关键注意事项：确保AppSecret安全、正确配置回调域、使用随机state参数防CSRF攻击，并优化用户体验处理二维码过期等情况。该方案实现了安全便捷的第三方登录功能。
2025-11-26 16:58:08
746
原创 Ant Design 6.0 正式发布：React 19 的最佳拍档，更是 AI 时代的 UI 基石
Ant Design 6.0，不仅仅是一个组件库的更新，它标志着前端开发正式迈入“AI + Server Components”的新纪元。
2025-11-24 10:57:09
794
原创 深入理解 React Compiler：下一代 React 编译器如何重塑 React 开发体验
React Compiler 不仅仅是一个编译器，它代表了 React 对开发体验的重新思考——**让开发者回归业务逻辑本身，把性能交给机器**。如果你还在为 `useCallback` 的依赖数组头疼，是时候拥抱 React Compiler 了。它不会改变你写 React 的方式，但它会悄悄让你的 App 更快、更稳、更易维护。
2025-11-10 14:44:01
761
翻译 @antfu/eslint-config集成Oxlint计划（翻译）
文章探讨了在当前配置中支持oxlint的可行性。作者认为虽然oxlint速度优势明显，但存在功能缺失、配置复杂等关键缺陷，目前尚不适合集成。未来可能通过两种方式实现：A)将oxlint作为ESLint规则运行；B)待oxlint完善后直接替代ESLint。目前建议保持现状，等待oxlint功能成熟。文章强调了一体化代码检查体验的重要性，表示将与oxlint团队合作推进兼容性适配工作。
2025-10-23 14:08:18
59
原创 现代前端救急 API 指南：20个低使用率但高价值的浏览器原生能力
现代浏览器已经内置了解决大量常见需求的强大API。从提升性能的观察器（ResizeObserver, IntersectionObserver），到增强用户体验的系统交互（Web Share, Wake Lock），再到处理复杂数据流的工具（Streams, Background Fetch），这些原生API在性能、包体积和安全性上往往优于第三方库。
2025-10-22 09:30:10
1013
原创 React v19.2版本
React 19.2带来了多项开发体验和性能优化：新增<Activity>组件用于条件渲染保留状态；useEffectEventHook解决Effect过度重执行问题；cacheSignal支持中止异步操作避免资源浪费。性能方面新增Scheduler/Components追踪轨道支持性能分析，并引入部分预渲染提升首屏加载速度。此外还优化了SSR批处理、Node.js流式渲染支持，并修复了多个已知问题。该版本聚焦状态管理优化和渲染效率提升，为开发者提供更高效的开发工具链。
2025-10-17 10:45:22
383
原创 JavaScript对象属性的动态获取与getter妙用
在JavaScript开发中，我们经常需要处理对象属性的动态获取问题。getter提供了一种优雅的解决方案，让我们能够更灵活地控制属性的访问逻辑。
2025-09-03 15:02:52
272
原创 微前端：让大型前端项目也能“分而治之“
微前端就像前端架构的"分省自治"方案，让不同技术、不同团队开发的代码能够和谐共存。选择适合自己项目的方案，可以让前端开发像组建乐高一样灵活有趣！下次当你遇到需要整合不同技术栈的项目时，不妨考虑："这个场景适合用微前端吗？"
2025-08-21 16:02:01
332
原创 Vite 的“心脏移植”：Rolldown
Rolldown 不仅是 Vite 的“心脏移植”，更代表了前端工具链向高性能语言（Rust/Go）演进的趋势。其性能提升并非单纯依赖语言优势，而是通过架构革新（如 Oxc 工具链）实现质的飞跃。建议团队在非核心项目试水，待生态成熟后全面迁移。
2025-06-20 15:19:22
579
原创 Vue3逐步抛弃虚拟Dom，React如何抉择
Vue3路线：编译时骚操作+运行时精准打击，走的是手术刀路线React路线：虚拟DOM+Fiber调度器+不可变数据，走的是坦克碾压路线
2025-05-23 09:39:03
746
2
原创 [特殊字符] React Fiber架构与Vue设计哲学撕逼实录
React这逼就像拿着手术刀做微创，Vue这货直接上精确制导导弹。架构差异本质是命令式vs声明式的哲学互殴，没有谁更好，只有谁更配你项目的菊花需求！
2025-05-20 09:52:29
433
原创 为什么在 Vite 的 esbuild 配置中移除 debugger 和 console？
在使用 Vite 构建前端项目时，开发者可能会注意到一个看似矛盾的现象：尽管 Vite 默认使用 Rollup 进行打包，但某些代码优化（如移除 debugger 和 console）却配置在 esbuild 选项中。这背后的原因是什么？
2025-05-07 10:38:48
1138
原创 前端并发请求的完整结果捕获指南
前端开发中，我们经常需要同时请求接口，当某个接口发生故障时，传统的处理方式可能会导致整个流程中断。下面介绍三种实用的并发请求处理方案，并附赠两个高级技巧。
2025-04-24 15:00:32
532
原创 JavaScript事件循环：为什么你的代码像在玩跳格子？
JavaScript 的事件循环机制虽然复杂，但通过形象化的比喻和实际代码分析，我们可以轻松理解它的运行原理。无论是日常开发还是性能优化，掌握事件循环的规则都能帮助我们写出更高效、更可靠的代码。下次看到回调函数，想象它们在排队坐过山车——VIP客户先上，普通客户耐心等待，而我们的杂技演员永远不会让盘子掉下来！
2025-03-27 11:07:46
647
原创 React + TypeScript 实战指南：用类型守护你的组件
TypeScript 为 React 开发带来了强大的类型安全保障，这里解析常见的一些TS写法
2025-03-05 09:18:46
803
原创 关于“前端已死”的命题
正如独孤求败从“利剑期”到“木剑期”的进化，前端开发者需超越框架之争，在工程体系构建、性能优化等深度领域建立护城河。市场调整淘汰的是低水平重复劳动者，对掌握核心竞争力的工程师而言，Web 生态仍是广阔天地。
2025-02-11 18:28:26
480
原创 深入理解 React 中 setState 的行为及状态更新时机
在 React 开发中，`setState` 是我们更新组件状态的核心 API。然而，`setState` 的行为因调用场景的不同而有所变化，这可能会让许多开发者感到困惑。特别是在 React 18 中，引入了自动批量更新机制，使得部分场景的行为发生了变化。本文将结合 React 17 和 React 18 的特性，对 `setState` 的行为和状态更新时机进行详细分析。
2025-01-06 09:15:20
1196
原创 使用 `Node.contains()` 判断元素包含关系
在前端开发中，我们经常需要判断一个元素是否包含另一个元素，尤其是在处理 DOM 操作时。这时，`Node.contains()` 方法是一个非常实用的工具。
2024-12-17 09:14:55
774
原创 解析Reflect
Reflect 是 ES6 引入的一个内建对象，提供了一些用于操作对象的静态方法，这些方法通常与 Proxy 配合使用，简化了对象操作的代码。Reflect 主要的作用是作为一组更加标准化和一致的方式来执行常见的对象操作，比如获取属性、设置属性、删除属性等，尤其是在使用 Proxy 时，它提供了一种更加优雅的方式来执行默认的行为。
2024-11-19 09:26:50
790
原创 ESM 与 CommonJS：JavaScript 模块化的两大主流方式
在 JavaScript 开发中，模块化是一个重要的概念，它可以帮助我们将代码组织得更加清晰、可维护。模块化允许我们将复杂的应用拆分成多个小的、独立的部分，每个部分可以被单独开发、测试和调试。ESM（ECMAScript Modules） 和 CommonJS 是当前 JavaScript 中最流行的两种模块化方式，理解它们的差异，对于前端和后端开发者来说都至关重要。
2024-11-11 09:26:24
1172
原创 使用 Nzh 进行阿拉伯数字与中文数字的转换
在编程中，我们常常需要处理数字的显示和转换，尤其是在需要将阿拉伯数字转换为中文数字的场景下，Nzh 是一个非常实用的工具。它不仅支持简单的数字转换，还包括科学记数法、金额格式化和自定义单位等多种功能。本文将详细介绍 Nzh 的安装、使用方法和 API。
2024-11-04 09:17:57
710
原创 重磅！WebStorm 个人版免费开放：JetBrains 为个人开发者带来福音
2024 年 10 月 24 日，程序员节这天，JetBrains 宣布了一项让开发者欣喜的消息：WebStorm 个人版全面免费开放供非商业用途使用。
2024-10-28 09:07:10
2251
原创 深入理解 Vue 3 的 `＜Teleport＞` 组件
在 web 开发中，良好的组件结构对于功能性和可维护性至关重要。Vue 3 提供了一个强大的功能——`` 组件，它允许你将组件模板的一部分“传送”到 DOM 中的其他位置。这在保持组件逻辑相关的同时，确保其在视觉层级中正确渲染时尤其有用。
2024-10-24 09:06:47
700
原创 Vue 3.3 新增宏函数：`defineOptions` 和 `defineSlots` 简介
Vue 3.3 引入了两个非常实用的新宏函数：`defineOptions` 和 `defineSlots`。这些函数让我们可以在使用 Vue 组件时写出更简洁、更高效的代码。
2024-10-22 09:50:52
771
原创 Vue 3 中 `setup()` 函数与 `＜script setup＞` 的本质区别
随着 Vue 3 的发布，组合 API 为开发者提供了更灵活的组件逻辑组织方式。其中，`setup()` 函数和 `` 语法是两个核心概念。
2024-10-21 09:30:07
707
原创 探讨Node.js生态中的npm与npx工具
在Node.js生态中，npm和npx是两个重要的工具，它们的功能虽然有所重叠，但使用场景却不同。理解它们的区别可以帮助开发者更高效地管理项目依赖与执行工具。
2024-10-18 09:27:46
530
原创 探索 JavaScript 中的 AbortController API：不仅仅是中断 HTTP 请求
在 JavaScript 中处理异步操作时，通常需要灵活的控制机制来中止任务。AbortController API 提供了一个强大且通用的方式来终止异步操作，不仅可以中断 HTTP 请求，还可以应用于多种异步任务，如事件监听、流操作等。在本文中，我们将详细探讨 AbortController 的使用场景、AbortSignal 的静态方法、事件处理中的中止机制，以及在实际开发中的一些最佳实践。
2024-10-17 09:04:54
1431
原创 深入比较 `@microsoft/fetch-event-source` 与 `event-source-polyfill`
本文将详细介绍两个常用库：`@microsoft/fetch-event-source` 和 `event-source-polyfill`，并对它们的异同进行深入比较，以帮助开发者选择最适合自己项目的方案。
2024-10-16 09:17:29
2766
原创 为什么 React 和 Vue 不采用像 Svelte 那样的编译方式？
探索为什么 React 和 Vue 不采用像 Svelte 那样的编译方式
2024-10-08 15:53:42
984
原创 对比 Babel、SWC 和 Oxc：JavaScript 和 TypeScript 工具的未来
随着现代前端开发的快速演变，JavaScript 和 TypeScript 的工具链不断更新，以满足开发者对性能和效率的需求。我们将对比三款流行的工具：Babel、SWC 和 Oxc，重点分析它们的特点、性能、应用场景以及适用性。
2024-10-08 08:58:05
3329
原创 Webpack 4 优化指南：提升构建性能与加载速度
在以前的前端开发中，Webpack 是为不可或缺的构建工具，而且有大量的项目是使用Webpack4 ，然而，随着项目规模的扩大，构建时间和包体积可能会成为瓶颈。本文将探讨一些有效的优化策略，帮助提升 Webpack 4 的构建性能和加载速度。
2024-09-26 09:28:07
999
原创 Babel 简介与常用库
Babel 是一个广泛使用的 JavaScript 编译工具，旨在将现代 JavaScript 代码（如 ES6+ 语法）转换为向后兼容的代码，以便能够在不支持新特性（如老版本的浏览器）上运行。
2024-09-24 09:26:00
1216
原创 浅谈 React Fiber
React Fiber 是 React 为了提升性能和用户体验而引入的一项重要技术。通过将渲染任务分解成更小的单元，React 可以更好地控制渲染过程，实现更流畅、更灵活的 UI 更新。
2024-09-11 08:53:39
636
原创 React（v18）事件原理
新版 React（v18） 改进了事件处理的顺序，使其更符合浏览器的标准事件流。这意味着事件处理会更准确地按照捕获和冒泡阶段来执行，并且在初始化阶段会更高效地绑定事件。这样做的好处是可以更一致地模拟浏览器的事件行为，确保事件处理的顺序和效果更加可靠。
2024-09-10 09:00:10
589
FFmpeg+nginx.rar
2020-10-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人