<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[NIKKT的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/NIKKT</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; NIKKT]]></copyright><item><title><![CDATA[React中使用@reduxjs/toolkit和react-redux进行状态管理]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/131662708</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/131662708</guid><author>NIKKT</author><pubDate>Tue, 11 Jul 2023 16:32:45 +0800</pubDate><description><![CDATA[我们使用useEffect钩子函数在组件挂载后触发异步操作，通过dispatch(fetchCountAsync())来分发异步thunk函数。在需要使用状态的组件中，使用useSelector钩子函数获取状态值，使用useDispatch钩子函数获取dispatch函数。在Slice模块中，使用createAsyncThunk来定义一个异步的thunk函数，用于处理异步操作。2、创建一个Slice模块来定义状态的初始值、actions和reducer。创建一个Store模块来配置Redux的store。]]></description><category></category></item><item><title><![CDATA[VUE3+TS+Vite使用i18n国际化插件]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/130561359</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/130561359</guid><author>NIKKT</author><pubDate>Mon, 08 May 2023 16:21:49 +0800</pubDate><description><![CDATA[vue-i18n提供了一个全局变量locale，直接修改即可。此时浏览器的调试框可能会出现i18n的警告信息，可以在。3.最后在main.ts引入就好了。文件中加入下面的代码。]]></description><category></category></item><item><title><![CDATA[axios请求优化]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/130513910</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/130513910</guid><author>NIKKT</author><pubDate>Fri, 05 May 2023 19:45:42 +0800</pubDate><description><![CDATA[axios请求优化

使用拦截器：可以在请求拦截器中进行一些公共操作，例如添加请求头、设置
token、转换请求参数等；在响应拦截器中进行一些公共操作，例如错误处理、转换响应数据等。
配置默认参数：可以通过 axios.defaults 设置全局的默认参数，例如 baseURL、timeout 等。
缓存配置：可以通过 params 参数来实现简单的缓存，例如设置 params: { _: Date.now()
}，每次请求时都带上时间戳，这样可以避免浏览器缓存的影响。
取消重复请求：可以使用 axios ]]></description><category></category></item><item><title><![CDATA[axios 封装，支持取消重复请求]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/130513825</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/130513825</guid><author>NIKKT</author><pubDate>Fri, 05 May 2023 19:41:52 +0800</pubDate><description><![CDATA[使用时，直接引入该文件，通过 import axios from ‘路径’ 引入该 axios 实例，就可以使用了。该封装会在请求拦截器中判断当前请求是否与正在进行的请求相同，如果相同则取消之前的请求，并在 pendingRequests 中存放当前请求的 cancel token。如果需要取消正在进行的请求，可以在组件的生命周期中调用 axios.cancel(requestKey) 方法，该方法会根据请求的 key 取消对应的请求。]]></description><category></category></item><item><title><![CDATA[一款实现树形结构的插件vue-tree-color]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/130427381</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/130427381</guid><author>NIKKT</author><pubDate>Fri, 28 Apr 2023 15:38:16 +0800</pubDate><description><![CDATA[通过以上步骤，我们可以在Vue中使用vue-tree-color组件实现树形结构的展示和交互，并且可以自定义节点图标和颜色。需要注意的是，vue-tree-color还支持更多的配置选项和事件回调函数，可以根据实际情况进行使用和修改。vue-tree-color是一款基于Vue.js的树形组件，支持树形结构的展开/折叠、选中、拖拽等功能，并且可以自定义节点图标和颜色。vue-tree-color支持自定义节点图标和颜色。1.安装vue-tree-color。3.使用vue-tree-color。]]></description><category></category></item><item><title><![CDATA[JavaScript中，使用数组的 filter() 方法和另一个数组作为过滤条件来过滤数组。]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/130427272</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/130427272</guid><author>NIKKT</author><pubDate>Fri, 28 Apr 2023 15:31:46 +0800</pubDate><description><![CDATA[在这个示例中，filter() 方法使用了一个匿名函数作为参数，这个函数检查数组中的每个元素是否在 filterArr 数组中出现。如果数组中的元素在 filterArr 中出现，则该元素被包含在返回的新数组中。在JavaScript中，可以使用数组的 filter() 方法和另一个数组作为过滤条件来过滤数组。使用这种方法，可以通过一个数组来动态地过滤另一个数组中的元素。]]></description><category></category></item><item><title><![CDATA[在 JavaScript 中，实现对象的深拷贝]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/130427025</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/130427025</guid><author>NIKKT</author><pubDate>Fri, 28 Apr 2023 15:26:59 +0800</pubDate><description><![CDATA[利用 JSON.stringify() 和 JSON.parse() 可以实现对象的深拷贝，但是该方法存在一定的限制，例如无法复制函数和原型链等，同时也不能复制循环引用对象。Object.assign() 方法可以将多个对象的属性复制到目标对象中，也可以实现浅拷贝和深拷贝，但是不能处理嵌套对象的深度复制。使用第三方库如 lodash、underscore 等，可以快速、简单地实现对象的深拷贝。4.使用 ES6 的 Object.assign() 方法。2.使用 JSON 序列化和反序列化。]]></description><category></category></item><item><title><![CDATA[VUE实现弹出框 点击空白页弹框消失]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/129954872</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/129954872</guid><author>NIKKT</author><pubDate>Tue, 04 Apr 2023 15:45:33 +0800</pubDate><description><![CDATA[同时，我们在 created 钩子函数中给 document 绑定了一个点击事件，用来监听页面的点击事件。在 onClickOutside 方法中，如果当前弹出框显示，并且点击的元素不是弹出框内的元素，则关闭弹出框。在Vue中创建一个弹出框组件，用来呈现弹出框的内容和样式。该组件应该接受两个 props，一个是 show，表示弹出框是否显示，另一个是 onClose，表示弹出框的关闭函数。在父组件中使用上述弹出框组件，同时在空白区域给document绑定点击事件，在点击非弹出框区域时关闭弹出框。]]></description><category></category></item><item><title><![CDATA[React实现国际化]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/129954585</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/129954585</guid><author>NIKKT</author><pubDate>Tue, 04 Apr 2023 15:38:49 +0800</pubDate><description><![CDATA[React实现国际化]]></description><category></category></item><item><title><![CDATA[VUE实现国际化]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/129954435</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/129954435</guid><author>NIKKT</author><pubDate>Tue, 04 Apr 2023 15:35:14 +0800</pubDate><description><![CDATA[Vue实现国际化]]></description><category></category></item><item><title><![CDATA[正则表达式]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/129954272</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/129954272</guid><author>NIKKT</author><pubDate>Tue, 04 Apr 2023 15:30:47 +0800</pubDate><description><![CDATA[正则表达式]]></description><category></category></item><item><title><![CDATA[React中实现富文本编辑器]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/129953914</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/129953914</guid><author>NIKKT</author><pubDate>Tue, 04 Apr 2023 15:23:42 +0800</pubDate><description><![CDATA[富文本编辑器]]></description><category></category></item><item><title><![CDATA[大文件切片上传]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/129953668</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/129953668</guid><author>NIKKT</author><pubDate>Tue, 04 Apr 2023 15:13:48 +0800</pubDate><description><![CDATA[函数将所有小文件合并成完整的文件。函数是文件上传的入口，它首先使用。函数依次上传每个小文件，最后使用。函数将大文件切片，然后使用。函数实现了文件切片，函数实现了文件上传，函数实现了文件合并。]]></description><category></category></item><item><title><![CDATA[NodeJs实现websocket]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/129953164</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/129953164</guid><author>NIKKT</author><pubDate>Tue, 04 Apr 2023 15:04:40 +0800</pubDate><description><![CDATA[我们首先导入ws模块，然后通过WebSocket.Server创建一个WebSocket服务器。接着监听connection事件，当有客户端连接时就会执行回调函数，并创建一个WebSocket实例。然后我们可以监听message事件来接收客户端发送的消息，使用ws.send方法将消息发送给客户端。最后，我们还监听close事件，当客户端断开连接时会执行回调函数。WebSocket是一种在单个TCP连接上进行全双工通信的协议，在web开发中常用于实现实时通信。]]></description><category></category></item><item><title><![CDATA[性能优化篇]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/129526949</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/129526949</guid><author>NIKKT</author><pubDate>Tue, 14 Mar 2023 15:20:46 +0800</pubDate><description><![CDATA[同时]]></description><category></category></item><item><title><![CDATA[浅学webpack[2]]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/129418800</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/129418800</guid><author>NIKKT</author><pubDate>Thu, 09 Mar 2023 10:59:23 +0800</pubDate><description><![CDATA[webpack.config.js文件。package.json 文件。]]></description><category></category></item><item><title><![CDATA[axios封装：Vue3+TS]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/129382904</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/129382904</guid><author>NIKKT</author><pubDate>Tue, 07 Mar 2023 15:18:10 +0800</pubDate><description><![CDATA[新建目录 src/api/index.ts。使用 src/api/login.ts。]]></description><category></category></item><item><title><![CDATA[浅学webpack[0]]]></title><link>https://blog.youkuaiyun.com/NIKKT/article/details/129361187</link><guid>https://blog.youkuaiyun.com/NIKKT/article/details/129361187</guid><author>NIKKT</author><pubDate>Mon, 06 Mar 2023 14:16:06 +0800</pubDate><description><![CDATA[webpack.config.js文件。package.json文件。]]></description><category></category></item></channel></rss>