- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 DNS查询流程
本地域名服务器将 IP 地址返回给操作系统，操作系统再将结果返回给浏览器，并将结果缓存起来。：若本地域名服务器没有缓存，它会先向根域名服务器发起请求，根服务器返回顶级域名服务器的地址。：本地域名服务器向顶级域名服务器请求，获取负责该域名的权威域名服务器（如。：本地域名服务器最终向权威域名服务器发起请求，得到域名的实际 IP 地址。此外，DNS 服务器本身也会缓存查询记录，以提升查询速度。：浏览器首先检查是否缓存了目标域名的 IP 地址。：若本地缓存没有，操作系统将查询本地域名服务器。
2025-09-24 16:09:47
407
原创 异步机制、迭代器、Generator和原型链四者的头脑风暴
JavaScript异步与迭代机制的核心要点 异步处理：通过事件循环（宏任务/微任务）解决单线程阻塞问题，Promise和async/await是主要工具，实现任务发起与结果获取的解耦。 迭代机制： 迭代器协议（.next()方法）标准化数据遍历 Generator函数实现可暂停执行，自动符合迭代器协议 异步Generator结合Promise，支持分步产出异步数据 底层支撑：原型链是这些特性的基础实现，所有异步和迭代对象都通过原型继承共享方法。 关键关系：迭代器是Generator的基础，Generato
2025-09-22 16:14:08
661
原创 事件循环（Event Loop)—— 深度解析
事件循环（Event Loop）是JavaScript的核心机制，控制代码执行顺序。其核心组件包括：调用栈（执行同步代码）、宏任务队列（如setTimeout）、微任务队列（如Promise.then）。执行顺序为：同步代码->微任务（全部清空）->渲染/rAF->下一个宏任务。关键点：微任务会阻塞渲染，await相当于微任务，setTimeout(0)并非立即执行。不同环境有差异：浏览器中微任务优先于rAF，Node中process.nextTick优先级最高。常见陷阱包括微任务递归导致
2025-09-22 15:41:42
1695
原创 HTTP 缓存机制详解
HTTP缓存机制详解：浏览器请求前先检查强缓存（未过期直接使用）或协商缓存（发送条件请求验证）。强缓存由Cache-Control/Expires控制，协商缓存通过ETag/Last-Modified实现。静态资源建议长缓存+指纹，动态内容适合短缓存+条件请求。注意no-cache≠no-store，Vary和Authorization头会影响缓存行为。Service Worker可覆盖默认缓存逻辑，刷新操作会改变缓存策略。合理配置缓存能显著提升性能。
2025-09-21 13:27:40
1442
原创 URL 解析环节再回首
摘要 本文介绍了URL结构与跨域相关知识点。URL由协议、域名、端口、路径等组成，可通过URL对象解析。获取URL信息可通过查询参数、哈希等方式。跨域问题源于同源策略（协议、域名、端口相同），常用解决方案包括CORS、JSONP、代理转发等。部分标签（如<script>）和WebSocket天然支持跨域。
2025-09-20 08:26:11
236
原创 在浏览器中输入url的前世今生
本文全面解析从输入URL到页面渲染的全链路技术流程，涵盖HTTP缓存、DNS解析、TCP/UDP传输层、TLS加密握手、HTTP协议演进及浏览器渲染机制。重点剖析缓存策略（强缓存/协商缓存）、DNS层级解析、TCP三次握手/四次挥手、TLS1.2/1.3密钥协商差异、证书验证流程等核心技术点，并介绍QUIC/HTTP3等现代优化方案。全文以面试考察深度展开，帮助读者系统掌握网络请求全生命周期中的关键技术与性能优化策略。
2025-09-19 17:18:57
1527
原创 Vue和React最新大战到底谁胜谁负？
Vapor与React Compiler在优化前端性能上采取不同路径：Vapor通过编译模板为直接DOM操作，结合Vue响应式系统实现细粒度更新，减少VDOM开销；React Compiler则通过构建时自动优化代码（如记忆化），保留VDOM但降低重渲染成本。Vapor适合静态DOM场景，显著减少运行时体积；React Compiler更兼容现有React代码，提供渐进式优化。两者均处于实验/测试阶段，在功能支持、调试体验和迁移成本上各有取舍，开发者需根据项目需求选择。
2025-09-17 11:02:33
283
1
原创 Vue vs React
React与Vue对比：React采用函数组件和JSX，强调灵活性和函数式编程，但需手动优化渲染；Vue使用单文件组件和指令式模板，开发更直观但依赖构建工具。响应式方面，React基于状态不可变，Vue通过Proxy实现精准更新。性能优化上，React需手动控制，Vue则依赖编译时优化。总体而言，React适合复杂应用，Vue更注重开发效率。最新动态显示两者技术路线趋同，都在优化虚拟DOM性能。
2025-09-17 10:45:37
400
原创 Vue真的要抛弃虚拟DOM了吗？
Vue 2到Vue 3的主要更新包括：架构上改用Composition API，性能优化采用Proxy响应式系统，虚拟DOM改进支持静态节点提升等。Vue 3.5+引入Vapor模式，放弃虚拟DOM直接编译生成DOM操作，提升渲染性能。新版本推荐使用<script setup>语法，优化指令处理，并限制部分特性。整体演进方向是更高性能、更小体积和更好的开发体验。
2025-09-16 17:35:13
708
原创 VSCode项目运行系列文章
VSCode项目运行系列文章前言一、如何运行他人的VUE项目二、项目环境如何配置三、配置中出现的各种BUG前言VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。Visual Studio Code 默认支持非常
2022-06-18 10:54:27
619
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人