- 博客(5)
- 收藏
- 关注
RSS订阅原创 react前端踩坑记录（5）：按钮小背景图片强制缓存浏览器方法
项目中的很多按钮都是通过设置不同的背景图片还变化样式和颜色。在写代码的时候通常是直接给按钮的css文件设置background-image属性。会造成一个问题就是，在按钮的背景图片切换的时候，浏览器就会频繁删除之前的背景图片。造成再换回原来的按钮图片时，浏览器又会重新请求图片。这样会造成显示的时候，按钮的背景图片消失，后端请求过于频繁等问题。解决方法：在按钮所在的组件的构造函数中，声明要用的图片。这样图片的生命周期就跟组件的生命周期进行了绑定，浏览器就不会轻易删除图片。const.
2021-03-20 14:58:56
405
原创 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
166
原创 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
991
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
697
原创 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
539
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人