<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[D_xw_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/D_xw_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; D_xw_]]></copyright><item><title><![CDATA[JS核心底层]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/170028363</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/170028363</guid><author>D_xw_</author><pubDate>Thu, 05 Nov 2026 18:50:51 +0800</pubDate><description><![CDATA[本文系统阐述了JavaScript执行上下文、调用栈、作用域链与闭包的核心机制。执行上下文是代码运行的环境，分为全局、函数和Eval三种类型，其生命周期包含创建、执行与销毁阶段。调用栈采用LIFO结构管理函数调用，支撑单线程执行与异步任务调度。作用域链实现变量查找，闭包则通过保存外部变量环境实现数据封装与状态持久化。同时，文章深入解析了this绑定规则、垃圾回收原理及内存泄漏防范策略，为理解JS底层运行机制提供了完整框架。]]></description><category></category></item><item><title><![CDATA[React Native项目开发(iOS侧为例)]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/169844282</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/169844282</guid><author>D_xw_</author><pubDate>Tue, 03 Nov 2026 15:49:02 +0800</pubDate><description><![CDATA[本文基于React Native 0.71+，通过npx react-native init初始化项目后，详细讲解如何使用TypeScript搭建两个页面：入口页（Entrance.tsx）和我的页面（Profile.tsx）。重点介绍了配置tsconfig.json、初始化TypeScript环境、集成React Navigation实现页面跳转，并通过创建共享类型文件（navigation.ts）实现路由类型安全。文章还涵盖依赖安装、iOS构建问题排查、目录结构规范及常见错误解决方案。]]></description><category></category></item><item><title><![CDATA[React Native Android 项目搭建]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/169740665</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/169740665</guid><author>D_xw_</author><pubDate>Sun, 01 Nov 2026 14:42:03 +0800</pubDate><description><![CDATA[本文系统梳理了React Native Android开发的环境检测与项目搭建全流程。通过官方CLI初始化项目，配合CocoaPods管理原生依赖，实现从环境验收到首跑成功的闭环。基于React Navigation构建双Tab嵌套导航，结合AsyncStorage实现本地持久化，完成用户列表、详情页、我的页等核心功能。最后提供调试技巧与高频报错解决方案，助力开发者高效落地RN项目。]]></description><category></category></item><item><title><![CDATA[React Native iOS 项目搭建]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/169735736</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/169735736</guid><author>D_xw_</author><pubDate>Sun, 01 Nov 2026 13:46:04 +0800</pubDate><description><![CDATA[本文系统梳理了React Native iOS开发的环境检测与项目搭建全流程。强调环境问题占报错70%根因，需优先验证Node/npm、Watchman、Xcode工具链、模拟器运行时等关键项。通过官方CLI初始化项目，配合CocoaPods管理原生依赖，实现从环境验收到首跑成功的闭环。基于React Navigation构建双Tab嵌套导航，结合AsyncStorage实现本地持久化，完成用户列表、详情页、我的页等核心功能。最后提供调试技巧与高频报错解决方案，助力开发者高效落地RN项目。]]></description><category></category></item><item><title><![CDATA[Mac 从零搭建 React Native 开发环境：完整方案 + 踩坑实录]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/169556663</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/169556663</guid><author>D_xw_</author><pubDate>Sun, 01 Nov 2026 11:19:27 +0800</pubDate><description><![CDATA[本文详述在Apple Silicon Mac（macOS 26）+ 国内裸网环境下，实测搭建React Native 0.88.1开发环境的完整流程。从Homebrew镜像配置、Node与JDK安装（强调formula优于cask）、Xcode运行时下载、Android模拟器架构匹配，到Android 16专属的ACCESS_LOCAL_NETWORK权限授权等关键步骤，均以“做什么→为什么→如何验证”三段式清晰呈现。最终实现iOS/Android双模拟器成功运行。适用于Mac新手与前端转RN开发者。]]></description><category></category></item><item><title><![CDATA[Git常用操作指令]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/162270553</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/162270553</guid><author>D_xw_</author><pubDate>Wed, 24 Jun 2026 15:00:44 +0800</pubDate><description><![CDATA[本文系统介绍了Git版本控制系统的核心功能与常用命令，是开发者必备的Git实用指南。]]></description><category></category></item><item><title><![CDATA[网页渲染过程]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/161385614</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/161385614</guid><author>D_xw_</author><pubDate>Tue, 26 May 2026 10:19:34 +0800</pubDate><description><![CDATA[本文系统梳理了浏览器从发起请求到页面渲染的全过程。首先介绍了URL结构和DNS解析机制，包括DNS缓存优化策略。重点分析了TCP连接的三次握手和四次挥手过程，以及HTTP请求/响应机制，涵盖GET/POST区别、缓存策略和状态码。详细阐述了浏览器渲染流程：构建DOM树、CSSOM树，合并为渲染树后进行布局和绘制，并解释了回流与重绘的触发条件。针对性能优化，提出了script标签的async/defer使用场景、减少重排重绘的方法，以及网络层、资源层、渲染层的优化策略。最后提供了常见问题的解决方案]]></description><category></category></item><item><title><![CDATA[JS模块化]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/159156924</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/159156924</guid><author>D_xw_</author><pubDate>Wed, 08 Apr 2026 22:10:13 +0800</pubDate><description><![CDATA[JavaScript模块化发展经历了多个阶段：从早期的全局函数和IIFE，到CommonJS（Node.js默认）、AMD（浏览器异步加载）、UMD（通用兼容方案），最终演进为ES Modules（官方标准）。模块化通过代码拆分、依赖管理、作用域隔离等机制，显著提升了代码的可维护性、可复用性和团队协作效率。现代开发中，ES Modules凭借静态分析、异步加载等优势成为主流，同时通过打包工具兼容不同环境。理解模块化演变历程及其核心价值（如降低复杂度、优化测试流程等）是前端工程化的重要基础。]]></description><category></category></item><item><title><![CDATA[ES6 中的 Promise]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/159121241</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/159121241</guid><author>D_xw_</author><pubDate>Mon, 16 Mar 2026 17:36:51 +0800</pubDate><description><![CDATA[ES6 Promise 常用方法总结]]></description><category></category></item><item><title><![CDATA[Promise浅见（附手写Promise）]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/159008876</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/159008876</guid><author>D_xw_</author><pubDate>Sat, 14 Mar 2026 18:27:13 +0800</pubDate><description><![CDATA[本文介绍了Promise/A+规范及ES6 Promise的核心内容。系统性地阐述了Promise的核心概念和使用方法。]]></description><category></category></item><item><title><![CDATA[Promise 实现]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/159049552</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/159049552</guid><author>D_xw_</author><pubDate>Sat, 14 Mar 2026 18:24:22 +0800</pubDate><description><![CDATA[本文实现了一个符合Promise/A+规范的MyPromise类，使用ES6 class语法完成。该实现完整覆盖了Promise的核心特性，包括链式调用、异步执行和错误处理机制。]]></description><category></category></item><item><title><![CDATA[面向对象编程]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/158978292</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/158978292</guid><author>D_xw_</author><pubDate>Thu, 12 Mar 2026 23:29:26 +0800</pubDate><description><![CDATA[本文系统介绍了JavaScript中的面向对象编程核心概念。主要内容包括：1) this的四种绑定规则（默认/隐式/显式/new绑定）及箭头函数的特性；2) 面向对象三大特性（封装/继承/多态）的实现方式，包括构造函数、原型链和ES6类语法；3) 原型链机制及其在继承中的作用；4) 基于函数的面向对象实现方法（构造函数/工厂函数/闭包）；5) ES6类语法特性（继承/静态方法/getter-setter/私有字段）。文章通过大量代码示例，详细说明了JavaScript面向对象编程的各种技术细节和最佳实践。]]></description><category></category></item><item><title><![CDATA[作用域/闭包]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/158934877</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/158934877</guid><author>D_xw_</author><pubDate>Wed, 11 Mar 2026 23:16:53 +0800</pubDate><description><![CDATA[本文摘要：JavaScript中的作用域分为全局作用域、函数作用域和块级作用域，决定变量的可访问范围。作用域链描述了变量查找的层级关系。预编译阶段会发生变量和函数声明提升，其中函数声明优先。闭包是由函数及其引用外部变量组成的结构，能够延长变量生命周期，实现模块化开发，但需注意内存泄漏问题。通过作用域、作用域链、预编译和闭包机制，JavaScript实现了灵活的变量访问控制和数据封装。]]></description><category></category></item><item><title><![CDATA[Git操作]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/158738165</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/158738165</guid><author>D_xw_</author><pubDate>Fri, 06 Mar 2026 21:15:00 +0800</pubDate><description><![CDATA[本文总结了Git常用的基本指令，包括配置、仓库管理、文件操作、提交历史查看、撤销更改、分支管理、远程操作等核心功能。从初始化仓库、克隆项目到添加文件、提交更改，再到分支切换合并和远程同步，涵盖了版本控制的完整工作流程。这些指令为开发者提供了从本地开发到团队协作所需的工具，帮助高效管理代码版本和项目协作。]]></description><category></category></item><item><title><![CDATA[React 的最新特性]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/158501655</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/158501655</guid><author>D_xw_</author><pubDate>Sun, 01 Mar 2026 17:30:00 +0800</pubDate><description><![CDATA[React18和19版本带来了多项重要优化：React18的自动批处理通过合并状态更新减少渲染次数，提升性能；React19新增Activity组件优化并发渲染，与Suspense形成互补。在异步处理方面，use Hook简化了Promise消费逻辑，而useActionState和useFormStatus改进了表单状态管理。React19还支持组件内直接渲染meta标签和样式表，并优化了ref传递机制，使其更高效且类型安全。这些改进显著提升了开发体验和性能表现。]]></description><category></category></item><item><title><![CDATA[React Hooks 深度解析]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/158497420</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/158497420</guid><author>D_xw_</author><pubDate>Sat, 28 Feb 2026 20:30:00 +0800</pubDate><description><![CDATA[React Hooks执行顺序与优化指南 摘要： 本文系统讲解了React Hooks的核心机制和优化策略。首先剖析了useEffect和useLayoutEffect的执行时机差异，前者在绘制后异步执行，后者在绘制前同步执行。深入探讨了useEffect依赖项的工作原理，强调必须完整声明依赖以避免闭包问题。针对异步请求场景，介绍了使用AbortController和请求标识符避免竞态条件的方法。分析了useCallback和useMemo的适用场景及滥用风险，对比了useRef与useState的本质区别]]></description><category></category></item><item><title><![CDATA[React 状态管理方案]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/158456940</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/158456940</guid><author>D_xw_</author><pubDate>Fri, 27 Feb 2026 22:00:00 +0800</pubDate><description><![CDATA[本文系统梳理了React状态管理的核心知识体系，涵盖从基础到高级的多种方案。主要内容包括：1）组件间通信的props、回调函数、Context API和状态库等方法；2）useState与useReducer的对比选择及优化技巧；3）状态提升模式的优缺点分析；4）Redux中间件机制详解；5）RTK Query、Zustand、Jotai等现代状态库的特性对比；6）状态持久化存储方案；7）Signals响应式编程理念。文章提供了详实的代码示例和技术选型建议，帮助开发者构建完整的状态管理认知框架，适用于不同规]]></description><category></category></item><item><title><![CDATA[React 基础与核心思想]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/158424958</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/158424958</guid><author>D_xw_</author><pubDate>Thu, 26 Feb 2026 22:00:00 +0800</pubDate><description><![CDATA[React核心概念解析：从设计哲学到底层实现 核心公式UI=f(state)揭示了React的声明式本质，UI作为状态的函数呈现，保证数据流的单向性和可预测性。 虚拟DOM与Fiber架构构成React性能优化的双支柱： 虚拟DOM通过差异比对减少DOM操作 Fiber架构实现可中断的异步渲染，支持时间切片和任务优先级调度 组件设计原则： 函数组件与Hooks成为现代React开发主流 组合优于继承的设计理念 受控与非受控组件的场景化选择 关键机制： Key属性优化列表渲染 合成事件系统实现跨浏览器兼容 严]]></description><category></category></item><item><title><![CDATA[React知识点汇总]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/153790692</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/153790692</guid><author>D_xw_</author><pubDate>Fri, 24 Oct 2025 11:11:50 +0800</pubDate><description><![CDATA[本文系统介绍了React框架的核心概念与技术要点。主要内容包括：React基础（JSX语法、组件类型）、状态管理（state/props、生命周期）、虚拟DOM与Diff算法、常用Hooks（useState/useEffect等）、状态管理方案（Context/Redux）、性能优化策略（代码分割/懒加载）、事件处理与表单控制等。特别强调了函数组件与Hooks的最佳实践，以及列表渲染时key的正确使用方式。同时涵盖了高阶组件、Render Props等高级模式，并解答了受控组件、异步处理等常见问题，为开发]]></description><category></category></item><item><title><![CDATA[Vite面试题汇总]]></title><link>https://blog.youkuaiyun.com/D_xw_/article/details/153703259</link><guid>https://blog.youkuaiyun.com/D_xw_/article/details/153703259</guid><author>D_xw_</author><pubDate>Tue, 21 Oct 2025 23:03:50 +0800</pubDate><description><![CDATA[Vite构建工具核心技术解析：采用ESM原生支持实现毫秒级开发启动，通过Rollup完成生产打包。核心优势包括模块级HMR热更新、预构建依赖优化，支持自定义插件开发。针对CJS兼容、IE支持等场景，提供@vitejs/plugin-legacy等解决方案。相比Webpack，Vite在开发体验上有显著提升，但需注意多页面/SSR等场景的配置复杂性。适用于现代前端项目，尤其Monorepo架构可通过workspace协议优化依赖管理。]]></description><category></category></item></channel></rss>