<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Lyy_ID的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Lyy_ID</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Lyy_ID]]></copyright><item><title><![CDATA[Vue中实现虚拟滚动技术（可直接复制）]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/142344354</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/142344354</guid><author>Lyy_ID</author><pubDate>Wed, 18 Sep 2024 21:32:41 +0800</pubDate><description><![CDATA[虚拟滚动技术通过动态渲染可视区域内的元素，可以显著提高长列表的性能。在Vue中，我们可以通过计算属性和生命周期钩子来实现这一技术，为用户提供流畅的滚动体验。]]></description><category></category></item><item><title><![CDATA[JS虚拟滚动技术（可直接复制）]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/142344268</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/142344268</guid><author>Lyy_ID</author><pubDate>Wed, 18 Sep 2024 21:28:51 +0800</pubDate><description><![CDATA[虚拟滚动技术通过只渲染可视区域内的元素来提高性能，尤其适用于长列表或数据量较大的场景。通过合理使用，我们可以在用户滚动到页面底部时自动加载更多数据，从而提升用户体验。]]></description><category></category></item><item><title><![CDATA[Vue中实现触底加载效果（可直接复制）]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/142343607</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/142343607</guid><author>Lyy_ID</author><pubDate>Wed, 18 Sep 2024 20:57:15 +0800</pubDate><description><![CDATA[通过使用Vue的组合式API和，我们可以轻松实现触底加载功能。这种方法不仅提高了用户体验，而且可以有效地管理数据加载，减少不必要的数据请求。]]></description><category></category></item><item><title><![CDATA[原生js触底加载列表实现（可直接复制）]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/142325567</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/142325567</guid><author>Lyy_ID</author><pubDate>Wed, 18 Sep 2024 09:56:44 +0800</pubDate><description><![CDATA[在现代网页设计中，触底加载是一种常见的功能，它允许用户在浏览长列表时，当滚动到页面底部时自动加载更多内容。这种技术可以提高用户体验，减少一次性加载大量数据带来的延迟。本文将介绍如何使用HTML、CSS和JavaScript实现一个简单的触底加载列表。]]></description><category></category></item><item><title><![CDATA[【超详细】Node.js搭建服务器之路由基础与实践并实现模块化]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/141269442</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/141269442</guid><author>Lyy_ID</author><pubDate>Fri, 16 Aug 2024 21:26:39 +0800</pubDate><description><![CDATA[在Web开发中，路由是处理客户端请求并将其映射到服务器端资源的一种机制。Node.js提供了灵活的方式来处理HTTP请求，并通过路由来响应不同的URL。并实现模块化处理]]></description><category></category></item><item><title><![CDATA[【超详细】理解 Node.js 中的 HTTP 服务器、文件读写和流（采用fs、http、path模块）]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/141265897</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/141265897</guid><author>Lyy_ID</author><pubDate>Fri, 16 Aug 2024 18:17:20 +0800</pubDate><description><![CDATA[在本文中，我们将探讨如何使用 Node.js 创建一个简单的 HTTP 服务器，并使用文件系统模块（fs）来处理文件数据。我们会通过一个具体的例子来说明同步读取和异步流的概念，以及如何将这些数据通过 HTTP 响应发送给客户端。]]></description><category></category></item><item><title><![CDATA[vue3 watch 的多种场景用法（ref，reactive，getter函数，数组）]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/141151524</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/141151524</guid><author>Lyy_ID</author><pubDate>Tue, 13 Aug 2024 09:39:02 +0800</pubDate><description><![CDATA[watch的第一个参数响应式属性，不管是单个基本数据，还是整个对象，统一写成函数返回形式() => person.age 或 () => person，person无论是ref或者reactive定义的都可以适用，当要同时监听多个数据的时候，也是采用数组包函数返回形式。回调函数的两个参数，前者永远是新值，后者永远是旧值，根据监听的数据是单个还是多个决定参数是值(newName,oldName) => {具体逻辑}还是数组。]]></description><category></category></item><item><title><![CDATA[vue3里路由传参的两种形式——query和params区分]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/141058857</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/141058857</guid><author>Lyy_ID</author><pubDate>Fri, 09 Aug 2024 12:51:19 +0800</pubDate><description><![CDATA[vue3使用vue-router时采取query和params传参两种方式，本文介绍了两者的区别，使用方法和使用场景]]></description><category></category></item><item><title><![CDATA[前端vue+axios封装request请求，实现一行代码完成接口调用]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/140848200</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/140848200</guid><author>Lyy_ID</author><pubDate>Thu, 01 Aug 2024 15:32:21 +0800</pubDate><description><![CDATA[该blog灵感来源于实习阶段看到前人写的优秀代码，将所有api请求全部封装到js文件，只需要在相应的 vue 文件 import对应的方法即可，本人觉得异常优雅，故写一篇笔记记录。]]></description><category></category></item><item><title><![CDATA[uniapp微信小程序——微信授权登录并获得头像]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/140846043</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/140846043</guid><author>Lyy_ID</author><pubDate>Thu, 01 Aug 2024 14:39:53 +0800</pubDate><description><![CDATA[在做微信小程序时，不可避免需要调取用户的身份，那么就要用到微信官方的授权码去换用户信息。用户点击登录——同意微信授权——通过uni.getUserProfile获得用户的code——将code传递给后端，后端携带code请求微信官方接口获得用户信息返回。]]></description><category></category></item><item><title><![CDATA[蓝桥杯Web组知识点——ES6篇]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/133968876</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/133968876</guid><author>Lyy_ID</author><pubDate>Sun, 22 Oct 2023 02:14:10 +0800</pubDate><description><![CDATA[飞书云文档：蓝桥杯web组知识点——ES6篇建议打开飞书云文档食用，非飞书用户也可查看。]]></description><category></category></item><item><title><![CDATA[蓝桥杯Web组知识点——jQuery篇]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/133901474</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/133901474</guid><author>Lyy_ID</author><pubDate>Wed, 18 Oct 2023 11:03:45 +0800</pubDate><description><![CDATA[自定义事件就是用户可以自己定义一个事件。在 jQuery 中，我们使用 on 方法来定义事件，然后通过 trigger 方法来触发该事件。其语法格式为：jQuery对象.on(事件类型, 处理函数);// bind 也可以 jQuery对象.trigger(事件类型);]]></description><category></category></item><item><title><![CDATA[蓝桥杯Web组知识点——JavaScript篇]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/133840321</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/133840321</guid><author>Lyy_ID</author><pubDate>Sun, 15 Oct 2023 11:37:47 +0800</pubDate><description><![CDATA[笔者更喜欢飞书的笔记风格，故读者可查看飞书文档飞书云文档：蓝桥杯web知识点——JavaScript篇。]]></description><category></category></item><item><title><![CDATA[蓝桥杯Web组知识点——CSS篇]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/133827982</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/133827982</guid><author>Lyy_ID</author><pubDate>Sat, 14 Oct 2023 17:46:33 +0800</pubDate><description><![CDATA[蓝桥杯web组知识点——css篇
大纲：css基础语法 盒子模型 display属性 浮动和定位 css3新特性 flex布局 媒体查询]]></description><category></category></item><item><title><![CDATA[蓝桥杯Web组知识点——HTML篇]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/133820600</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/133820600</guid><author>Lyy_ID</author><pubDate>Sat, 14 Oct 2023 03:58:56 +0800</pubDate><description><![CDATA[蓝桥杯备赛 web组 html篇 ：基本结构/行内标签/块级标签/表单标签/HTML5新特性/HTML5本地存储]]></description><category></category></item><item><title><![CDATA[vue基础语法总结]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/133594312</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/133594312</guid><author>Lyy_ID</author><pubDate>Fri, 06 Oct 2023 01:21:44 +0800</pubDate><description><![CDATA[vue基础语法（更新中）]]></description><category></category></item><item><title><![CDATA[两种方法让文字实现抖音图标的故障风效果]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/132893621</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/132893621</guid><author>Lyy_ID</author><pubDate>Fri, 15 Sep 2023 02:09:35 +0800</pubDate><description><![CDATA[本文将采用两种不同的方式来达到故障风格效果。第一种为::before , ::after 伪元素。第二种为text-shadow]]></description><category></category></item><item><title><![CDATA[前端笔记——Typed.js实现打字机效果]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/132893527</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/132893527</guid><author>Lyy_ID</author><pubDate>Fri, 15 Sep 2023 01:09:34 +0800</pubDate><description><![CDATA[利用Typed.js插件实现前端文字打字机效果。通过修改配置参数，可以实现不同的文本打字效果。]]></description><category></category></item><item><title><![CDATA[前端css笔记：人物素材添加动态效果]]></title><link>https://blog.youkuaiyun.com/Lyy_ID/article/details/132892999</link><guid>https://blog.youkuaiyun.com/Lyy_ID/article/details/132892999</guid><author>Lyy_ID</author><pubDate>Fri, 15 Sep 2023 00:28:36 +0800</pubDate><description><![CDATA[对于网上的一张白底动漫人物图片，倘若就这么放在自己的页面中未免显得突兀。接下来我们进行几个操作让它在页面中更有特点。]]></description><category></category></item></channel></rss>