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