- 博客(5)
- 收藏
- 关注
原创 react前端踩坑记录(5):按钮小背景图片强制缓存浏览器方法
项目中的很多按钮都是通过设置不同的背景图片还变化样式和颜色。在写代码的时候通常是直接给按钮的css文件设置background-image属性。会造成一个问题就是,在按钮的背景图片切换的时候,浏览器就会频繁删除之前的背景图片。造成再换回原来的按钮图片时,浏览器又会重新请求图片。这样会造成显示的时候,按钮的背景图片消失,后端请求过于频繁等问题。解决方法:在按钮所在的组件的构造函数中,声明要用的图片。这样图片的生命周期就跟组件的生命周期进行了绑定,浏览器就不会轻易删除图片。const.
2021-03-20 14:58:56
345
原创 react前端踩坑记录(4):this指向问题在现实项目中碰到
<div > {lineOption.map(function(lineitem) { return ( <button key={lineitem.id} onClick={this.props.onLineButtonClick(lineitem)} console.log(this) > ..
2021-03-17 18:35:04
143
原创 react前端踩坑记录(3):用@panzoom/panzoom加react实现svg的缩放
1.安装$ npm install --save @panzoom/panzoom2.在对应文件导入import Panzoom from '@panzoom/panzoom'3.对应组件内使用componentDidMount(){constelem=document.getElementById('svg')constpanzoom=Panzoom(elem,{maxScale:5})panz...
2021-03-10 11:14:13
882
2
原创 react前端踩坑记录(2):withRouter解决路由更新,组件不更新的问题
react-router 、history.push进行路由切换,现象(1)url更新,但是组件不更新。(2)手动刷新页面,组件才进行更新https://stackoverflow.com/questions/43351752/react-router-changes-url-but-not-view
2021-03-08 10:28:17
606
原创 react前端踩坑记录(1):sass引入public的url失效的问题
mark1 create_react_app更新导致sass引入public的url失效bughttps://stackoverflow.com/questions/64852112/create-react-app-4-0-cannot-resolve-image-path-in-public-folder
2021-03-08 10:24:07
484
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人