<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[xiaochen_____的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/xiaochen_____</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; xiaochen_____]]></copyright><item><title><![CDATA[Pinia的安装使用]]></title><link>https://blog.youkuaiyun.com/xiaochen_____/article/details/137034549</link><guid>https://blog.youkuaiyun.com/xiaochen_____/article/details/137034549</guid><author>xiaochen_____</author><pubDate>Tue, 26 Mar 2024 09:37:17 +0800</pubDate><description><![CDATA[直接性和简洁性：Pinia 的 API 设计简单直接，基于 Vue 3 的 Composition API，使得状态管理变得直观且容易上手。它不需要像 Vuex 那样定义 mutations 和 actions，使得状态管理的代码更加简洁明了。模块化和组合性：Pinia 支持模块化的 Store 设计，每个 Store 可以独立定义自己的状态和操作，并且可以轻松地被其他 Store 组合使用，这种灵活性有助于代码的重用和维护。与 Vue 3 的兼容性。]]></description><category></category></item><item><title><![CDATA[vue3+ts组件通信]]></title><link>https://blog.youkuaiyun.com/xiaochen_____/article/details/137034150</link><guid>https://blog.youkuaiyun.com/xiaochen_____/article/details/137034150</guid><author>xiaochen_____</author><pubDate>Tue, 26 Mar 2024 09:33:25 +0800</pubDate><description><![CDATA[使用适当的命名规范：确保事件名称清晰明了，并且不会与现有的DOM事件名称冲突。避免命名冲突：如果应用中有多个事件，确保它们的命名不会产生冲突。组件解耦：自定义事件适用于解耦组件，不要过度使用，过度使用它们可能导致代码难以理解和维护。修饰符操作.once 修饰符：可以使用 .once修饰符，确保事件只被触发一次。.stop 修饰符：阻止事件继续传播到父元素。.prevent 修饰符：调用事件时调用 event.preventDefault()，防止默认行为。.capture 修饰符。]]></description><category></category></item><item><title><![CDATA[前端八股文汇总]]></title><link>https://blog.youkuaiyun.com/xiaochen_____/article/details/136656226</link><guid>https://blog.youkuaiyun.com/xiaochen_____/article/details/136656226</guid><author>xiaochen_____</author><pubDate>Tue, 12 Mar 2024 16:30:09 +0800</pubDate><description><![CDATA[1️⃣ 门户网站怎么确认技术选型，如何优化SEO对于门户网站，最重要的就是：搜索引擎的优化（SEO）、不同设备兼容性、网站性能以及用户体验，可以通过以上几点作为切入点进行门户网站技术选型依据。]]></description><category></category></item><item><title><![CDATA[vue项目安装依赖报错]]></title><link>https://blog.youkuaiyun.com/xiaochen_____/article/details/129010647</link><guid>https://blog.youkuaiyun.com/xiaochen_____/article/details/129010647</guid><author>xiaochen_____</author><pubDate>Wed, 15 Feb 2023 02:30:00 +0800</pubDate><description><![CDATA[vue项目安装依赖报错]]></description><category></category></item><item><title><![CDATA[扁平化数据转换树形结构]]></title><link>https://blog.youkuaiyun.com/xiaochen_____/article/details/129010382</link><guid>https://blog.youkuaiyun.com/xiaochen_____/article/details/129010382</guid><author>xiaochen_____</author><pubDate>Mon, 13 Feb 2023 15:46:12 +0800</pubDate><description><![CDATA[扁平化数据转换]]></description><category></category></item><item><title><![CDATA[js选取（pick）和反选（reject）对象属性的方法]]></title><link>https://blog.youkuaiyun.com/xiaochen_____/article/details/129010204</link><guid>https://blog.youkuaiyun.com/xiaochen_____/article/details/129010204</guid><author>xiaochen_____</author><pubDate>Mon, 13 Feb 2023 15:37:02 +0800</pubDate><description><![CDATA[js选取（pick）和反选（reject）对象属性的方法。]]></description><category></category></item><item><title><![CDATA[js个人学习总结]]></title><link>https://blog.youkuaiyun.com/xiaochen_____/article/details/120603820</link><guid>https://blog.youkuaiyun.com/xiaochen_____/article/details/120603820</guid><author>xiaochen_____</author><pubDate>Mon, 04 Oct 2021 16:02:55 +0800</pubDate><description><![CDATA[认识javaScript

    JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

JS代码引入注意事项

想要js在某区域实现某种效果，首先要注意js语言的script标签正确引入方式。

1、在一对script标签中存在错误的js代码，那么改代码后的js将不会正常执行。

2、如果在第一对script中的js代码有错误，但不会影响下一...]]></description><category></category></item><item><title><![CDATA[仿京东放大镜效果源码分享]]></title><link>https://blog.youkuaiyun.com/xiaochen_____/article/details/120481910</link><guid>https://blog.youkuaiyun.com/xiaochen_____/article/details/120481910</guid><author>xiaochen_____</author><pubDate>Sun, 26 Sep 2021 14:58:09 +0800</pubDate><description><![CDATA[看似图片是被放大了的效果，实则是一张大图实现移动，左图最小放在图片展示列表里，右侧图片最大用于展示放大镜效果




&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
	&lt;head&gt;
		&lt;meta charset="UTF-8"&gt;
		&lt;title&gt;Title&lt;/title&gt;
		&lt;style&gt;
			#small {
				width: 130px;
				height: 130px;
				fl.]]></description><category></category></item></channel></rss>