• 请不要在回答技术问题时复制粘贴 AI 生成的内容
8888888888
V2EX  ›  程序员

找一个 angular 的性能优化例子

  •  1
     
  •   8888888888 · Jan 8, 2020 · 3029 views
    This topic created in 2343 days ago, the information mentioned may be changed or developed.

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

    14 replies    2021-06-05 15:48:04 +08:00
    godoway
        1
    godoway  
       Jan 8, 2020   ❤️ 1
    guolaopi
        2
    guolaopi  
       Jan 8, 2020
    往下滚这么做可以理解,好奇往上(回)滚的话不是也重新加载了吗
    aino
        3
    aino  
       Jan 8, 2020
    插楼问下
    ng build 需要十分钟,请问是什么原因以及如何优化
    ironMan1995
        4
    ironMan1995  
       Jan 8, 2020 via Android
    每次修改五个 img 的 src 不也要重绘
    coloz
        5
    coloz  
       Jan 8, 2020
    @aino 可以考虑换个电脑或者 CPU,同样的项目用低压 i5 CPU 编译 5、6 分钟,现在标压 i7,1 分半吧。
    8888888888
        6
    8888888888  
    OP
       Jan 9, 2020
    @godoway 多谢老哥!
    @guolaopi 重绘是会重绘,但是重绘的 dom 始终就这么几个,渲染的 dom 少,性能不就好了吗
    @ironMan1995 重绘是会重绘,但是重绘的 dom 始终就这么几个,渲染的 dom 少,性能不就好了吗
    aino
        7
    aino  
       Jan 9, 2020
    @coloz #5 我就是 i7 来着
    HangoX
        8
    HangoX  
       Jan 9, 2020
    重用 item,客户端都这样干
    tu7jako
        9
    tu7jako  
       Jan 9, 2020
    刚上手 angular,边学边做项目·····感觉难度较大。各位有项目 /资料推荐吗??
    guolaopi
        10
    guolaopi  
       Jan 9, 2020
    @timedivision
    我的疑惑是:dom 虽然少,但是 img 不是得重新加载了吗?
    往上(回)滚动的时候以前浏览过的 img 也要重新加载吧?
    这样网速慢的话体验是不是不太好?
    8888888888
        11
    8888888888  
    OP
       Jan 9, 2020
    @tu7jako B 站
    @HangoX 小程序上不知有没有这样的方案
    @guolaopi 加载过的图片一般都有缓存
    lvsshuttao
        12
    lvsshuttao  
       Jan 9, 2020
    自己写的话,轮播图,管它多少个图片,反正我就建 3 个 img,写好 css,然后循环替换它们的 src ;
    长列表那种,之前用了 cdk,后来看着数据量太少了,直接用 ngfor 了,如果有图片的话,就加上个 ng-lazyload-image ;
    2014 乞丐版 pro,打包的时候(前台+用户后台+管理员后台),一般 2~3 分钟左右吧,没特意去计算,感觉很快;
    8888888888
        13
    8888888888  
    OP
       Jan 10, 2020
    @lvsshuttao 轮播图跟长列表滚动还是有点差别的
    charlie21
        14
    charlie21  
       Jun 5, 2021
    ydys
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1338 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 55ms · UTC 17:12 · PVG 01:12 · LAX 10:12 · JFK 13:12
    ♥ Do have faith in what you're doing.