这里是全站文章的归档入口,下面是按时间倒序排列的全部文章。若想按主题浏览,请从首页的专题分类进入。
前端 Bundle 分析与优化:从体积到执行时长的全链路
现代前端应用的性能瓶颈往往不在网络延迟,而在于 JavaScript Bundle 本身的体积与执行效率。一个未经优化的 Bundle 可能让首屏加载时间从 1 秒暴增至 5 秒以上。
posts
这里是全站文章的归档入口,下面是按时间倒序排列的全部文章。若想按主题浏览,请从首页的专题分类进入。
现代前端应用的性能瓶颈往往不在网络延迟,而在于 JavaScript Bundle 本身的体积与执行效率。一个未经优化的 Bundle 可能让首屏加载时间从 1 秒暴增至 5 秒以上。
引言:堆内存的演进之路 在 Linux 系统中,当程序请求一块内存时,操作系统并不会直接暴露物理页。相反,一个复杂的分配器层次逐步将大块虚拟地址空间切割成程序所需的小块。从用户态的 到底层的 / ,再到内核的 slab/slub 分配器,每一层都在性能、碎片率与并发能力之间做出权衡。
构建工具的选型直接决定了前端开发的效率上限。Webpack 在过去十年里统治了打包生态,而 Vite 凭借原生 ESM 的方案彻底改写了开发体验。如果你正考虑在 Hugo 站点或前端项目中进行迁移,这篇文章将帮助你理解两者的本质差异、迁移路径以及潜在的坑。
中断(Interrupt)是操作系统最核心的机制之一。无论是键盘输入、磁盘 I/O 完成,还是定时器到期,系统都依赖中断来打破 CPU 的顺序执行流,让内核能够及时响应外部事件。理解中断的完整链路——从硬件信号到内核处理,再到 Linux 的下半部机制——是掌握操作系统底层原理的关键一步。
WebRTC 是什么 WebRTC(Web Real-Time Communication)是一组开源的浏览器 API 与协议标准,允许在不需要任何插件的情况下,直接在浏览器之间建立点对点(Peer-to-Peer)的实时音视频通信和数据传输。
WebAssembly(简称 WASM)自 2017 年诞生以来,已经从浏览器端的高性能计算扩展到了服务器、边缘计算乃至区块链等多个领域。本文将从实战角度出发,深入讲解 WASM 的核心机制、构建流程、JavaScript 互操作以及真实落地场景,帮助你掌握在浏览器中释放原生级性能的关键技术。
Vue 的响应式系统是其最核心的设计之一,也是它区别于传统模板引擎的根本特征。Vue 2 使用 实现响应式,而 Vue 3 全面拥抱 ,不仅解决了诸多历史痛点,还带来了更灵活的扩展能力。本文从源码级角度深入解析 Vue 3 响应式系统的完整链路。
大语言模型(LLM)推理服务的扩展性瓶颈,往往不在计算吞吐量,而在 GPU 显存。传统推理框架将 KV Cache 以连续张量形式预分配,造成大量内存浪费,导致 batch size 被严重限制。
Vite 问世以来彻底改变了前端开发体验。这篇文章将深入其内部实现,拆解从依赖预构建到热更新、再到生产打包的完整链路。一、为什么 Vite 能解决 webpack 的慢启动问题 传统 webpack 在 dev 模式下会执行完整的打包流程:解析入口、递归依赖图、应用 loader、构建 chunk。
TypeScript 的类型系统远不止于给变量加上 或 。当你把类型本身当作一门函数式编程语言来使用时,便进入了类型体操的领域。本文将从实际需求出发,系统梳理 TypeScript 类型层面的高级工具,帮助你在不引入运行时开销的前提下,把类型安全推到极限。
TypeScript 在大型项目中的类型检查性能问题,往往不会在一夜之间爆发,而是随着代码量累积逐渐侵蚀开发体验。从最初的秒级编译,到后来执行 需要泡一杯咖啡才能回来,背后的元凶通常不是单一因素,而是类型复杂度爆炸、声明文件膨胀和项目结构不合理共同作用的结果。
大语言模型(LLM)的推理部署是 AI 基础设施的核心挑战之一。随着模型参数量从数十亿增长到数千亿,如何在保证低延迟和高吞吐的前提下高效运行这些模型,成为生产环境的必答题。NVIDIA 推出的 TensorRT-LLM 正是为了解决这一痛点而诞生的专用推理框架。
1. TensorRT 简介 TensorRT 是 NVIDIA 推出的高性能深度学习推理 SDK,核心目标是将训练好的模型转化为能够在 NVIDIA GPU 上高效执行的推理引擎。与基于 PyTorch、TensorFlow 的原生推理相比,TensorRT 通过层融合(Layer Fusion)
主流前端框架 React 和 Vue 都依赖虚拟 DOM(Virtual DOM)作为其渲染和更新机制的核心抽象。然而,Svelte 选择了一条截然不同的道路:它在编译阶段而非运行时将组件代码转换为高效的指令式 JavaScript,从而彻底摒弃了虚拟 DOM。
C++ 标准模板库(STL)的核心设计哲学是将数据结构与算法解耦。迭代器作为两者之间的桥梁,使得同一套算法能够作用于向量、列表、数组甚至输入流等完全不同的容器。理解迭代器的分类体系,是正确使用 STL 算法、避免性能陷阱的第一步。
容器是 C++ 标准库中最常用的组件,但「会用「与「懂原理「之间隔着巨大的性能鸿沟。本文从内存布局、增长策略和迭代器失效规则三个维度,深度剖析 sequence / associative / adapter 三大类容器的实现细节,帮助你在工程实践中做出正确的选择。
深入剖析 Slurm 集群调度架构、作业提交、分区配置与调度策略,提供配置示例和常用命令速查表。
深入讲解 Roofline 模型的计算强度、内存带宽天花板与计算天花板,结合工具与案例分析判定 memory-bound 与 compute-bound。
ROCm 平台架构、HIP 编程模型、hipify 迁移工具及与 CUDA 深度对比,覆盖性能调优、容器化部署与多 GPU 分布式训练
引言 React 18 的并发模式(Concurrent Mode)不是一项单一功能,而是一套底层重构后的调度体系。它的核心目标只有一个:在保证 UI 正确性的前提下,让高优先级更新能够中断低优先级渲染,从而避免组件树过于庞大时出现的卡顿。