<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[XHSRookies的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/XHSRookies</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; XHSRookies]]></copyright><item><title><![CDATA[前端面试系列六：手写程序算法题]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119907627</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119907627</guid><author>XHSRookies</author><pubDate>Wed, 25 Aug 2021 11:33:55 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！

面试系列不定期更新，请随时关注

前言
本篇专栏重点在于讲解面试中 手写程序题/算法题 ]]></description><category></category></item><item><title><![CDATA[前端面试系列五：浏览器及计算机基础]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119865823</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119865823</guid><author>XHSRookies</author><pubDate>Mon, 23 Aug 2021 11:34:17 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！

面试系列不定期更新，请随时关注

前言
本篇专栏重点在于讲解面试中 浏览器/计算机基础知]]></description><category></category></item><item><title><![CDATA[前端面试系列四：网络及存储]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119820211</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119820211</guid><author>XHSRookies</author><pubDate>Fri, 20 Aug 2021 11:47:48 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！

面试系列不定期更新，请随时关注

前言
本篇专栏重点在于讲解面试中 网络及存储 的面试题]]></description><category></category></item><item><title><![CDATA[前端面试系列三：前端框架]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119776525</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119776525</guid><author>XHSRookies</author><pubDate>Wed, 18 Aug 2021 11:27:30 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！

面试系列不定期更新，请随时关注

前言
本篇专栏重点在于讲解面试中 框架（react、v]]></description><category></category></item><item><title><![CDATA[前端面试系列二：HTML / CSS]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119729903</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119729903</guid><author>XHSRookies</author><pubDate>Mon, 16 Aug 2021 11:52:02 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！

面试系列不定期更新，请随时关注

前言
本篇专栏重点在于讲解面试中 HTML + CSS]]></description><category></category></item><item><title><![CDATA[前端面试系列一：JavaScript / ES6]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119672785</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119672785</guid><author>XHSRookies</author><pubDate>Fri, 13 Aug 2021 12:07:17 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！

面试系列不定期更新，请随时关注

前言
本篇专栏重点在于讲解面试中 JavaScript]]></description><category></category></item><item><title><![CDATA[前端面试系列：总集篇]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119603754</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119603754</guid><author>XHSRookies</author><pubDate>Wed, 11 Aug 2021 13:15:14 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！

面试系列不定期更新，请随时关注

前言
2021 年秋招马上来了，很多小伙伴也开始着手准]]></description><category></category></item><item><title><![CDATA[hooks 系列九：hooks 实战]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119536760</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119536760</guid><author>XHSRookies</author><pubDate>Mon, 09 Aug 2021 14:09:42 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
实战案例：留言功能
我们学完了 react-hooks 的一些基础内容，现在是我们的一个实]]></description><category></category></item><item><title><![CDATA[hooks 系列八：hooks 小结]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119380832</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119380832</guid><author>XHSRookies</author><pubDate>Wed, 04 Aug 2021 11:46:16 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
Hooks 小结
到此为止，我们的 hooks 系列只剩下最后一个大案例了。现在我们来对之]]></description><category></category></item><item><title><![CDATA[hooks 系列七：自定义 hook]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119322146</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119322146</guid><author>XHSRookies</author><pubDate>Mon, 02 Aug 2021 11:45:11 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
自定义 hook
官方文档在讲自定义 hook时，给了一个好友状态的例子，但是例子较为复杂]]></description><category></category></item><item><title><![CDATA[hooks 系列六：hook 规则]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119322124</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119322124</guid><author>XHSRookies</author><pubDate>Mon, 02 Aug 2021 11:44:02 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
Hooks 使用规则
Hook 是 React 16.8 的新增特性。它可以让你在不编写 ]]></description><category></category></item><item><title><![CDATA[hooks 系列五：useCallBack]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119245331</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119245331</guid><author>XHSRookies</author><pubDate>Fri, 30 Jul 2021 13:10:18 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
前言
这篇文章，我们主要目的是了解一下 （useCallback） 的使用.
useCal]]></description><category></category></item><item><title><![CDATA[hooks 系列四：useRefs]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119245352</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119245352</guid><author>XHSRookies</author><pubDate>Fri, 30 Jul 2021 13:10:02 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
前言
这篇文章，我们主要目的是了解一下 useRefs 的使用.
useRefs
定义
u]]></description><category></category></item><item><title><![CDATA[hooks 系列三：useEffect]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119178274</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119178274</guid><author>XHSRookies</author><pubDate>Wed, 28 Jul 2021 14:13:07 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
前言
这篇文章，我们主要目的是了解一下 共享状态钩子（useEffect） 的使用.
us]]></description><category></category></item><item><title><![CDATA[hooks 系列二：useState]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119178235</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119178235</guid><author>XHSRookies</author><pubDate>Wed, 28 Jul 2021 14:11:58 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
前言
这篇文章，我们主要目的是了解一下 状态钩子（useState） 的使用.
useSt]]></description><category></category></item><item><title><![CDATA[hooks 系列一：简介]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119106331</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119106331</guid><author>XHSRookies</author><pubDate>Mon, 26 Jul 2021 11:43:02 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
React-Hooks 简介
react 为什么要有一个 hooks？
1.有状态的类组件]]></description><category></category></item><item><title><![CDATA[hooks 系列 - 前言]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119106300</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119106300</guid><author>XHSRookies</author><pubDate>Mon, 26 Jul 2021 11:41:51 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
我们为什么要学 hooks
没有破坏性改动

hooks 是完全可选的 ： 不需要重写任何]]></description><category></category></item><item><title><![CDATA[React 系列实战篇：增加登录（四）]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119106250</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119106250</guid><author>XHSRookies</author><pubDate>Mon, 26 Jul 2021 11:40:07 +0800</pubDate><description><![CDATA[实战案例(四)：完善留言版登录
我们这次学了一些新内容，我们需要将之前的改版。
首先我们需要登录页面，并且通过HOC（高阶组件）添加鉴权功能。加上路由跳转，完善页面。
增加路由
yarn add react-router-dom

我们先加入react-router
修改路由配置
我们需要修改index.js，之前的index.js中一直只有App.js一个，我们将路由的配置添加到index.js中。
ReactDOM.render(
  &lt;React.StrictMode&gt;
    &lt;B]]></description><category></category></item><item><title><![CDATA[React 系列实战篇：留言功能（三）]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119086410</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119086410</guid><author>XHSRookies</author><pubDate>Sun, 25 Jul 2021 19:35:59 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
实战案例(三)：留言功能改版
我们这次学了一些新内容，我们需要将之前的改版。
新增点赞功能]]></description><category></category></item><item><title><![CDATA[React 系列实战篇：留言功能（二）]]></title><link>https://blog.youkuaiyun.com/XHSRookies/article/details/119086389</link><guid>https://blog.youkuaiyun.com/XHSRookies/article/details/119086389</guid><author>XHSRookies</author><pubDate>Sun, 25 Jul 2021 19:35:05 +0800</pubDate><description><![CDATA[快来加入我们吧！
"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习，及时获取最新文章。
"Code tailor" ，如果您对我们文章感兴趣、或是想提一些建议，微信关注 “小和山的菜鸟们” 公众号，与我们取的联系，您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励！
实战案例(二)：留言功能改进
学到这里，我们把上面案例给修改一下，不要通过原始的 html]]></description><category></category></item></channel></rss>