xwjt-CSDN博客

原创 React 中的 useReducer、useMemo、React.memo 与 useCallback 的使用

React Hooks进阶摘要本文介绍了React中四个关键Hooks： useReducer：管理复杂状态，通过dispatch派发action更新状态 useMemo：缓存计算结果，仅在依赖项变化时重新计算 React.memo：缓存组件，避免不必要的重新渲染 useCallback：缓存函数引用，保持函数稳定性这些Hooks共同解决了性能优化问题，如避免不必要的计算、组件渲染和函数重建，适用于处理复杂状态和提升应用性能的场景。

2025-07-15 17:07:01 339

原创 JavaScript封装一个文件下载函数

本文详细解析了一个封装文件下载的JavaScript函数。该函数通过API获取文件数据后，从响应头中解析文件名（支持UTF-8编码和普通格式），创建下载链接并触发下载。关键点包括：使用可选链操作符安全访问响应头，正则表达式匹配两种文件名格式，URL解码处理UTF-8编码的文件名，以及通过创建临时链接实现文件下载。函数还包含完善的错误处理机制，当无法解析文件名时使用默认值"download"。

2025-07-14 15:06:42 308

原创第一个vue项目总结

本文介绍了JavaScript中的回调函数、Promise.reject/resolve方法、登录验证逻辑以及对象展开语法和深浅拷贝的区别。回调函数作为参数传递；Promise.reject/resolve分别处理异步操作的成功与失败；登录验证通过路由守卫判断用户状态；对象展开{...record}实现浅拷贝；深拷贝需使用JSON.parse(JSON.stringify())或递归函数。关键区别在于浅拷贝只复制引用，而深拷贝完全独立复制嵌套对象。

2025-06-16 15:58:09 820

原创 vue与react中router的使用

使用useRouter也可以进行页面的跳转，此方法返回一个路由的实例，在这个实例中，有一个push方法，传入一个参数，属性可以是一个字符串，也可以是一个对象。用此方法，就可以跳转路由，他接受的参数，跟上面的router link相同。语法说明：通过给组件的to属性指定要跳转到路由path，组件会被渲染为浏览器支持的a链接，如果需要传参直接通过字符串拼接的方式拼接参数即可。当访问的是一级路由时，默认的二级路由组件可以得到渲染，只需要在二级路由的位置去掉path，设置index属性为true。

2025-06-16 15:52:44 658