- 博客(18)
- 收藏
- 关注
RSS订阅原创 React中使用@reduxjs/toolkit和react-redux进行状态管理
我们使用useEffect钩子函数在组件挂载后触发异步操作，通过dispatch(fetchCountAsync())来分发异步thunk函数。在需要使用状态的组件中，使用useSelector钩子函数获取状态值，使用useDispatch钩子函数获取dispatch函数。在Slice模块中，使用createAsyncThunk来定义一个异步的thunk函数，用于处理异步操作。2、创建一个Slice模块来定义状态的初始值、actions和reducer。创建一个Store模块来配置Redux的store。
2023-07-11 16:32:45
247
原创 VUE3+TS+Vite使用i18n国际化插件
vue-i18n提供了一个全局变量locale，直接修改即可。此时浏览器的调试框可能会出现i18n的警告信息，可以在。3.最后在main.ts引入就好了。文件中加入下面的代码。
2023-05-08 16:21:49
590
1
原创 axios请求优化
axios请求优化使用拦截器：可以在请求拦截器中进行一些公共操作，例如添加请求头、设置token、转换请求参数等；在响应拦截器中进行一些公共操作，例如错误处理、转换响应数据等。配置默认参数：可以通过 axios.defaults 设置全局的默认参数，例如 baseURL、timeout 等。缓存配置：可以通过 params 参数来实现简单的缓存，例如设置 params: { _: Date.now()}，每次请求时都带上时间戳，这样可以避免浏览器缓存的影响。取消重复请求：可以使用 axios
2023-05-05 19:45:42
534
原创 axios 封装，支持取消重复请求
使用时，直接引入该文件，通过 import axios from ‘路径’ 引入该 axios 实例，就可以使用了。该封装会在请求拦截器中判断当前请求是否与正在进行的请求相同，如果相同则取消之前的请求，并在 pendingRequests 中存放当前请求的 cancel token。如果需要取消正在进行的请求，可以在组件的生命周期中调用 axios.cancel(requestKey) 方法，该方法会根据请求的 key 取消对应的请求。
2023-05-05 19:41:52
266
原创 一款实现树形结构的插件vue-tree-color
通过以上步骤，我们可以在Vue中使用vue-tree-color组件实现树形结构的展示和交互，并且可以自定义节点图标和颜色。需要注意的是，vue-tree-color还支持更多的配置选项和事件回调函数，可以根据实际情况进行使用和修改。vue-tree-color是一款基于Vue.js的树形组件，支持树形结构的展开/折叠、选中、拖拽等功能，并且可以自定义节点图标和颜色。vue-tree-color支持自定义节点图标和颜色。1.安装vue-tree-color。3.使用vue-tree-color。
2023-04-28 15:38:16
2627
原创 JavaScript中，使用数组的 filter() 方法和另一个数组作为过滤条件来过滤数组。
在这个示例中，filter() 方法使用了一个匿名函数作为参数，这个函数检查数组中的每个元素是否在 filterArr 数组中出现。如果数组中的元素在 filterArr 中出现，则该元素被包含在返回的新数组中。在JavaScript中，可以使用数组的 filter() 方法和另一个数组作为过滤条件来过滤数组。使用这种方法，可以通过一个数组来动态地过滤另一个数组中的元素。
2023-04-28 15:31:46
400
原创 在 JavaScript 中，实现对象的深拷贝
利用 JSON.stringify() 和 JSON.parse() 可以实现对象的深拷贝，但是该方法存在一定的限制，例如无法复制函数和原型链等，同时也不能复制循环引用对象。Object.assign() 方法可以将多个对象的属性复制到目标对象中，也可以实现浅拷贝和深拷贝，但是不能处理嵌套对象的深度复制。使用第三方库如 lodash、underscore 等，可以快速、简单地实现对象的深拷贝。4.使用 ES6 的 Object.assign() 方法。2.使用 JSON 序列化和反序列化。
2023-04-28 15:26:59
202
原创 VUE实现弹出框 点击空白页弹框消失
同时，我们在 created 钩子函数中给 document 绑定了一个点击事件，用来监听页面的点击事件。在 onClickOutside 方法中，如果当前弹出框显示，并且点击的元素不是弹出框内的元素，则关闭弹出框。在Vue中创建一个弹出框组件，用来呈现弹出框的内容和样式。该组件应该接受两个 props，一个是 show，表示弹出框是否显示，另一个是 onClose，表示弹出框的关闭函数。在父组件中使用上述弹出框组件，同时在空白区域给document绑定点击事件，在点击非弹出框区域时关闭弹出框。
2023-04-04 15:45:33
3849
原创 大文件切片上传
函数将所有小文件合并成完整的文件。函数是文件上传的入口，它首先使用。函数依次上传每个小文件，最后使用。函数将大文件切片，然后使用。函数实现了文件切片，函数实现了文件上传，函数实现了文件合并。
2023-04-04 15:13:48
107
原创 NodeJs实现websocket
我们首先导入ws模块，然后通过WebSocket.Server创建一个WebSocket服务器。接着监听connection事件，当有客户端连接时就会执行回调函数，并创建一个WebSocket实例。然后我们可以监听message事件来接收客户端发送的消息，使用ws.send方法将消息发送给客户端。最后，我们还监听close事件，当客户端断开连接时会执行回调函数。WebSocket是一种在单个TCP连接上进行全双工通信的协议，在web开发中常用于实现实时通信。
2023-04-04 15:04:40
748
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人