- 博客(5)
- 收藏
- 关注
原创 React 的优缺点
相反,我们编写的虚拟组件会将react转换为DOM,从而获得更流畅、更快的性能。虚拟DOM的工作速度很快,因为它只更改单个DOM元素,而不是每次都重新加载完整的DOM。创建一个专门使用HTML字符串的动态web应用程序是一件棘手的事情,因为它需要复杂的编码,但是React JS解决了这个问题并使其变得更容易。它提供了一个范围,在这个范围内,开发人员可以在本地工具的帮助下测试和调试他们的代码。因为搜索引擎的爬虫程序依赖的是服务端响应而不是JavaScript的执行,预渲染你的应用有助于搜索引擎优化。
2023-10-06 13:37:29 258 1
原创 React axios 二次分装
message = "token失效,请重新登陆"message = "请求地址错误"message = "服务器故障"message = "拒绝访问"message="网络连接故障"//超出2xx范围的状态码都会触发该方法。//2XX范围内的状态码都会触发该函数。2、创建request.ts文件。//对请求错误做些什么。//对响应数据做点什么。//对响应错误做点什么。//创建axios实例。
2023-10-06 13:35:21 105 1
原创 React组件之间通信的方法
7、Portals - 适用 Tooltip、Modal、Popup等。5、Parent Component - 利用父组件通信。3、Callback Functions - 回调函数。9、Observer Pattern - 观察者模式。4、Event Bubbling - 事件冒泡机制。8、Global Variables - 全局变量。10、Redux/mobx等。
2023-10-06 13:29:56 53 1
原创 React常用hook的作用及用法
memo如果只写一个参数,会自动比较上一次的 props 和 下一次的 props 有没有改变,如果有改变,重新渲染子组件,没改变,不渲染,但是它只能比较基础数据类型,所以,我们会使用useCallback来缓存复杂类型。存储定时器和异步操作的引用:可以使用useRef存储定时器和异步操作的引用,从而可以在组件卸载时清除定时器和异步操作,避免内存泄漏。存储上一次的值:可以使用useRef存储上一次的值,从而可以在下一次渲染时进行比较,从而实现一些特定的逻辑。
2023-10-06 13:24:18 120 1
原创 webpack常遇问题
如果设置了,就会创建一个新的运行时chunk。在Webpack 5.43.0之后可将其设为false以避免一个新的运行时chunk。:模块,在Webpack里一切皆模块,一个模块对应着一个文件。Webpack会从配置的Entry开始递归找出所有依赖的模块。sass-loader解析sass文件(安装sass-loader,node-sass)当该入口的输出文件在浏览器中被引用时,为它们指定一个公共URL地址。:代码块,一个Chunk由多个模块组合而成,用于代码合并与分割。启动时需加载的模块。
2023-10-06 13:21:03 64 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人