- 博客(8)
- 收藏
- 关注
原创 浏览器缓存问题
这篇文章主要介绍了浏览器缓存相关问题以及解决办法,希望对大家的学习或者工作具有一定的参考学习价值浏览器缓存是前端优化的一个重要问题,缓存可以带来很多好处:(1)减少冗余的数据传输,节省带宽;(2)减轻服务器的请求负担,有缓存就可以少向服务器发送请求,尤其是对于一些访问量大的网站这点还是很重要的;(3)资源从缓存中读取,无需向服务器发送请求再等待返回,加快了客户端的访问速度。但是缓存同样给前端带来了一个很严重的问题,就是上面所说的项目更新的问题。如果项目...
2021-03-18 20:53:46
407
原创 React之hooks
1. React Hook/Hooks是什么?(1). Hook是React 16.8.0版本增加的新特性/新语法(2). 可以让你在函数组件中使用 state 以及其他的 React 特性2. 三个常用的Hook(1). State Hook: React.useState()(2). Effect Hook: React.useEffect()(3). Ref Hook: React.useRef()3. State Hook(1). State Hook让函数组件也可.
2021-03-12 23:22:53
547
原创 React路由组件的lazyLoad
1.通过React的lazy函数配合import()函数动态加载路由组件 ===> 路由组件代码会被分开打包 const Login = lazy(()=>import('@/pages/Login')) 2.通过<Suspense>指定在加载得到路由打包文件前显示一个自定义loading界面 <Suspense fallback={<h1>loading.....</h1>}> <...
2021-03-12 23:15:31
160
原创 React之setState
setState更新状态的2种写法(1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 (2). setState(updater, [callback])------函数式的s...
2021-03-12 23:13:08
126
原创 React组件优化
Component的2个问题 1. 只要执行setState(),即使不改变状态数据, 组件也会重新render() 2. 只当前组件重新render(), 就会自动重新render子组件 ==> 效率低效率高的做法 只有当组件的state或props数据发生改变时才重新render()原因 Component中的shouldComponentUpdate()总是返回true解决 办法1: 重写shouldC...
2021-03-12 23:08:11
76
原创 React组件间的通信
方式: props: (1).children props (2).render props 消息订阅-发布: pubs-sub、event等等 集中式管理: redux、dva等等 conText: 生产者-消费者模式组件间的关系: 父子组件:props 兄弟组件(非嵌套组件):消息订...
2021-03-12 22:59:44
84
原创 React+antd开发中实现组件按需加载和自定义主题
一、下载依赖模块yarn add react-app-rewired customize-cra babel-plugin-importless less-loader二、定义加载配置的 js 模块: config-overrides.jsconst {override, fixBabelImports, addLessLoader} = require('customize-cra'); module.exports = override( fixBa...
2021-03-12 22:50:13
151
原创 HTML行级元素及块级元素都有哪些
一.块级标签与行级标签的区别: 1.块级元素可以设置宽高,行级元素不能设置宽高(只能根据文字来设置,比较特殊的是img\input是可以设置宽高); 2.块级元素是独占一行,行级元素不行;二.行内元素列表:<a>标签可定义锚<abbr>表示一个缩写形式<acronym>定义只取首字母缩写<b>字体加粗<bdo>...
2018-07-25 16:10:41
240
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人