任鹏个人博客

pren 发布于 2026-09-21

为什么前端需要路由 在传统多页应用中，每次页面跳转都由服务器返回一份全新的 HTML，浏览器负责重新渲染。而单页应用（SPA）把这一职责转移到了客户端：页面只加载一次，后续的“跳转”由 JavaScript 拦截并动态替换视图内容。前端路由就是这套机制的核心，它决定了 URL 如...

阅读(5)评论(0)赞 (0)

pren 发布于 2026-09-21

在过去十年里，前端性能优化的核心思路几乎都围绕着一个关键词展开：减少请求。雪碧图、文件合并、内联脚本、域名分片，这些手段的共同目标都是绕开 HTTP/1.1 的队头阻塞问题。但当 HTTP/2 和 HTTP/3 逐渐成为主流，很多传统优化手段反而变成了负优化。这篇文章不打算复述协...

阅读(5)评论(0)赞 (0)

pren 发布于 2026-09-21

为什么会有跨域问题？ 要理解 CORS，先得理解浏览器为什么要限制跨域请求。这一切的根源是同源策略（SameOrigin Policy）。 同源策略是浏览器最核心的安全机制之一。所谓“同源”，指的是协议、域名、端口三者完全相同。比如 https://example.com:443...

阅读(6)评论(0)赞 (0)

pren 发布于 2026-09-21

为什么我们需要理解事件循环？ JavaScript 是一门单线程语言，这意味着它在任意时刻只能执行一个任务。然而，我们在日常开发中却经常写出 setTimeout、Promise、requestAnimationFrame 等看似“并行”的代码。浏览器究竟是如何在单线程下协调这些...

阅读(6)评论(0)赞 (0)

pren 发布于 2026-09-21

为什么需要 Virtual DOM 在直接操作 DOM 的时代，频繁的 DOM 操作是性能瓶颈的主要来源。每次修改 DOM 都可能触发浏览器的重排（reflow）和重绘（repaint），而这两个过程的代价非常高昂。Virtual DOM 的核心思路是：用 JavaScript ...

阅读(5)评论(0)赞 (0)

pren 发布于 2026-09-21

引言 在当今的 Web 应用中，用户对交互流畅度的要求越来越高。无论是数据可视化、图像处理、还是复杂的业务逻辑计算，一旦在主线程上执行耗时操作，页面就会“卡死”——按钮点击无响应、动画掉帧、滚动停滞。这种糟糕的体验往往源于 JavaScript 的单线程特性。 Web Worke...

阅读(5)评论(0)赞 (0)

pren 发布于 2026-09-21

索引是 MySQL 性能优化的基石，但很多开发者都遇到过“明明建了索引，查询却依然很慢”的情况。这通常意味着索引没有被优化器选中，也就是我们常说的**索引失效**。理解索引失效的典型场景，并掌握一套可落地的排查方法，是从“会建索引”到“会用索引”的关键一步。 ## 一、为什么索引...

阅读(13)评论(0)赞 (0)标签：mysql

pren 发布于 2024-09-13

中国网9月13日讯（记者 魏婧）9月13日，第十四届全国人民代表大会常务委员会第十一次会议通过《全国人民代表大会常务委员会关于实施渐进式延迟法定退休年龄的决定》（以下称《决定》）。《决定》指出，为了深入贯彻落实党中央关于渐进式延迟法定退休年龄的决策部署，适应我国人口发展新形势，充...

阅读(1070)评论(0)赞 (0)