<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Zzexi的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Zzexi</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Zzexi]]></copyright><item><title><![CDATA[常见的浏览器跨域解决方法]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136399850</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136399850</guid><author>Zzexi</author><pubDate>Fri, 01 Mar 2024 16:31:36 +0800</pubDate><description><![CDATA[JSONP（JSON with Padding）是一种利用标签的src属性不受同源策略限制的特性来实现跨域数据请求的方法。JSONP通过在前端动态创建标签，并将请求的URL设置为需要跨域访问的API地址，来获取跨域数据。// 处理返回的JSON数据// 动态创建script标签var'script';;;});]]></description><category></category></item><item><title><![CDATA[浅谈vue函数式组件]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136395923</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136395923</guid><author>Zzexi</author><pubDate>Fri, 01 Mar 2024 14:40:29 +0800</pubDate><description><![CDATA[函数式组件是通过一个返回虚拟 DOM 对象的函数来定义的。这个函数接收props作为参数，并且必须返回一个有效的虚拟 DOM 结构。// 定义一个函数式组件// 基于 props 计算或渲染内容return (// 或者使用 render 函数形式// 注册组件在这个例子中，是一个函数式组件，它接收一个props对象作为参数，并返回一个虚拟 DOM 结构。]]></description><category></category></item><item><title><![CDATA[浅谈vue的自定义指令]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136395157</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136395157</guid><author>Zzexi</author><pubDate>Fri, 01 Mar 2024 14:20:54 +0800</pubDate><description><![CDATA[Vue 的自定义指令是一种强大的工具，允许你为 DOM 元素添加自定义行为。自定义指令可以通过 Vue 的  全局 API 或组件内的  选项来定义。下面是如何使用 Vue 的自定义指令的基本步骤：

在模板中使用自定义指令


在这个例子中，我们创建了一个名为  的自定义指令。当这个指令绑定到一个元素上时， 钩子函数会在元素被插入到 DOM 时被调用，使该元素自动获得焦点。扩展性：自定义指令允许你为 Vue 添加新的功能，这些功能在核心库中可能并不存在。通过自定义指令，你可以轻松地扩展 Vue 的功能，以]]></description><category></category></item><item><title><![CDATA[什么是虚拟DOM，有什么作用？有了解过diff算法吗？]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136394398</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136394398</guid><author>Zzexi</author><pubDate>Fri, 01 Mar 2024 13:58:18 +0800</pubDate><description><![CDATA[在虚拟DOM中，当状态发生变化时，Diff算法被用来计算新旧虚拟DOM树之间的差异，并生成一个最小化的操作列表，这些操作将应用于真实的DOM树以实现更新。开发者通过操作这个JavaScript对象来描述视图层的状态，当这个状态发生变化时，虚拟DOM会计算出新的视图并与之前的视图进行比较，然后找出差异并应用到真实的DOM上。这样，真实的DOM只会更新必要的部分，从而减少了不必要的性能开销。：虚拟DOM基于差异计算，只更新需要改变的部分，而不是整个DOM树，这减少了不必要的DOM操作，提高了页面更新的效率。]]></description><category></category></item><item><title><![CDATA[浅谈Vue的数据响应式]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136394149</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136394149</guid><author>Zzexi</author><pubDate>Fri, 01 Mar 2024 13:50:28 +0800</pubDate><description><![CDATA[Vue.js 的核心特性之一是它的响应式系统，这意味着当数据发生变化时，Vue 能够自动更新依赖这些数据的 DOM。这种能力使得开发者能够以声明式的方式构建用户界面，而不需要手动处理 DOM 更新。这就是 Vue 实现数据响应式的基本原理。需要注意的是，这个过程是 Vue 的内部实现，开发者通常不需要直接操作。开发者只需要关注如何声明式地绑定数据到模板，以及如何在数据变化时触发相应的逻辑即可。Vue 的响应式系统主要基于 Object.defineProperty() 方法来实现。]]></description><category></category></item><item><title><![CDATA[聊一聊TypeScript的相关知识点]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136371777</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136371777</guid><author>Zzexi</author><pubDate>Thu, 29 Feb 2024 15:08:20 +0800</pubDate><description><![CDATA[类型注解允许你明确指定变量的类型。]]></description><category></category></item><item><title><![CDATA[css常用选择器]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136371431</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136371431</guid><author>Zzexi</author><pubDate>Thu, 29 Feb 2024 14:55:58 +0800</pubDate><description><![CDATA[【代码】css常用选择器。]]></description><category></category></item><item><title><![CDATA[浅谈ES6的新特性(结合代码对比ES5语法)]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136225429</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136225429</guid><author>Zzexi</author><pubDate>Thu, 22 Feb 2024 09:51:36 +0800</pubDate><description><![CDATA[ES6中的let关键字提供了块级作用域，解决了var关键字导致的变量提升和重复声明问题。这使得代码的作用域更加清晰，减少了潜在的错误。]]></description><category></category></item><item><title><![CDATA[浅谈前后端数据加密的方法]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136225210</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136225210</guid><author>Zzexi</author><pubDate>Thu, 22 Feb 2024 09:42:50 +0800</pubDate><description><![CDATA[在实际应用中，通常需要根据具体场景和需求选择合适的加密方法。同时，也需要注意密钥的安全管理和保护，以防止数据泄露和非法访问。]]></description><category></category></item><item><title><![CDATA[异步编程的几种实现方式]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136193120</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136193120</guid><author>Zzexi</author><pubDate>Tue, 20 Feb 2024 16:21:01 +0800</pubDate><description><![CDATA[异步编程是一种编程模型，允许某些操作（通常是耗时的）在不阻塞主程序执行的情况下进行。这通常用于提高程序的响应性和效率，特别是在处理I/O操作（如网络请求或文件读写）时。]]></description><category></category></item><item><title><![CDATA[VUE3+TS+elementPlus项目基础搭建学习]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136190314</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136190314</guid><author>Zzexi</author><pubDate>Tue, 20 Feb 2024 14:59:32 +0800</pubDate><description><![CDATA[完成以上步骤后，就成功搭建了一个使用 Vue 3, TypeScript 和 Element Plus 的项目，并创建了一个基础示例页面。在Vue项目中，TypeScript可以用于增强代码的类型安全性、提供自动补全和更好的重构工具。在你的项目中安装 Element Plus，这是一个为 Vue 3 设计的 UI 组件库。你可以根据项目的需求修改这个配置，比如调整目标版本、添加类型别名、配置路径别名等。在创建项目的过程中，CLI 会询问你一些问题来定制项目配置。这样，你就可以在Vue组件中通过。]]></description><category></category></item><item><title><![CDATA[浅谈宏任务跟微任务的理解]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136189878</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136189878</guid><author>Zzexi</author><pubDate>Tue, 20 Feb 2024 14:37:22 +0800</pubDate><description><![CDATA[在JavaScript的事件循环（Event Loop）中，任务被分为宏任务（MacroTask）和微任务（MicroTask）两种。这两种任务类型在事件循环中有不同的处理优先级和执行时机。]]></description><category></category></item><item><title><![CDATA[浅谈Vue组件之间的通信]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136189490</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136189490</guid><author>Zzexi</author><pubDate>Tue, 20 Feb 2024 14:31:29 +0800</pubDate><description><![CDATA[这样可以将不同的功能模块的状态分开管理，同时也可以通过modules之间的通信实现非父子组件之间的通信。在大多数情况下，Vuex是最常用的方法，因为它提供了可预测的状态管理，使得组件之间的通信更加清晰和易于维护。：Vuex是Vue的状态管理模式，用于在多个组件之间共享状态。：如果两个非父子组件之间存在一个共同的父组件，那么可以通过父组件作为中介来实现它们之间的通信。这种方式主要用于高阶组件库的开发，但也可以用于非父子组件之间的通信。这样，任何组件都可以触发事件，并且任何组件都可以监听这些事件。]]></description><category></category></item><item><title><![CDATA[程序员为什么不喜欢关电脑？]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136188838</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136188838</guid><author>Zzexi</author><pubDate>Tue, 20 Feb 2024 14:00:24 +0800</pubDate><description><![CDATA[虽然这些原因解释了为什么程序员可能不喜欢关电脑，但也要注意到，长时间不关机也可能带来一些负面影响，如硬件磨损、性能下降等。因此，程序员应该在保持工作效率和系统健康之间找到一个平衡点。]]></description><category></category></item><item><title><![CDATA[常见的web前端开发框架推荐]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136184863</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136184863</guid><author>Zzexi</author><pubDate>Tue, 20 Feb 2024 10:51:24 +0800</pubDate><description><![CDATA[总结来说，每个框架都有其独特的优点和适用场景。在选择框架时，你需要考虑你的项目需求、团队经验和个人偏好。同时，也要考虑框架的入手难度、性能、稳定性、适用场景和维护成本等因素。]]></description><category></category></item><item><title><![CDATA[浅谈前端性能优化的方法]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136183776</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136183776</guid><author>Zzexi</author><pubDate>Tue, 20 Feb 2024 10:21:26 +0800</pubDate><description><![CDATA[前端性能优化方法有很多，通常需要综合应用，以实现最佳的前端性能优化效果。]]></description><category></category></item><item><title><![CDATA[cookie，sessionStorage和localStorage的区别]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136183734</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136183734</guid><author>Zzexi</author><pubDate>Tue, 20 Feb 2024 10:09:10 +0800</pubDate><description><![CDATA[cookie、sessionStorage和localStorage都是浏览器的本地存储技术，它们有一些共同点，如都是用来在客户端存储数据，但也有一些重要的区别。总的来说，cookie、sessionStorage和localStorage各有其特点，需要根据具体的应用场景和需求来选择使用哪一种。]]></description><category></category></item><item><title><![CDATA[介绍一下浏览器的缓存（Expires, Cache-Control等）]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136170508</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136170508</guid><author>Zzexi</author><pubDate>Mon, 19 Feb 2024 14:55:04 +0800</pubDate><description><![CDATA[浏览器的缓存机制通过Expires以及其他相关头部字段，实现了对网页和资源的有效缓存和更新控制。这不仅提高了网页的加载速度，还降低了服务器的负载和带宽的使用，为用户提供了更好的浏览体验。开发者可以通过合理地设置这些头部字段来优化应用的性能。]]></description><category></category></item><item><title><![CDATA[浅谈Java和JavaScript区别与联系]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136170111</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136170111</guid><author>Zzexi</author><pubDate>Mon, 19 Feb 2024 14:40:50 +0800</pubDate><description><![CDATA[总的来说，Java和JavaScript虽然名字相似，但在设计目标、语法、类型系统、内存管理、性能和执行环境等方面存在显著区别。它们各自在不同领域有着广泛的应用，了解它们的区别和联系对于有效地使用这两种语言非常重要。Java和JavaScript虽然名字相似，但它们是由不同的公司开发的不同产品，存在明显的区别。]]></description><category></category></item><item><title><![CDATA[浅谈优化SPA首屏加载速度]]></title><link>https://blog.youkuaiyun.com/Zzexi/article/details/136168964</link><guid>https://blog.youkuaiyun.com/Zzexi/article/details/136168964</guid><author>Zzexi</author><pubDate>Mon, 19 Feb 2024 14:30:48 +0800</pubDate><description><![CDATA[SPA（单页面应用）首屏加载速度慢的问题，通常可以通过以下几种方式来解决：]]></description><category></category></item></channel></rss>