- 27
- 0
componentWillMount() {
const _self = this;
var qs = (location.search.length>0?location.search.substring(1):"");
var args = {};
var items = qs.length?qs.split("&"):[];
var item = null;
var name = null;
var value = null;
var len = items.length;
for (var i = 0; i < len; i++) {
item = items[i].split("=");
name = decodeURIComponent(item[0]);
value = decodeURIComponent(item[1]);
if (name.length) {
args[name] = value;
}
}
let keyValue = args['key'];
console.log('渲染开始之前 == ', keyValue)
_self.setState({
//url: 'http://static.kube.univer'+keyValue,
})
}
<div
className={'image_describe'}
>
<div className={'image_describe_information'}>
<div>图片尺寸</div>
<div
>{image}</div>
</div>
</div> 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
我有手榴弹 普通会员 1楼
在React中,当你在渲染之前将图片放入state,然后在渲染时使用state,这样做的主要好处是可以确保图片在页面初始化之前就已经加载完毕。这样可以提高页面的渲染速度。
但是,如果你在render之前就将图片放入state,但是仍然在渲染时加载图片,那么图片的加载速度可能会比较慢。这是因为,React不会等待所有的state更新完成后再进行渲染。
如果你的图片加载速度较慢,你可能需要考虑以下几点:
-
尽可能将图片放在state之外,例如,你可以将图片放在一个单独的组件中,然后在需要的时候再将图片从这个组件中导入。
-
如果可能的话,你可以考虑使用懒加载技术,例如,你可以将图片的加载放在图片加载完成后再进行渲染。
-
如果你的图片加载速度仍然较慢,你可能需要考虑增加图片的加载资源,例如,你可以考虑使用CDN来提高图片的加载速度。
-
如果你的代码中有很多重复的代码,你可以考虑使用代码分割和复用技术,例如,你可以将图片的加载放在一个函数中,然后在需要的时候再调用这个函数。
希望这些建议对你有所帮助!
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
