V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 1118 days ago, the information mentioned may be changed or developed.
关于 JQuery 和 Vue 代表的 MVVM 框架。
我本人是比较喜欢 JQuery ，感觉 Vue 让一切变得特别的复杂难操作，是我自己的问题，还是也有和我一样的想法。
如果你深度的使用过 JQuery ，和深度的使用过 Vue ，希望你能分享一下感受。
Supplement 1 · Apr 13, 2023
写一下我自己的看法
Vue 并不是 JQuery 的替代品，他们是两种完全不同的东西。
他们会一直同时存在。Vue 可以说是让前端更简单，更适合团队作战，因为 Vue 的本质就是一个后端的数据渲染器。把后端的数据映射到前端，把用户的数据映射到后端，但也只是渲染数据方便，仅此而已。
如果我们用 Vue 做一个 taobao.com ，那会发现，有很多效果有 Vue 太复杂了。Vue 总感觉就适合那种 后端 Admin 界面。
我最近做了一个系统 Admin 用回了 JQuery ，我感觉太自由了，我在数据列表界面做各种自定义交互工作，一下就好，没有任何限制，又看了目前主流的 PC 站点，都没有使用 MVVM 。所以怀疑前端科技树是不是被带歪了。
以上是我的偏见，我本人不是前端。
Vue 并不是 JQuery 的替代品，他们是两种完全不同的东西。
他们会一直同时存在。Vue 可以说是让前端更简单，更适合团队作战，因为 Vue 的本质就是一个后端的数据渲染器。把后端的数据映射到前端，把用户的数据映射到后端，但也只是渲染数据方便，仅此而已。
如果我们用 Vue 做一个 taobao.com ，那会发现，有很多效果有 Vue 太复杂了。Vue 总感觉就适合那种 后端 Admin 界面。
我最近做了一个系统 Admin 用回了 JQuery ，我感觉太自由了，我在数据列表界面做各种自定义交互工作，一下就好，没有任何限制，又看了目前主流的 PC 站点，都没有使用 MVVM 。所以怀疑前端科技树是不是被带歪了。
以上是我的偏见，我本人不是前端。
 |
101
molvqingtai Apr 14, 2023
|
 |
102
royzxq Apr 14, 2023
能用和能工程化是两个不同的概念，不过 op 不是前端的话就无所谓了。
|
 |
103
HAYWAEL Apr 14, 2023
正常来说，想要修改页面，是先修改数据，然后通过 DOM API 来修改 DOM 。
jq 本质上是简化了对 DOM API 的 操作，而 vue 或 React 是将 DOM API 这一步直接做了，这样 来说，开发只需要关注数据就好了。 |
 |
104
lchynn Apr 14, 2023
觉得楼主需要的是一个非常轻量级的现代化的 JS 框架， 类似 alpine.js 这种的。JQuery 不够现代化。
|
 |
105
superedlimited Apr 14, 2023
昨天看到这个贴子，以为多牛逼多资深的前端。。。
刚刚看到 append ，好吧，什么垃圾帖子，以后再看到类似的一律 block |
 |
106
star7th Apr 14, 2023
主要是你做的页面，还不够复杂。所以体现不出组件化的好处。
但你不是前端，所以你也只能接触到简单场景。对于你而言，用 juery 也不是一个很坏的选择。 对于专业前端，遇到的场景复杂了，用组件化分解会更提升开发效率和维护效率 |
 |
107
cuzfinal Apr 14, 2023
vue 先不论，没想到现在还有人讨论 jQuery
|
 |
108
zcreg Apr 14, 2023
要比较也是 react 与 vue, 现在还在用 Jquery 说明代码还是写得少了
|
 |
109
Terry05 Apr 14, 2023
作为两者都深度生产的情况，应该说 mvvm 的模式，在生产力方面完全碾压 jquery
|
 |
110
BiChengfei Apr 14, 2023
JQuery ，前端还能拿这么多钱吗
前端越乱，前端越贵 |
 |
111
Bologna Apr 14, 2023
@kop1989smurf 有的，某些屎山
|
 |
112
QlanQ Apr 14, 2023
@Seanfuck 啊，还有这种情况？多层次的时候，生成 dom 不需要遍历吗？一个数据的 true 和 false 的切换，就可以让 dom 切换，不知道要方便多少呀
|
 |
113
CodeMak1r Apr 14, 2023
刚好俩个项目开发都用过 感觉 jQuery 没有 vue 摸鱼舒服
|
 |
114
momobear Apr 14, 2023
不是一个时代的产物 没什么可比性
|
 |
115
sgiyy Apr 14, 2023
老生常谈的问题了。你就没怎么接触现代的前端，说白了你只是更熟悉 jQuery 而已，熟悉了你那套后端模板增删改查的功能和写法而已；
你只要熟悉下 Vue 或者 React 那套逻辑，才知道写代码多么省心，原本复杂的功能也很容易实现。 一个从 jQuery 时代过来的前端 er |
 |
116
hxy100 Apr 14, 2023
你的目标是不是只有 PC 端界面，你多写几个移动端为主的项目看看，你就知道组件化开发有多方便了。
|
 |
117
thetbw Apr 14, 2023
逻辑太多 jquery 有点不太好维护，不过前段时间自己用 jquery 写了一个上传组件，感觉 jquery 蛮好用的。但是别人来看我这个代码，绝对头疼。而 vue 写的项目，就没这个烦恼（或者说少一点）
|
 |
118
dongtingyue Apr 14, 2023
vue 数据展示，酷炫效果还是在 vue 生命周期里纯手搓 js 。
|
 |
119
yankebupt Apr 15, 2023
jQuery js 80 多 k
vue js 才 20 多 k 有时我一直在想到底谁才更 lightweight... |
 |
120
loginv2 Apr 15, 2023
哈哈， 我两个一起混用， 改数据绑定的时候 Vue 出来干活，需要操作 DOM 的时候直接一个$过去 解决问题，估计有人看见我这么写 要高血压了
|
 |
121
inshua Apr 19, 2023
我也有这个疑问，像 react vue 这一套基于 vdom 的对于渲染数据 -> UI 确实挺高效，但它不直接摸 DOM 元素，这种做做表单还行，做真正的 GUI 是行不通或者说很蹩脚的。
比如 web 地图，一堆瓦片，数据只有中心经纬度和比例尺； HTML 小游戏（直接 dom 实现，非 canvas 的），用 DOM 做精灵，地图什么的也是瓦片，不愿操作 DOM ； Office ？试想用 react 这套怎么做编辑器，靠这个怎么去实现 office365 或 google docs? 欢迎反驳，迫切希望看到一些有说服力的例证。 |
|
122
inshua Apr 19, 2023
> HTML 小游戏（直接 dom 实现，非 canvas 的），用 DOM 做精灵，地图什么的也是瓦片，不愿操作 DOM 是搞不定的 ，刷新数据实现精灵移动动画？想想就可怕；
|
 |
123
zhengfan2016 Apr 24, 2023
@inshua 大部分虚拟 dom 是有提供操作真实 dom 的功能的，依稀记得 react 还是哪个框架在虚拟 dom 的<div>上加上 ref=a ，也就是<div ref="a"/>，js 就可以通过 a.dom.style = ....... 进行操作真实 dom ，但是需要在虚拟 Dom 的 onMount 生命周期后才能操作
|
|
124
inshua May 2, 2023
@zhengfan2016 是的，这我知道，但是很显然这属于画蛇添脚。
我认为问题起源于 HTML 确实不具备组件功能，我做过一个框架使 HTML 具备组件能力，但是我很难说服 react 用户，当然 react 用户也很难说服我，确实 vdom 出表单很轻松，但是出个表单毕竟不值得 all-in 。 |
 |
125
mingdeng May 29, 2024
在十多年前，我开发前端部分时长期依赖于 jQuery ，那时它可谓是风靡一时。然而，随着时间的推移，许多新兴的前端技术相继涌现，但却未能像 jQuery 那样被广泛采用。诸如 ES6 、Node 、Axios 和 Webpack 等技术纷纷登场，然而它们并没有在工作中扮演主角的角色。直到后来，Vue 框架应运而生，它融合了这些技术，一举成为了行业焦点。
|
Select Language