老师，关于性能优化的问题
来源：1-7 详情页-右侧数据渲染（4）
Walker游游
2020-04-08 21:22:34
老师，这个项目做到现在，一直有个疑惑，就开发过程中老师一直没提性能优化的。我的困惑是：1、性能优化那章，老师讲，移动web开发会尽量避免JQuery这样的体积很大的库，可是这个实战项目又选择了使用jQuery；2、也是性能优化那章，老师讲的，尽量避免频繁操作DOM，可是这个实战项目中，几乎每个动态添加的list，都是将每个list-item字符串转成jQuery对象依次填入DOM，而不是将list-item字符串合成list字符串一次性添加到DOM结构中；3、详情页左右数据这个模块，有没有什么方式能避免这样频繁操作DOM，同时还能挂载数据。最后，如果抛开jQuery，用原生JS怎么实现数据的挂载以及传递？或者，实际开发中用的是那种轻量级的库？学到这里好郁闷。。。烦请老师解惑<(＿ ＿)>
写回答
1回答
-
同学你好，问题解答如下：
1.dom操作影响性能方面是比较小的，像这个小案例，操作的其实不算多，一般没有什么问题。当然了，同学考虑的还是很周到的，如果项目非常大，操作比较多会有影响。这个时候可以按照同学所说的，合成一个字符串，一次性添加。
2.可以使用zepto.js，它其实就是jQuery的精简版，用法上基本一样。一般移动端使用zepto，电脑端使用jQuery。
3.同学不用担心哦，在实际开发中，使用vue框架比较多。它有一个特点就是减少了操作dom的次数，所以很好的优化了这方面。等最后一个阶段就会讲到vue案例哦。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0h020-04-09
相似问题