<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_32054169的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_32054169</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_32054169]]></copyright><item><title><![CDATA[React快速入门-跟着AI学习react]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/140189106</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/140189106</guid><author>qq_32054169</author><pubDate>Thu, 04 Jul 2024 20:33:05 +0800</pubDate><description><![CDATA[使用JSX的{}语法将JavaScript变量或表达式嵌入到标签中，实现数据的动态显示。了解Redux、MobX等状态管理库，以及React Router等路由库的使用方法。使用className或styled-components等库为组件添加样式。参与实际项目实践，将所学知识应用于实际开发中。学习条件渲染、列表渲染、事件处理等高级特性。]]></description><category></category></item><item><title><![CDATA[小程序上拉触底节流处理]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/137682674</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/137682674</guid><author>qq_32054169</author><pubDate>Fri, 12 Apr 2024 15:37:39 +0800</pubDate><description><![CDATA[小程序上拉触底节流]]></description><category></category></item><item><title><![CDATA[Yarn在安装依赖时忽略模块的引擎版本限制]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/137264390</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/137264390</guid><author>qq_32054169</author><pubDate>Tue, 02 Apr 2024 11:40:14 +0800</pubDate><description><![CDATA[选项有时可能是必要的，但请注意，这可能会导致项目在不受支持的环境中出现问题。因此，在忽略模块引擎版本限制之前，请确保你了解潜在的风险，并确认没有更好的解决方案可供选择。文件中指定的引擎版本要求，直接安装依赖项。这样，即使某些模块对 Node.js 版本有特定的要求，Yarn 也会继续安装它们而不会因为版本不匹配而失败。这个命令告诉 Yarn 忽略。删除依赖重新安装等都不行。]]></description><category></category></item><item><title><![CDATA[Ant G6实现知识图谱]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/137098729</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/137098729</guid><author>qq_32054169</author><pubDate>Thu, 28 Mar 2024 09:31:56 +0800</pubDate><description><![CDATA[AntV G6是阿里巴巴集团开发的一款专注于关系数据可视化的图表库。G6基于Canvas/WebGL技术，提供了丰富的图形绘制、交互操作和布局算法等功能。它采用数据驱动的方式来渲染图表，通过定义节点和边的数据结构，再通过布局算法来确定它们在画布上的位置，最终实现图表的展示。在本文中，我们介绍了AntV G6的原理和特性，结合Vue 3.0和G6实现知识图谱的步骤，并提供了示例代码及其解析。]]></description><category></category></item><item><title><![CDATA[yarn出现An unexpected error occurred: “https://registry.npm.taobao.org/@types%2flodash-es: certificate]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/135764175</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/135764175</guid><author>qq_32054169</author><pubDate>Tue, 23 Jan 2024 09:57:39 +0800</pubDate><description><![CDATA[yarn出现An unexpected error occurred: "https://registry.npm.taobao.org/@types%2flodash-es: certificate]]></description><category></category></item><item><title><![CDATA[ajax/axios/fetch区别及webSocket通信原理]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/135344280</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/135344280</guid><author>qq_32054169</author><pubDate>Tue, 02 Jan 2024 16:40:13 +0800</pubDate><description><![CDATA[ajax/axios/fetch区别及webSocket通信原理]]></description><category></category></item><item><title><![CDATA[当执行 import vue from ‘vue’ 时发生了什么？]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/135333219</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/135333219</guid><author>qq_32054169</author><pubDate>Tue, 02 Jan 2024 09:35:09 +0800</pubDate><description><![CDATA[当执行 import vue from ‘vue’ 时发生了什么]]></description><category></category></item><item><title><![CDATA[跨域怎么解决]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/135215177</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/135215177</guid><author>qq_32054169</author><pubDate>Tue, 26 Dec 2023 10:27:02 +0800</pubDate><description><![CDATA[一文说清楚跨域的解决方案
JSONP
CORS
Nginx代理
document.domain
window.name
postMessage+iframe]]></description><category></category></item><item><title><![CDATA[HTTP 与 HTTPS]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/135215048</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/135215048</guid><author>qq_32054169</author><pubDate>Tue, 26 Dec 2023 10:11:27 +0800</pubDate><description><![CDATA[HTTP 与 HTTPS的概念及区别]]></description><category></category></item><item><title><![CDATA[TCP、UDP 和 HTTP 的区别]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/135214852</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/135214852</guid><author>qq_32054169</author><pubDate>Tue, 26 Dec 2023 10:08:12 +0800</pubDate><description><![CDATA[TCP、UDP 和 HTTP 的区别]]></description><category></category></item><item><title><![CDATA[React 状态管理 - 优化你的应用程序]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/135146973</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/135146973</guid><author>qq_32054169</author><pubDate>Fri, 22 Dec 2023 10:30:42 +0800</pubDate><description><![CDATA[在 Counter.js 组件中，我们使用了 connect 方法将 Redux 状态和操作绑定到组件的 props 上。使用 Redux 可以帮助我们更好地组织和共享状态，提高代码的可维护性和可扩展性。通过示例代码，我们演示了如何使用 Redux 进行状态管理，并将其连接到 React 组件中。在上面的示例中，我们首先定义了初始状态和 countReducer 函数来处理计数器的状态变化。在本文中，我们将深入探讨 React 状态管理的重要性，并详细介绍如何使用 Redux 进行状态管理。]]></description><category></category></item><item><title><![CDATA[react入门热身]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/135145493</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/135145493</guid><author>qq_32054169</author><pubDate>Fri, 22 Dec 2023 09:40:45 +0800</pubDate><description><![CDATA[本文介绍了 React 的基本概念和用法，并通过一个简单的示例演示了如何使用 React 构建一个计数器应用。React 的组件化思想和虚拟 DOM 技术使得开发者能够以高效、灵活和可维护的方式构建用户界面。希望这篇文章能够帮助你入门 React，并能够在实际项目中运用它的优势。]]></description><category></category></item><item><title><![CDATA[POST请求为什么会发送两次]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/135133586</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/135133586</guid><author>qq_32054169</author><pubDate>Thu, 21 Dec 2023 16:35:50 +0800</pubDate><description><![CDATA[在前端开发中，我们经常会遇到POST请求会发送两次的情况。这种问题可能会导致数据错误或其他意料之外的结果，让开发者感到困惑和不安。本文将深入探讨POST请求为何会发送两次的原因，并从以下几个方面进行解释：同源策略、简单请求、预检请求、为什么本地使用Webpack进行dev开发时，不需要服务器端配置CORS的情况下访问到线上接口。]]></description><category></category></item><item><title><![CDATA[10 分钟了解 nextTick，并实现简易版的 nextTick]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/135132021</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/135132021</guid><author>qq_32054169</author><pubDate>Thu, 21 Dec 2023 15:31:53 +0800</pubDate><description><![CDATA[nextTick 是一个用于在 DOM 更新完成后执行回调函数的方法。在 Vue.js 或其他类似框架中，当我们修改了数据后，DOM 并不会立即更新，而是会进入一个队列中，然后在下一个 tick 执行更新。nextTick 提供了一种方式，使我们能够在 DOM 更新完成后执行一些操作，例如获取更新后的 DOM 元素。]]></description><category></category></item><item><title><![CDATA[通过示例解释JavaScript 数组方法]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/134392119</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/134392119</guid><author>qq_32054169</author><pubDate>Tue, 14 Nov 2023 10:12:04 +0800</pubDate><description><![CDATA[创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。返回数组中满足提供的测试函数的第一个元素的值。返回一个新的 Array 迭代器对象，该对象包含数组中每个索引的键/值对。对数组中的每个元素执行一个由您提供的函数，并将其结果汇总为单个返回值。返回数组中指定元素的最后一个匹配项的索引，如果不存在则返回 -1。返回一个新的 Array 迭代器对象，该对象包含数组每个索引的值。返回数组中指定元素的第一个匹配项的索引，如果不存在则返回 -1。返回数组中满足提供的测试函数的第一个元素的索引。]]></description><category></category></item><item><title><![CDATA[XHR 和 Fetch 的区别]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/134391435</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/134391435</guid><author>qq_32054169</author><pubDate>Tue, 14 Nov 2023 09:44:32 +0800</pubDate><description><![CDATA[从各自的特点，工作原理来说明XHR 和 Fetch 的区别]]></description><category></category></item><item><title><![CDATA[vue知识点]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/105157064</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/105157064</guid><author>qq_32054169</author><pubDate>Mon, 13 Nov 2023 10:55:16 +0800</pubDate><description><![CDATA[指令的本质就是自定义属性,Vue中指定都是以 v- 开头
	v-cloak可以解决插值表达式{{}}带来的页面加载时出现闪烁问题,方法为:(1)通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏 (2)让带有插值 语法的  添加 v-cloak 属性在 数据渲染完场之后，v-cloak 属性会被自动去除，v-cloak一旦移除也就是没有这个属性了 属性选择器就选择不到该标签...]]></description><category></category></item><item><title><![CDATA[json.stringify]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/119303732</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/119303732</guid><author>qq_32054169</author><pubDate>Mon, 13 Nov 2023 10:54:29 +0800</pubDate><description><![CDATA[一、使用方法

JSON.stringify()可以把一个JavaScript对象序列化为一个JSON字符串。


letjson1={
	title:"Json.stringify",
	author:[
	"众里寻他"
	],
	year:2021
	};
	letjsonText=JSON.stringify(json1);
默认情况下，JSON.stringify()会输出不包含空格或缩进的JSON字符串，因此jsonText的值是这样的：


"{"ti...]]></description><category></category></item><item><title><![CDATA[Antd G6实现自定义工具栏]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/131952578</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/131952578</guid><author>qq_32054169</author><pubDate>Fri, 10 Nov 2023 13:57:26 +0800</pubDate><description><![CDATA[Antd G6实现自定义工具栏]]></description><category></category></item><item><title><![CDATA[sourceTree无法启动]]></title><link>https://blog.youkuaiyun.com/qq_32054169/article/details/133695463</link><guid>https://blog.youkuaiyun.com/qq_32054169/article/details/133695463</guid><author>qq_32054169</author><pubDate>Mon, 09 Oct 2023 10:16:55 +0800</pubDate><description><![CDATA[前几天win10系统自动更新后，sourceTree就无法打开了，双击只是图标闪一下，电脑重启后还是无法打开。]]></description><category></category></item></channel></rss>