以前看到过一个 angular 的例子,页面上有几个图片的 dom 元素,打个比方是 5 个,通过滚动,来不断替换这 5 个 dom 元素的 src 属性,以达到伪滚动的效果,从而减少页面 dom 的渲染数量,找了半天没找到是哪个地方看到过。。。还请有缘正好知道的大哥贴个链接,谢谢了
以前看到过一个 angular 的例子,页面上有几个图片的 dom 元素,打个比方是 5 个,通过滚动,来不断替换这 5 个 dom 元素的 src 属性,以达到伪滚动的效果,从而减少页面 dom 的渲染数量,找了半天没找到是哪个地方看到过。。。还请有缘正好知道的大哥贴个链接,谢谢了
|
1
virtual scroll,在 cdk 里面。
https://material.angular.io/cdk/scrolling/overview |
|
guolaopiJan 8, 2020
2
往下滚这么做可以理解,好奇往上(回)滚的话不是也重新加载了吗
|
|
ainoJan 8, 2020
3
插楼问下
ng build 需要十分钟,请问是什么原因以及如何优化 |
|
ironMan1995Jan 8, 2020 via Android
4
每次修改五个 img 的 src 不也要重绘
|
|
6
@godoway 多谢老哥!
@guolaopi 重绘是会重绘,但是重绘的 dom 始终就这么几个,渲染的 dom 少,性能不就好了吗 @ironMan1995 重绘是会重绘,但是重绘的 dom 始终就这么几个,渲染的 dom 少,性能不就好了吗 |
|
HangoXJan 9, 2020
8
重用 item,客户端都这样干
|
|
tu7jakoJan 9, 2020
9
刚上手 angular,边学边做项目·····感觉难度较大。各位有项目 /资料推荐吗??
|
|
guolaopiJan 9, 2020
10
|
|
11
|
|
lvsshuttaoJan 9, 2020
12
自己写的话,轮播图,管它多少个图片,反正我就建 3 个 img,写好 css,然后循环替换它们的 src ;
长列表那种,之前用了 cdk,后来看着数据量太少了,直接用 ngfor 了,如果有图片的话,就加上个 ng-lazyload-image ; 2014 乞丐版 pro,打包的时候(前台+用户后台+管理员后台),一般 2~3 分钟左右吧,没特意去计算,感觉很快; |
|
13
@lvsshuttao 轮播图跟长列表滚动还是有点差别的
|
|
charlie21Jun 5, 2021
14
ydys
|