<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[前端知识分享喵]]></title><description><![CDATA[一起分享探讨前端知识，互相学习！！！]]></description><link>https://blog.csdn.net/qq_39335404</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; qq_39335404]]></copyright><item><title><![CDATA[以 1024 之名，写我与代码的「双向奔赴」]]></title><link>https://blog.csdn.net/qq_39335404/article/details/153834467</link><guid>https://blog.csdn.net/qq_39335404/article/details/153834467</guid><author>qq_39335404</author><pubDate>Fri, 24 Oct 2025 16:57:44 +0800</pubDate><description><![CDATA[这篇文章以1024程序员节为背景，讲述了前端开发者与代码之间的&quot;双向奔赴&quot;。作者从HTML语义化、CSS交互细节到JavaScript异步处理三个维度，分享了从新手到进阶的成长历程。在HTML部分，通过重构博客页面，体会到语义化标签对无障碍访问和SEO的优化价值；在CSS部分，通过打磨按钮交互细节，实现像素级的设计追求；在JS部分，从回调地狱到async/await的优雅重构，展现了逻辑处理能力的提升。文章生动展现了开发者对代码质量的执着追求，以及技术成长带来的成就感。]]></description><category></category></item><item><title><![CDATA[Vue Router 重大更新后，params 传参失效？三种替代方案深度解析]]></title><link>https://blog.csdn.net/qq_39335404/article/details/149929437</link><guid>https://blog.csdn.net/qq_39335404/article/details/149929437</guid><author>qq_39335404</author><pubDate>Tue, 05 Aug 2025 09:59:29 +0800</pubDate><description><![CDATA[Vue Router传参方式更新解析：告别params，拥抱新方案 随着Vue Router版本更新，传统params传参方式失效，本文深度解析三种替代方案： query传参：简单直观，参数显示在URL中，适合非敏感数据； state传参：利用History API，参数不显示在URL，但刷新可能丢失； Pinia/Vuex传参：适合复杂数据共享，不受页面刷新影响。 文章对比了各方案的优缺点，并给出最佳实践建议：简单公开数据用query，隐私数据用state，复杂共享数据用状态管理库。开发者应根据实际场景选]]></description><category></category></item><item><title><![CDATA[【Git 分支整合的艺术：岔路与归途的抉择 ——merge 与 rebase 深度解析】]]></title><link>https://blog.csdn.net/qq_39335404/article/details/149835157</link><guid>https://blog.csdn.net/qq_39335404/article/details/149835157</guid><author>qq_39335404</author><pubDate>Fri, 01 Aug 2025 15:38:46 +0800</pubDate><description><![CDATA[git merge 与 git rebase 作为两种主流的分支整合工具，看似功能相似，却隐藏着对代码历史截然不同的哲学思考。]]></description><category></category></item><item><title><![CDATA[Vue3 中 toValue 与 unref 深度解析：异同、场景与最佳实践]]></title><link>https://blog.csdn.net/qq_39335404/article/details/149780623</link><guid>https://blog.csdn.net/qq_39335404/article/details/149780623</guid><author>qq_39335404</author><pubDate>Wed, 30 Jul 2025 16:36:32 +0800</pubDate><description><![CDATA[Vue3中的toValue和unref都是响应式数据解包工具，但存在关键差异：unref仅解包ref对象，而toValue在unref基础上增加了对函数类型的支持，会自动执行函数并返回结果。toValue更适合处理动态计算和多种输入类型的场景，如组合式函数参数标准化；unref则在简单解包和性能敏感场景更具优势。开发者需注意两者对reactive对象和函数参数的不同处理方式，根据实际需求选择合适工具。]]></description><category></category></item><item><title><![CDATA[【Vue3 中 computed 深层数据响应性失效问题解析与解决方案】]]></title><link>https://blog.csdn.net/qq_39335404/article/details/149739823</link><guid>https://blog.csdn.net/qq_39335404/article/details/149739823</guid><author>qq_39335404</author><pubDate>Tue, 29 Jul 2025 10:24:35 +0800</pubDate><description><![CDATA[本文分析了Vue3组合式API中computed计算属性处理深层数据时出现的响应性失效问题。通过实际项目案例，发现当通过JSON.parse转换Pinia存储数据时，computed无法追踪深层数据变化导致页面不更新。解决方案是改用ref定义响应式变量并在onMounted中赋值，确保数据从开始就是响应式的。关键经验包括：computed更适合处理简单数据转换，复杂数据源应优先转换为响应式对象，处理深层变化时需使用Vue响应式API。这有助于开发者避免类似响应性问题，提高开发效率。]]></description><category></category></item><item><title><![CDATA[【总走神、效率低？成人必学的 6 大专注力训练法，7 天改善分心习惯】]]></title><link>https://blog.csdn.net/qq_39335404/article/details/148759348</link><guid>https://blog.csdn.net/qq_39335404/article/details/148759348</guid><author>qq_39335404</author><pubDate>Thu, 19 Jun 2025 09:54:11 +0800</pubDate><description><![CDATA[成人专注力提升方案基于生理、环境及认知多维度设计。生理层面强调规律作息、低GI饮食及有氧运动；环境管理需精简工作区并控制数字干扰；认知训练推荐正念冥想和番茄工作法；任务管理建议拆解目标并可视化进度；心理调整需接纳分心并管理压力。每日从15分钟冥想和2个番茄钟开始，逐步强化&quot;专注肌肉&quot;。该方案通过系统训练将分心转化为专注力锻炼，实现可持续提升。]]></description><category></category></item><item><title><![CDATA[【React基础三】组件传值、高阶组件、Hook]]></title><link>https://blog.csdn.net/qq_39335404/article/details/135050703</link><guid>https://blog.csdn.net/qq_39335404/article/details/135050703</guid><author>qq_39335404</author><pubDate>Sun, 17 Dec 2023 21:25:08 +0800</pubDate><description><![CDATA[组件传值、高阶组件、Hook]]></description><category></category></item><item><title><![CDATA[【React基础二】事件绑定、组件props、条件渲染、列表、refs、组件声明周期]]></title><link>https://blog.csdn.net/qq_39335404/article/details/135050596</link><guid>https://blog.csdn.net/qq_39335404/article/details/135050596</guid><author>qq_39335404</author><pubDate>Sun, 17 Dec 2023 21:22:17 +0800</pubDate><description><![CDATA[事件绑定、组件props、条件渲染、列表、refs、组件声明周期]]></description><category></category></item><item><title><![CDATA[【React基础一】React简介和特点、虚拟DOM、JSX、项目搭建、组件与State状态]]></title><link>https://blog.csdn.net/qq_39335404/article/details/135050406</link><guid>https://blog.csdn.net/qq_39335404/article/details/135050406</guid><author>qq_39335404</author><pubDate>Sun, 17 Dec 2023 21:14:47 +0800</pubDate><description><![CDATA[React简介和特点、虚拟DOM、JSX、项目搭建、组件与State状态]]></description><category></category></item><item><title><![CDATA[【Vue+Mysql实现前端对接数据库】]]></title><link>https://blog.csdn.net/qq_39335404/article/details/135050096</link><guid>https://blog.csdn.net/qq_39335404/article/details/135050096</guid><author>qq_39335404</author><pubDate>Sun, 17 Dec 2023 20:52:05 +0800</pubDate><description><![CDATA[Vite + Vue3 工程化环境下，需要在 package.json 中配置。注意：Node 14+ 版本支持 CommonJS 和 ESM 两种规范。当然你也可以使用 CommonJS 规范通过。导入模块，这样项目中就存在两种规范的写法了。其它 api 文件配置参考 login.js。，且后端文件后缀需要由。]]></description><category></category></item><item><title><![CDATA[【跨域】同源策略、跨域解决]]></title><link>https://blog.csdn.net/qq_39335404/article/details/135049684</link><guid>https://blog.csdn.net/qq_39335404/article/details/135049684</guid><author>qq_39335404</author><pubDate>Sun, 17 Dec 2023 20:30:25 +0800</pubDate><description><![CDATA[同源策略、跨域解决、Node中间件、Nginx反向代理]]></description><category></category></item><item><title><![CDATA[【TS篇三】类、函数、for-of循环、类型推断]]></title><link>https://blog.csdn.net/qq_39335404/article/details/134210210</link><guid>https://blog.csdn.net/qq_39335404/article/details/134210210</guid><author>qq_39335404</author><pubDate>Fri, 03 Nov 2023 20:18:52 +0800</pubDate><description><![CDATA[类、函数、for-of循环、类型推断]]></description><category></category></item><item><title><![CDATA[【TS篇二】变量、数据类型、接口、解构赋值]]></title><link>https://blog.csdn.net/qq_39335404/article/details/134210128</link><guid>https://blog.csdn.net/qq_39335404/article/details/134210128</guid><author>qq_39335404</author><pubDate>Fri, 03 Nov 2023 20:12:41 +0800</pubDate><description><![CDATA[TypeScript会假设你，程序员，已经进行了必须的检查。需要注意的是，我们传入的对象参数实际上会包含很多属性，但是编译器只会检查那些必需的属性是否存在，并且其类型是否匹配。在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。基本原则就是如果一个变量不需要对它写入，那么其它使用这些代码的人也不能够写入它们，并且要思考为什么会需要对这些变量重新赋值。元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。，因为它使你的代码更严谨，可以极大的减少出错的几率。]]></description><category></category></item><item><title><![CDATA[【TS篇一】TypeScript介绍、使用场景、环境搭建、类和接口]]></title><link>https://blog.csdn.net/qq_39335404/article/details/134210040</link><guid>https://blog.csdn.net/qq_39335404/article/details/134210040</guid><author>qq_39335404</author><pubDate>Fri, 03 Nov 2023 20:06:10 +0800</pubDate><description><![CDATA[TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。TypeScript 是 JavaScript 的超集，这意味着他支持所有的 JavaScript 语法。并在此之上对 JavaScript 添加了一些扩展，如 class / interface / module 等。]]></description><category></category></item><item><title><![CDATA[【SCSS篇】Vite+Vue3项目全局引入scss文件]]></title><link>https://blog.csdn.net/qq_39335404/article/details/133783644</link><guid>https://blog.csdn.net/qq_39335404/article/details/133783644</guid><author>qq_39335404</author><pubDate>Thu, 12 Oct 2023 10:40:47 +0800</pubDate><description><![CDATA[Vite+Vue3项目全局引入scss文件]]></description><category></category></item><item><title><![CDATA[【vue富文本插件】tinymce 安装使用及汉化注意项]]></title><link>https://blog.csdn.net/qq_39335404/article/details/133737325</link><guid>https://blog.csdn.net/qq_39335404/article/details/133737325</guid><author>qq_39335404</author><pubDate>Tue, 10 Oct 2023 10:32:36 +0800</pubDate><description><![CDATA[【vue富文本插件】tinymce 安装使用及汉化注意项]]></description><category></category></item><item><title><![CDATA[【版本控制工具二】Git 和 Gitee 建立联系]]></title><link>https://blog.csdn.net/qq_39335404/article/details/133684804</link><guid>https://blog.csdn.net/qq_39335404/article/details/133684804</guid><author>qq_39335404</author><pubDate>Sun, 08 Oct 2023 16:41:12 +0800</pubDate><description><![CDATA[Git 和 Gitee 建立联系]]></description><category></category></item><item><title><![CDATA[【版本控制工具一】Git 安装注册及使用]]></title><link>https://blog.csdn.net/qq_39335404/article/details/133638465</link><guid>https://blog.csdn.net/qq_39335404/article/details/133638465</guid><author>qq_39335404</author><pubDate>Sat, 07 Oct 2023 14:22:02 +0800</pubDate><description><![CDATA[版本控制工具Git 安装注册及使用]]></description><category></category></item><item><title><![CDATA[【ES6知识】async 函数与代码优雅写法]]></title><link>https://blog.csdn.net/qq_39335404/article/details/133637531</link><guid>https://blog.csdn.net/qq_39335404/article/details/133637531</guid><author>qq_39335404</author><pubDate>Sat, 07 Oct 2023 14:07:06 +0800</pubDate><description><![CDATA[async 函数与代码优雅写法]]></description><category></category></item><item><title><![CDATA[【ES6知识】Generator 函数 与 yield 关键字]]></title><link>https://blog.csdn.net/qq_39335404/article/details/133375609</link><guid>https://blog.csdn.net/qq_39335404/article/details/133375609</guid><author>qq_39335404</author><pubDate>Thu, 28 Sep 2023 09:03:06 +0800</pubDate><description><![CDATA[Generator 函数 与 yield 关键字]]></description><category></category></item></channel></rss>