姆姆极客分享MU·GEEK·SHARE
// ARCHIVE

全部文章

共 12 篇技术分享 · 覆盖 4 个核心方向

前端开发

3 篇

Web 前沿 · 框架 · 工程化

<App/> Provider Router Card List Page Modal // React 19 · Component Tree async data flow → Server Components

React 19 新特性深度解析:从 Actions 到 Server Components

React 19 已正式稳定,本文系统梳理 Actions、useOptimistic、use、文档元数据、Server Components 等关键更新,并给出迁移建议与避坑指南。

阅读 →
ref(state) version: 7 effectcomputedwatchrenderdeptrigger // Vue 3.5 · Reactivity Graph snapshot-based dependency tracking

Vue 3.5 响应式系统重构详解:从 ref 到 reactiveProps 的底层演进

Vue 3.5 对响应式系统做了一次"不动声色"的内部重构,本文从 ref 内存优化、props 解构响应性、SSR 改进等角度,深入解读这次升级的工程价值。

阅读 →
// CSS Container Queries @container sidebar .card (narrow) .card (wide) one component, multiple layouts by container size

现代 CSS 容器查询与子网格实战:真正组件化的布局时代

容器查询与 subgrid 已全面落地主流浏览器,本文从真实场景出发,演示如何用它们写出真正"与环境无关"的组件,并对比传统方案的差异。

阅读 →

移动客户端

3 篇

iOS · Android · 跨端

// Flutter Rendering Pipeline Build Widget tree Layout size/pos Paint Layer Composite GPU UI Thread Raster Thread frame budget · 16ms (60fps) / 8ms (120fps) jank = pipeline stage > frame budget

Flutter 性能优化实战指南:从 60fps 到 120fps 的工程路径

Flutter 应用在低端机上常出现 jank,本文从渲染管线、shader 编译、内存、isolate 等角度,给出一套可量化的性能优化方法论。

阅读 →
// SwiftUI Animation Curves 1.0 0.0 t spring easeInOut linear response · dampingFraction · interpolating values

SwiftUI 动画系统进阶:从 withAnimation 到 AnimationModifier 的底层机制

SwiftUI 的动画 API 表面上简单,但要做到"丝滑且不失控"需要对底层 transaction 与 animatable data 有清晰认知。本文从原理到实战一次讲清。

阅读 →
// Jetpack Compose · Snapshot State mutableStateOf snapshot #3 read read read recompose recompose skip write → invalidate → recompose (only if read)

Jetpack Compose 状态管理深度剖析:从 remember 到 Snapshot State

Compose 的状态系统表面上是 remember + mutableStateOf,背后其实是一套基于 snapshot 的细粒度依赖追踪。理解它才能避免 recomposition 的常见陷阱。

阅读 →

后端架构

3 篇

服务端 · 数据库 · 中间件

// Go 1.22 · Scheduler + GC P #0 runnext P #1 runq P #2 runq work-stealing GC Mark assist memory ↓ 96% (1.22) concurrent · tri-color PGO + GC + P improvements = ~10% free perf

Go 1.22 性能提升与 range-over-func 详解:从语法糖到 GC 改进的全面解读

Go 1.22 不只是 range 语法糖,背后还有 P 改进、GC 内存占用降低、PGO 默认开启等关键变化。本文系统梳理这次升级的工程价值。

阅读 →
// Node.js Stream Pipeline Readable fs / HTTP Transform async fn* Writable res / file highWaterMark backpressure drain pipeline() · auto backpressure · auto cleanup

Node.js 流式处理与背压机制深度实践:从 fs 到 web stream

Stream 是 Node.js 最被低估的能力之一。本文从 backpressure 原理出发,对比 classic stream 与 web stream,演示如何写出"既快又不爆内存"的流式服务。

阅读 →
// PostgreSQL B-Tree Index 42 17 38 71 10 15 25 36 40 58 85 ctid balanced · sorted · O(log n) · leaf → heap tuple

PostgreSQL 索引优化实战:从 B-Tree 到 BRIN 的选型与调优

索引是数据库性能优化的第一道关。本文系统梳理 PostgreSQL 七种索引类型的适用场景,并用真实案例演示 EXPLAIN ANALYZE 的解读方法。

阅读 →

游戏开发

3 篇

引擎 · 渲染 · 图形学

// Unity DOTS · Entity Component System Entity ID only Component struct data Health, Pos Velocity System BurstCompile IJobChunk ISystem has query data-oriented · cache-friendly · 10x-100x throughput

Unity DOTS 架构与 ECS 实战:从面向对象到数据导向的范式转移

DOTS 不是"写得更快的 Unity",而是"另一种思维方式写 Unity"。本文从 ECS 三件套到 System 编排,讲清楚何时该用 DOTS、何时不该用。

阅读 →
// WebGPU Render Pipeline Vertex @vertex Primitive assemble Rasterizer scan Fragment @fragment Output texture BindGroup (uniform) Buffer (vertex) Texture + Sampler explicit · typed · pre-compiled PSO · low CPU overhead

WebGPU 渲染管线初探:从 WebGL 到下一代浏览器图形 API

WebGPU 不只是"更快的 WebGL",而是一套重新设计的现代图形 API。本文从管线、绑定、着色器三个维度,演示 WebGPU 的核心心智模型。

阅读 →
// Real-time Shadow Rendering Light Object shadow (projected) techniques: PCF · VSM · CSM · RT trade-off: quality × perf × complexity light → occluder → receiver → shadow

实时阴影渲染技术深度对比:从 Shadow Map 到 Ray Tracing

阴影是真实感的灵魂。本文系统对比 Shadow Map、PCF、VSM、CSM、SDSM、Ray Traced Shadows 的原理、性能与适用场景,给出选型决策框架。

阅读 →