CodeNodeX AI
注册写作
首页/分类/Web 开发

Web 开发

Next.js、React、TypeScript、前端工程化

专题

本专题收录 Web 开发 方向的文章和社区讨论，重点关注真实工程场景、工具选择、实践路径和风险边界。

页面会持续更新，适合作为学习路线、选型参考和技术复盘入口。

@admin·5 分钟阅读·Web 开发

TypeScript 异步编程与迭代器

async/await 只是开始——for await of、AsyncIterator、生成器这些进阶异步能力能优雅处理流式数据。本文讲清 JS/TS 异步进阶:Promise 组合、async 迭代器(for await)、生成器、AbortController 取消、并发控制(p-limit),让异步代码既优雅又可控。

#AI #TypeScript♥ 560 评论
@admin·3 分钟阅读·Web 开发

REST API 分页设计:offset vs cursor

分页看着简单,做错就慢、漏数据、翻不动。本文讲清两种分页:offset(简单但有性能与一致性坑)vs cursor(高效稳定但实现复杂)、各自适用、无限滚动的实现、以及分页要返回的元数据(total/hasMore/cursor),让你的 API 分页既快又稳。

#TypeScript #DevOps♥ 580 评论
@admin·5 分钟阅读·Web 开发

React 测试策略:从单元到 E2E

测试 React 不是"什么都测",而是"测对的东西"。本文讲清 React 测试金字塔:什么该单测(工具函数/hooks)、什么该组件测(用户交互)、什么该 E2E(关键流程),工具选型(Vitest/Testing Library/Playwright),以及"测行为不测实现"的核心原则。

#React #TypeScript♥ 600 评论
@admin·4 分钟阅读·Web 开发

CSS 架构模式:BEM、CSS Modules 与 CSS-in-JS

CSS 一多就乱:命名冲突、全局污染、优先级战争。本文讲清几种主流 CSS 架构模式:BEM(命名约定)、CSS Modules(局部作用域)、CSS-in-JS(styled-components/emotion)、以及 Tailwind/原子 CSS 的崛起,各自适用与怎么选。

#React #TypeScript♥ 610 评论
@admin·3 分钟阅读·Web 开发

WebSocket 与实时 Web 应用

聊天、协作、推送、实时仪表盘——HTTP 做不好"服务端主动推"。本文讲清 WebSocket 的原理、何时该用它(vs SSE vs 轮询)、连接管理(重连/心跳/鉴权)、广播与房间、扩展(多实例下用 Redis pub/sub),以及常见的实时架构选型。

#Next.js #TypeScript♥ 640 评论
@admin·4 分钟阅读·Web 开发

SSO 与 OAuth 2.0 实战

认证授权是每个产品的基础,但 OAuth/OIDC/JWT/Session 的关系很多人没理清。本文讲清现代 Web 认证:Session vs JWT、OAuth 2.0 授权流程、OIDC(认证层)、SSO 实现、token 存储与安全,让你不再被这套概念绕晕。

#React #DevOps♥ 670 评论
@admin·4 分钟阅读·Web 开发

GraphQL 生产实践与陷阱

GraphQL 灵活强大,但上生产有一堆坑:N+1 查询、复杂查询攻击、缓存难、鉴权粒度。本文讲清 GraphQL 生产要点:DataLoader 解决 N+1、深度/复杂度限制、持久化查询、缓存策略、鉴权,让你享受 GraphQL 的灵活而不踩雷。

#Next.js #TypeScript♥ 680 评论