- 博客(21)
- 收藏
- 关注
原创 旧版本浏览器做兼容
以2019年谷歌版本为例:要让你的项目在2019年的谷歌浏览器上正常运行,可能需要注意以下几点:然后在Babel配置文件中:3. CSS回退某些CSS特性如、的高级用法可能在老版本浏览器上有问题,确保为它们提供回退方案。 可以使用自动为CSS添加浏览器前缀,确保更好的兼容性。在PostCSS配置中:4. 测试与调试在老版本的Chrome中测试你的项目,确保功能和样式按预期工作。你可以使用BrowserStack或LambdaTest等工具进行跨浏览器测试。5. 避免使用
2024-08-29 11:46:43
1016
原创 useCallback、React.memo 和 useMemo
用于缓存函数实例,确保函数的引用在依赖项不变时不会改变。useMemo用于缓存计算结果,避免昂贵的计算在每次渲染时重复执行。React.memo用于缓存组件的渲染结果,通过浅比较 props 判断是否需要重新渲染。它们可以结合使用,以提高应用的性能,特别是在处理高开销的计算和组件渲染时。
2024-08-23 17:11:46
602
原创 react hooks
可以记住一个函数的引用,只有在它的依赖项发生变化时才会重新创建这个函数,从而避免了不必要的函数重新创建。这在你传递函数给子组件,或者需要优化性能时非常有用。useMemo记住一个计算结果,只有当依赖项发生变化时才会重新计算,目的是避免不必要的重复计算,提升性能。在有复杂计算或者不希望组件因为无关因素重新渲染时,使用useMemo是非常有用的。希望这个解释对你有帮助!如果你有其他问题,或者还有不明白的地方,随时问我。React.memo。
2024-08-23 16:54:29
649
原创 react-router-dom使用指南(最新V6.0.1) 详解!!!
react-router-dom使用指南(最新V6.0.1) 详解!!!
2022-09-22 21:47:01
842
原创 异步编程 async-await-网络请求-捕获错误-手写Promise-总结
异步编程 async-await-网络请求-捕获错误-手写Promise-总结
2022-09-15 23:36:03
547
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人