forEach()循环里的问题

forEach()循环里的问题

http://img1.sycdn.imooc.com//climg/5e7c1fec094f505208240527.jpg

之前讲了性能优化,像老师这样写在forEach()循环里不断使用append方法对dom操作不是对性能的浪费吗?

还是说这样写跟未注释的代码其实没什么区别? 麻烦老师解答

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,是的,这样确实可以减少对dom的操作,这样实现也是可以的,建议同学在外面先声明一个html变量为一个空字符串:

http://img1.sycdn.imooc.com//climg/5e7c759609b45c4907380409.jpg

同学能理解代码并对其进行改良,很棒!

继续加油,祝学习愉快~

好帮手慕粉 2020-03-26 14:54:52

同学你好,这个是避免不了的,因为我们要将内容循环出来并显示在页面上,那就得每次遍历以后就将内容追加到页面,同学这样for循环完毕后再将内容追加到页面,只能显示最后一个,因为后面的将前面的覆盖了,同学可以测下代码:

http://img1.sycdn.imooc.com//climg/5e7c519e096516e104210165.jpg

祝学习愉快~

  • 提问者 10hours #1
    不好意思我写错了,应该是 html += '<div>.....'; 这样的话我只操作了一次,也就是所有的内容保存到了html里,最后再追加到页面,这样是不是相对更节省性能呢?
    2020-03-26 16:19:55
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师