![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
问，如何实现svg、i、文字等混排多行段落的水平居中？![[熊吉]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_101.dec591d.png)
![[嘿哈]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_67.9ceed33.png)
，目前处于优化阶段，于是遇到了一个组件列表的渲染优化问题，如下图。此问题简单来说就是使用v-for渲染的组件列表，无法进行缓存，导致渲染列表（renderedData/pool）内部变动时，尽管其key值和实际参数没有变化（类似于[1,2]变成了[2]，再变成[1,2]，1对应的组件会重新渲染），但组件仍然会注销\创建。在我无法处理的情况下，看了v3官网推荐的虚拟列表源码，结果发现结构是完全一样的（左源码，右自己实现的），仍然没有这类的优化处理
获得徽章 0
![[看]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
问，如何实现svg、i、文字等混排多行段落的水平居中？
段落结构如下
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
* {
padding: 0;
margin: 0;
}
svg {
width: 16px;
height: 16px;
background-color: crimson;
}
i {
display: inline-block;
width: 16px;
height: 16px;
background-color: crimson;
}
p {
width: 140px;
}
</style>
</head>
<body>
<p>
<svg></svg>
大萨断水口了大街
<i></i>
dasda
</p>
</body>
</html>展开赞过
51- 不懂就问，一个关于vue的性能优化问题
![[熊吉]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_101.dec591d.png)
最近在实现类似于花瓣网的瀑布流虚拟列表![[嘿哈]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_67.9ceed33.png)
，目前处于优化阶段，于是遇到了一个组件列表的渲染优化问题，如下图。此问题简单来说就是使用v-for渲染的组件列表，无法进行缓存，导致渲染列表（renderedData/pool）内部变动时，尽管其key值和实际参数没有变化（类似于[1,2]变成了[2]，再变成[1,2]，1对应的组件会重新渲染），但组件仍然会注销\创建。在我无法处理的情况下，看了v3官网推荐的虚拟列表源码，结果发现结构是完全一样的（左源码，右自己实现的），仍然没有这类的优化处理
我认为的是，如果渲染的组件内部存在一些复杂操作，会导致异常卡顿，尤其是异步的情况下。如果不考虑从渲染的组件内部做优化，有没有办法阻止组件注销和重新创建，类似于keep-alive（当然，这玩意儿不能处理同时多根的情况）展开赞过 72 - 突然想起了当初作为应届生遇到的一道面试题，如下：
请写出一个方法，计算出1+2+3+..+n，要求：禁止使用 循环（自带的api带循环特性也不行）、if、三元表达式、&&、||、??赞过 341
