虚拟 dom 的 diff 算法大概能比 jQ 提升多少性能？
chenliangngng · 2019-11-20 18:37:45 +08:00 via Android · 3587 次点击这是一个创建于 1867 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近在搞性能优化，测试的意思是点击按钮就很卡(仅仅前台交互就很卡) 项目是 vue+JQ 搭的，JQ 部分占 40%. 如果把 JQ 都优化了，可以对性能有多少提升呢？ 或者说优化的方向就不对？
第 1 条附言 · 2019-11-20 21:09:56 +08:00
我们大项目分几个小项目，有几个项目是在原 JQ 轮子基础上改的，为了开发效率移植到 vue 上，也有部分新功能是沿用 JQ 开发的，所以有一些 JQ 代码。
还是解决问题吧，如果全部换掉 jq 代码肯定是要耗费很多时间的。如果这种优化方案效果不行的话，我也能早点考虑其他办法
还是解决问题吧，如果全部换掉 jq 代码肯定是要耗费很多时间的。如果这种优化方案效果不行的话，我也能早点考虑其他办法
 |
1
Yumwey 2019-11-20 18:46:40 +08:00
你起码先确定是 JQ 导致的吧... 看下开发调试的性能监控吧
|
 |
2
reus 2019-11-20 18:47:55 +08:00 via Android
如果你用 jquery 可以精确地做出 dom 操作，不多也不少，那没有什么 diff 算法可以比你更快。
既然用 vue 了，那还用啥 jquery ？谁做这个决定的，可以认为是傻逼。 |
 |
3
tinkerer 2019-11-20 18:53:28 +08:00
我也觉得奇怪，用 vue.js 了说什么还用 JQuery
|
 |
4
OSF2E 2019-11-20 18:55:29 +08:00  3
“买了台 Macbook，第一时间装上了 windows”，卡是必须的，是心态的问题
|
 |
5
2055 2019-11-20 18:58:17 +08:00
得看你怎么使用 JQuery 的。例如你修改 list 里的一条数据，如果直接使用.html(list)重新渲染整块，那虚拟 dom 要快不少。
|
 |
6
zaul 2019-11-20 19:24:51 +08:00
vue 搭配 jq 是什么骚操作
|
 |
7
hoyixi 2019-11-20 19:26:30 +08:00
哈哈， 这搭配，很想看你们的代码，方便贴吗
|
 |
8
manami 2019-11-20 19:28:14 +08:00 via Android 1
看不懂这操作
|
 |
9
ayase252 2019-11-20 19:31:03 +08:00 via iPhone
没看懂......同时用 vue 和 jq 渲染吗？
|
 |
10
zhw2590582 2019-11-20 19:33:29 +08:00 via iPhone
对于现代浏览器，要前端操作 dom 发生卡顿，起码得一次性操作几百条数据吧
|
 |
11
Torpedo 2019-11-20 19:58:28 +08:00 2
你这个思路就不对。无论 vue 还是 jquery 都是在操纵 dom。有性能问题，就是你操纵 dom 的方式有问题。并不是 jq 或者 vue 的问题。
vue 也就是开发效率比 jq 有优势。 理论上来说，你两个用哪个都能开发出性能一样的产品 |
 |
12
gdrk 2019-11-20 20:22:46 +08:00
看人。。。
|
 |
13
murmur 2019-11-20 20:27:26 +08:00
批量 insert 的时候 jq+template 的性能反倒是最高，小规模组件 diff 的时候 vue 和 jquery 都不是问题，如果是 dom 部分瓶颈先反思页面是不是太复杂，有没有分批渲染
|
 |
14
autoxbc 2019-11-20 20:30:48 +08:00 1
尤雨溪：没有任何框架可以比纯手动的优化 DOM 操作更快...针对任何一个 benchmark，都可以写出比任何框架更快的手动优化
https://www.zhihu.com/question/31809713/answer/53544875 |
 |
15
secondwtq 2019-11-20 20:31:39 +08:00
楼主这问题确实没啥意义，不过 #11 的表述稍微有点问题，我尝试做个比喻：
你要给一个 2D 游戏做场景美术，游戏不仅仅是 2D 的，而且画风不太真实，类似于日本冻鳗。那么我是弄个 3D 模型再渲染成 2D 画风呢，还是直接画一张 2D 图呢，前者大概能比后者提升多少工作效率？ 反正最后都是像素。 ”理论上来说，你两个用哪个都能开发出性能一样的产品“ 理论上来说，在 Web 平台上，jQ 的性能天花板会比较高。当然这个不好说，毕竟都 jQ 了，不如直接 http://vanilla-js.com 性能最好 |
 |
16
KuroNekoFan 2019-11-20 20:56:45 +08:00
jq 的问题不在于 performance...
|
 |
17
seki 2019-11-21 02:50:43 +08:00
所以用 perf 工具分析一下呀，问题出在哪个组件，哪个函数，大体的范围是能定位到的
|
 |
18
overkazaf 2019-11-23 20:42:59 +08:00
当然是和老板谈时间分几期迭代优化慢慢解啦
|
Select Language