
前端开发-页面设计
文章平均质量分 59
电饭煲饭
这个作者很懒,什么都没留下…
展开
-
react中引入图片路劲正确但是页面上不显示或者打包后不能正常显示的问题
一、react中图片引入方式 以前我们用img引入图片只需要如下即可,在react中这样写会报错:<img src="../assets/zzsc1.png" />下面我总结了两种方式:1、用require方式引入路劲 错误用法:<img src={require("./zzsc1.png")} />上面这样写也是不会生效的,因为如果使用create-react-app和require导入图像,require返回一个ES模块而不是字符...原创 2022-01-07 17:08:12 · 3841 阅读 · 0 评论 -
CSS设计之页面滚动条出现时防止页面跳动的方法
切换标签时滚动条突然出现导致页面跳动的千年难题当前web届,绝大多数的页面间布局都是水平居中布局,主体定个宽度,然后margin: 0 auto的节奏~,例如,大淘宝的首页:然而,这种布局有一个存在一个影响用户体验的隐患。应该都知道,现代浏览器滚动条默认是overflow:auto类型的,也就是如果尺寸不足一屏,没有滚动条;超出,出现滚动条。于是,问题来了: 信息流页面,如新浪微博,是从上往下push渲染的。开始只有头部一些信息加载,此时页面高度有限,没有滚动条;然后,更多内容显示,滚动条出现原创 2022-01-07 11:27:36 · 1079 阅读 · 0 评论