- 博客(3)
- 收藏
- 关注
RSS订阅原创 react路由管理
在进行react项目开发时，少不了的就是对路由进行管理。其中，单页面应用所不同的特点是：路由所指，其实就是对应不同的组件。 路由模式： 1、BrowserRouter：浏览器的路由方式，使用浏览器中的History API用于处理URL。每次改变路由时，会向服务器发送请求，如果服务器未配置对应的路径指向对应的文件，会导致出现404的情况。所以在使用browserHistory需要再加一层服务器配置(node/nginx),让前端发送的请求映射到对应的html文件上。（推荐：就是好看，不解释） 2、HashR
2021-06-19 18:39:29
738
原创 react代码分片
在开发项目中，经常会碰到项目比较大的情况下。项目上线访问时，难免会出现白屏等待时间比较长的情况。那么这个时候就可以考虑使用代码分包了。 代码分包其采用的原理，import()返回的是一个Promise对象。 那么，具体实现代码分包的方式有哪些呢？ （1）采用react自带的lazy懒加载； （2）采用三方包react-loadable； （3）自行封装组件； ...
2021-06-08 22:21:19
232
原创 react 图片加载组件封装
图片加载组件主要是对加载错误时进行处理。 具体代码如下： import react, { useEffect, useState } from 'react'; import { Spin } from 'antd'; import Error from '~.png'; export default function IMG(props) { const { src, width, height } = props; const [load, setLoad] = useState(true);
2021-05-20 14:36:46
292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人