找一个 angular 的性能优化例子 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
8888888888
V2EX    程序员

找一个 angular 的性能优化例子

  •  1
    &nbp;
  •   8888888888 2020-01-08 18:04:44 +08:00 2787 次点击
    这是一个创建于 2190 天前的主题,其中的信息可能已经有所发展或是发生改变。

    以前看到过一个 angular 的例子,页面上有几个图片的 dom 元素,打个比方是 5 个,通过滚动,来不断替换这 5 个 dom 元素的 src 属性,以达到伪滚动的效果,从而减少页面 dom 的渲染数量,找了半天没找到是哪个地方看到过。。。还请有缘正好知道的大哥贴个链接,谢谢了

    14 条回复    2021-06-05 15:48:04 +08:00
    godoway
        1
    godoway  
       2020-01-08 18:43:58 +08:00   1
    guolaopi
        2
    guolaopi  
       2020-01-08 18:47:28 +08:00
    往下滚这么做可以理解,好奇往上(回)滚的话不是也重新加载了吗
    aino
        3
    aino  
       2020-01-08 19:04:48 +08:00
    插楼问下
    ng build 需要十分钟,请问是什么原因以及如何优化
    ironMan1995
        4
    ironMan1995  
       2020-01-08 19:41:21 +08:00 via Android
    每次修改五个 img 的 src 不也要重绘
    coloz
        5
    coloz  
       2020-01-08 22:58:23 +08:00
    @aino 可以考虑换个电脑或者 CPU,同样的项目用低压 i5 CPU 编译 5、6 分钟,现在标压 i7,1 分半吧。
    8888888888
        6
    8888888888  
    OP
       2020-01-09 09:26:48 +08:00
    @godoway 多谢老哥!
    @guolaopi 重绘是会重绘,但是重绘的 dom 始终就这么几个,渲染的 dom 少,性能不就好了吗
    @ironMan1995 重绘是会重绘,但是重绘的 dom 始终就这么几个,渲染的 dom 少,性能不就好了吗
    aino
        7
    aino  
       2020-01-09 09:38:10 +08:00
    @coloz #5 我就是 i7 来着
    HangoX
        8
    HangoX  
       2020-01-09 09:52:04 +08:00
    重用 item,客户端都这样干
    tu7jako
        9
    tu7jako  
       2020-01-09 10:10:35 +08:00
    刚上手 angular,边学边做项目感觉难度较大。各位有项目 /资料推荐吗??
    guolaopi
        10
    guolaopi  
       2020-01-09 10:11:21 +08:00
    @timedivision
    我的疑惑是:dom 虽然少,但是 img 不是得重新加载了吗?
    往上(回)滚动的时候以前浏览过的 img 也要重新加载吧?
    这样网速慢的话体验是不是不太好?
    8888888888
        11
    8888888888  
    OP
       2020-01-09 10:22:47 +08:00
    @tu7jako B 站
    @HangoX 小程序上不知有没有这样的方案
    @guolaopi 加载过的图片一般都有缓存
    lvsshuttao
        12
    lvsshuttao  
       2020-01-09 22:55:11 +08:00
    自己写的话,轮播图,管它多少个图片,反正我就建 3 个 img,写好 css,然后循环替换它们的 src ;
    长列表那种,之前用了 cdk,后来看着数据量太少了,直接用 ngfor 了,如果有图片的话,就加上个 ng-lazyload-image ;
    2014 乞丐版 pro,打包的时候(前台+用户后台+管理员后台),一般 2~3 分钟左右吧,没特意去计算,感觉很快;
    8888888888
        13
    8888888888  
    OP
       2020-01-10 09:14:24 +08:00
    @lvsshuttao 轮播图跟长列表滚动还是有点差别的
    charlie21
        14
    charlie21  
       2021-06-05 15:48:04 +08:00
    ydys
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1057 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 22:51 PVG 06:51 LAX 14:51 JFK 17:51
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86