前端开发 on PlumePHPhttps://plumephp.com/tags/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/Recent content in 前端开发 on PlumePHPHugozh-CNThu, 08 Oct 2026 00:34:00 +0800微前端架构：组合、隔离与独立部署https://plumephp.com/architecture-micro-frontends/Thu, 08 Oct 2026 00:34:00 +0800https://plumephp.com/architecture-micro-frontends/微前端架构的工程实践：要解决的问题与适用边界、构建时与运行时两种集成方式的取舍、Module Federation 与微应用方案对比、JS 沙箱与 CSS 隔离机制、路由归属与状态共享原则、独立部署与版本回滚、可用性兜底，以及常见反模式与必须接受的真实代价。前端与移动端 RUM：Web Vitals、会话与用户体验监控https://plumephp.com/observability-frontend-rum/Wed, 30 Sep 2026 12:00:00 +0800https://plumephp.com/observability-frontend-rum/深度讲解前端与移动端真实用户监控（RUM）工程实践：Web Vitals 核心指标（LCP/INP/CLS）与计算方式、Performance API 与导航/资源计时采集、长任务与错误采集（Source Map 还原）、会话与采样、隐私合规、移动端 App 监控，以及前后端指标关联定位。ClojureScript 全栈开发：reagent、re-frame 与 shadow-cljs 实战https://plumephp.com/clojurescript-re-frame-fullstack/Sat, 26 Sep 2026 11:00:00 +0800https://plumephp.com/clojurescript-re-frame-fullstack/深入 ClojureScript 全栈开发：reagent 的函数式 React 封装与 Hiccup 语法、re-frame 单向数据流事件循环、effects/coeffects 副作用建模、reg-event-fx/reg-sub 订阅体系、与 Ring/reitit 后端的 API 通信，以及 shadow-cljs 构建配置与 CLJC 代码共享，附完整可运行的全栈 CRUD 示例。API 设计与 BFF 层：REST、GraphQL、tRPC 选型与前后端协作https://plumephp.com/api-design-bff-layer/Thu, 13 Aug 2026 11:20:00 +0800https://plumephp.com/api-design-bff-layer/系统性 API 设计与 BFF（Backend for Frontend）实践：RESTful API 设计规范（HTTP 方法/状态码/资源命名/分页/版本控制）、HATEOAS、OpenAPI 规范与自动化（生成客户端/文档/Mock）、GraphQL 类型系统与查询优化（N+1/DataLoader/缓存）、tRPC 端到端类型安全、tRPC 路由与中间件、BFF 架构设计（职责边界/API 聚合/权限转发）、前后端协作模式（契约测试/API First/Mock Server）、API 版本化策略与平滑迁移、gRPC-Web 在浏览器场景的应用。附 Node.js/Go 实战。Vue 详解：渐进式框架的核心概念与响应式系统https://plumephp.com/vue/Sat, 01 Aug 2026 08:00:00 +0800https://plumephp.com/vue/Vue.js 是渐进式 JavaScript 框架，以声明式渲染、响应式系统和组件化架构著称。本文系统讲解 Vue 3 的核心概念：Options API vs Composition API、响应式原理（Proxy + ref/reactive）、模板语法、计算属性与侦听器、生命周期、Teleport/Suspense、以及 Vue 与 React/Angular 的对比选型。TypeScript 详解：JavaScript 的超集与现代前端开发的类型基石https://plumephp.com/typescript/Sat, 22 Nov 2025 09:00:00 +0800https://plumephp.com/typescript/TypeScript 是什么？本文系统讲解 TS 的核心概念：静态类型系统、接口与类型别名、泛型、类型推断、编译配置，以及为什么现代前端项目应该选择 TypeScript。React 详解：声明式 UI 与组件化开发的现代前端基石https://plumephp.com/react/Fri, 21 Nov 2025 06:00:00 +0800https://plumephp.com/react/React 是什么？本文系统讲解 React 的核心概念：JSX、组件化、Hooks、虚拟 DOM、生命周期，以及函数组件与类组件的演进历史。还会介绍 React 18+ 并发特性、Server Components 预览和 React 生态方向，帮你判断项目是否该用 React。Birdor 商业计划书第三十二章：前端工具页架构https://plumephp.com/birdor-frontend-tool-page-architecture/Sat, 15 Nov 2025 00:32:31 +0800https://plumephp.com/birdor-frontend-tool-page-architecture/设计 Birdor 的前端工具页架构，覆盖页面模板、编辑器组件、输入输出处理、错误提示系统、相关工具推荐、SEO 内容策略、隐私说明、埋点体系和组件复用机制。