- 博客(3)
- 收藏
- 关注
原创 react路由管理
在进行react项目开发时,少不了的就是对路由进行管理。其中,单页面应用所不同的特点是:路由所指,其实就是对应不同的组件。路由模式:1、BrowserRouter:浏览器的路由方式,使用浏览器中的History API用于处理URL。每次改变路由时,会向服务器发送请求,如果服务器未配置对应的路径指向对应的文件,会导致出现404的情况。所以在使用browserHistory需要再加一层服务器配置(node/nginx),让前端发送的请求映射到对应的html文件上。(推荐:就是好看,不解释)2、HashR
2021-06-19 18:39:29 663
原创 react代码分片
在开发项目中,经常会碰到项目比较大的情况下。项目上线访问时,难免会出现白屏等待时间比较长的情况。那么这个时候就可以考虑使用代码分包了。代码分包其采用的原理,import()返回的是一个Promise对象。那么,具体实现代码分包的方式有哪些呢?(1)采用react自带的lazy懒加载;(2)采用三方包react-loadable;(3)自行封装组件;...
2021-06-08 22:21:19 150
原创 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 200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人