<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[xiaonuo930110的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/xiaonuo930110</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; xiaonuo930110]]></copyright><item><title><![CDATA[React函数式组件的hooks]]></title><link>https://blog.youkuaiyun.com/xiaonuo930110/article/details/146169955</link><guid>https://blog.youkuaiyun.com/xiaonuo930110/article/details/146169955</guid><author>xiaonuo930110</author><pubDate>Wed, 12 Mar 2025 19:20:13 +0800</pubDate><description><![CDATA[a.当需要将一个函数传递给子组件时，最好使用useCallback进行优化，将优化之后的函数传递给子组件，例如下面案例中，将changeMsg使用useCallback包裹之后，触发changeMsg事件被触发时，Demo子组件不会重新渲染。函数式组件为了拥有和class相似的生命周期及其他功能，出现了hooks，目前的hooks还是有挺多的，以下介绍一下常用的hooks。a.在某些场景下，如果state的处理逻辑比较复杂，我们可以通过useReducer来对他进行拆分。3.useRef 获取元素。]]></description><category></category></item><item><title><![CDATA[vue2中请求应该在哪个生命周期发起]]></title><link>https://blog.youkuaiyun.com/xiaonuo930110/article/details/141363503</link><guid>https://blog.youkuaiyun.com/xiaonuo930110/article/details/141363503</guid><author>xiaonuo930110</author><pubDate>Tue, 20 Aug 2024 17:22:13 +0800</pubDate><description><![CDATA[如果请求数据不需要考虑父子关系，那么在哪一个生命周期执行都是可以的，由于请求是异步函数会在同步函数的后面执行，所以在上面四个任何一个生命周期请求之后再对DOM元素进行处理，也是可以获取到DOM元素的。.如果请求方法单独封装之后放在methods中的，则不可以在beforCreate中进行this.方法名（）的方式调用，此时this指向不正确，会报错。如果父组件子组件对数据有顺序的要求，则可以根据加载父子生命周期加载顺序来合理安排放在哪个生命周期里。]]></description><category></category></item><item><title><![CDATA[vue动态设置样式]]></title><link>https://blog.youkuaiyun.com/xiaonuo930110/article/details/140345618</link><guid>https://blog.youkuaiyun.com/xiaonuo930110/article/details/140345618</guid><author>xiaonuo930110</author><pubDate>Thu, 11 Jul 2024 10:51:30 +0800</pubDate><description><![CDATA[动态设置样式有两种方式：1.动态改变class 2.动态设置style。1.动态改变class。2.动态设置style。]]></description><category></category></item><item><title><![CDATA[vue2监听storage]]></title><link>https://blog.youkuaiyun.com/xiaonuo930110/article/details/140105387</link><guid>https://blog.youkuaiyun.com/xiaonuo930110/article/details/140105387</guid><author>xiaonuo930110</author><pubDate>Mon, 01 Jul 2024 17:07:49 +0800</pubDate><description><![CDATA[A页面中代码（实际上就是localStorage.setItem(),下面的代码是封装了之后的）]]></description><category></category></item><item><title><![CDATA[flex布局（阮一峰老师的）]]></title><link>https://blog.youkuaiyun.com/xiaonuo930110/article/details/139981663</link><guid>https://blog.youkuaiyun.com/xiaonuo930110/article/details/139981663</guid><author>xiaonuo930110</author><pubDate>Wed, 26 Jun 2024 10:39:56 +0800</pubDate><description><![CDATA[网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于，依赖属性 +属性 +属性。它对于那些特殊布局非常不方便，比如，就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。]]></description><category></category></item><item><title><![CDATA[前端实现图片下载]]></title><link>https://blog.youkuaiyun.com/xiaonuo930110/article/details/139979344</link><guid>https://blog.youkuaiyun.com/xiaonuo930110/article/details/139979344</guid><author>xiaonuo930110</author><pubDate>Wed, 26 Jun 2024 09:55:11 +0800</pubDate><description><![CDATA[最近项目需要图片下载的功能，其实这个功能很常见，所以记录一下,增加印象。]]></description><category></category></item><item><title><![CDATA[node的版本管理工具nvm]]></title><link>https://blog.youkuaiyun.com/xiaonuo930110/article/details/139835290</link><guid>https://blog.youkuaiyun.com/xiaonuo930110/article/details/139835290</guid><author>xiaonuo930110</author><pubDate>Thu, 20 Jun 2024 16:09:33 +0800</pubDate><description><![CDATA[如果希望切换node的版本,有两个工具,nvm和n但是这两个都不支持windows系统。(打不开或者下不了的小伙伴可以留言找我要安装包)使用nvm use切换不了node版本。展示目前安装的所有node。nvm use "版本号"好了,成功切换node版本。安装最新版本的node。]]></description><category></category></item><item><title><![CDATA[vue2+swiper实现轮播滚动,一直显示4个轮播项,一次只滚动一个轮播项]]></title><link>https://blog.youkuaiyun.com/xiaonuo930110/article/details/139679927</link><guid>https://blog.youkuaiyun.com/xiaonuo930110/article/details/139679927</guid><author>xiaonuo930110</author><pubDate>Fri, 14 Jun 2024 14:03:35 +0800</pubDate><description><![CDATA[同时还有一些功能:鼠标移动到轮播部分停止滚动,鼠标移开之后继续滚动,点击其中一个的查看详情,也要停止滚动,关闭弹框之后开启滚动。由于我这个项目中需要定时更新数据,所以还需要收到新数据时清理掉原来的数据,显示新数据.]]></description><category></category></item><item><title><![CDATA[React的diff算法]]></title><link>https://blog.youkuaiyun.com/xiaonuo930110/article/details/123677987</link><guid>https://blog.youkuaiyun.com/xiaonuo930110/article/details/123677987</guid><author>xiaonuo930110</author><pubDate>Wed, 23 Mar 2022 10:09:08 +0800</pubDate><description><![CDATA[React在界面刷新（setState）时，并不会马上对所有的DOM节点进行操作，而是先通过diff算法计算后，再对有变化的DOM节点进行操作（native是对原生UI层进行操作），刷新步骤如下：


1. state 变化，生成新的 Virtual Dom
2. 比较 Virtual Dom 与之前 Virtual Dom 的异同
3. 生成差异对象
4. 遍历差异对象并更新真实 DOM


一、Virtual Dom 概述

对 DOM 的操作很耗时，使用 JS 对象来模拟 DOM Tree，在渲染更新]]></description><category></category></item><item><title><![CDATA[前端基础知识-http状态码(转载)]]></title><link>https://blog.youkuaiyun.com/xiaonuo930110/article/details/123660232</link><guid>https://blog.youkuaiyun.com/xiaonuo930110/article/details/123660232</guid><author>xiaonuo930110</author><pubDate>Wed, 23 Mar 2022 09:21:16 +0800</pubDate><description><![CDATA[HTTP状态码分类
HTTP 状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字没有分类的作用。HTTP 状态码共分为以下 5 种类型：

类别 原因语句
1xx Information（信息状态码） 接受的请求正在处理
2xx Success（成功状态码） 请求正常处理完毕
3xx Redirection（重定向状态码） 需要进行附加操作以完成请求
4xx Client Error（客户端错误状态码） 服务器无法处理请求
5xx...]]></description><category></category></item><item><title><![CDATA[面试前端遇到的问题]]></title><link>https://blog.youkuaiyun.com/xiaonuo930110/article/details/117792752</link><guid>https://blog.youkuaiyun.com/xiaonuo930110/article/details/117792752</guid><author>xiaonuo930110</author><pubDate>Thu, 10 Jun 2021 22:37:26 +0800</pubDate><description><![CDATA[1.列出几种不同的this指向的情形
2.原型链
3.React中this.setState被多次赋值会执行几次

]]></description><category></category></item></channel></rss>