初次上手 Vue.js 开发效率确实高!从此跟 Jquery 说拜拜!

2022-05-11 16:28:58 +08:00
 pytth

一些看法

在 V2 看了一些吐槽 Vue 的项目构建的一些文章,有说 node_module 目录太大,webpack 等工具的缺点等问题,但这就是构建 Vue 项目所需的一些操作,嫌麻烦,嫌笨重,可以用其他办法。也可以用官方脚手架等方式,还有新兴的 Vite ,还可以用传统的<script>标签引入 Vue.js 文件去写。

当然这个都是看需求的,如果一个非常简单的页面,用不上太多的 API ,其实用传统的方法去写也是可以的。本人 html 也写了几年,Vue 还真没有认真去学过,偶尔搜一些相关文章看看,也没有认真去写过。

趋势

但越来越多平台、网站已经向单页应用的趋势发展,浏览器无刷新,路由等方式,这种页面体验起来也是非常舒服的,Vue 、React 都是目前构建项目的主流。

有些人觉得学习成本挺高的,还不如直接 jquery 操作 Dom 实在一些,至少不需要将时间和经历花在环境调试和构建。实际上这些都是有很多解决方案的,不想那么复杂就直接 Vite 也可以快速构建。

初体验

顺着 Vue.js 官网的文档,我还是尝试先用传统的引入 Vue.js 文件的方式,花了 2 个上午(因为下午要忙工作),简单得撸了一个项目熟悉一下 Vue 的特性。与 jquery 不同的是,jquery 是操作 Dom ,而 Vue 是操作数据。

后面还是需要认认真真学一下脚手架、Vite 等方式构建项目。。。

10412 次点击
所在节点    Vue.js
95 条回复
Ashore
2022-05-11 17:07:46 +08:00
厉害了 想拥抱 vue 但是又不知道从何入手。。。
Issuema
2022-05-11 17:13:37 +08:00
vue 毕竟是国人写的嘛,看着中文文档,cv 就可用。只是官网的教程有些功能提都没提,得去 github 看英文说明
codefever
2022-05-11 17:14:17 +08:00
jQuery 以后会退出前端世界,但 jQuery 会长期存活在教科书里成为活化石一样的存在。
hhhanako
2022-05-11 17:14:38 +08:00
你也网上冲浪啦
jswh
2022-05-11 17:24:49 +08:00
致远星战况如何(狗头
darksword21
2022-05-11 17:26:24 +08:00
纯后端,对前端还停留在那种写好文件在游览器打开的程度,所以有个比较蠢的问题想问一下

我看前端现在运行后也都是会开启一个服务,有个端口,这是也类似于后端开发吗?
liyang5945
2022-05-11 17:26:39 +08:00
3G 网速真快
windyboy
2022-05-11 17:26:50 +08:00
既然是新技术不如试一下 svelte
qzsi001
2022-05-11 17:29:40 +08:00
今年是 2017 年?
pengtdyd
2022-05-11 17:30:14 +08:00
村里通网了?
horseInBlack
2022-05-11 17:30:55 +08:00
@darksword21 #6

前端用 webpack 等打包工具,可以在开发调试的时候配置各种命令,比如开启一个本地 Web 服务,一旦源代码有修改自动重新构建刷新页面,还有跨域代理、处理兼容性等功能,运行这套服务依赖 NodeJS ,确实是后端

开发调试完成,项目上线之前打包程序,也是生成浏览器直接可以读取运行的 HTML/CSS/JS ,本质上还是前端构建页面、处理从后端获取的数据
abersheeran
2022-05-11 17:33:21 +08:00
@windyboy svelte 不能操起 html 就写吧
darksword21
2022-05-11 17:33:32 +08:00
@horseInBlack 那发到部署后还需要 node 吗还是只是本地调试方便的时候用
cmdOptionKana
2022-05-11 17:34:40 +08:00
其实 jquery 不一定比 vue 差,看具体需求,比如楼主做的论坛网站,一般不会动态拉取数据,更可能是做静态化,这种情况下 vue 并没有明显的优势。

(你说为了工作练手、为了好玩我同意用 vue 很好,但你说做论坛明显比 jquery 好却不见得)

(以上 jquery 包含 dom api 抄 jquery 的语法)
HelloWorld556
2022-05-11 17:36:50 +08:00
部署后一般用 Nginx @darksword21
chloerei
2022-05-11 17:37:00 +08:00
vue/react 和 jQuery 不是直接替换关系。

可以看看 https://youmightnotneedjquery.com/ ,jQuery 现在变得不重要的原因主要是被浏览器原生 API 替代了,例如 querySelector 和 Fetch API ,这些新的原生 API 都从 jQuery 学了不少东西。

SPA 比 SSR + 少量 js 操作开发效率要高吗?我觉得不一定。像顶楼的例子是个论坛,考虑下 SEO 咋整?
horseInBlack
2022-05-11 17:41:41 +08:00
@darksword21 #13

打包以后就是 HTML/CSS/JS 和其他静态资源啊,都是浏览器直接运行的文件,现在前端写的那些框架,.vue / .jsx / .less 也不可能直接让浏览器全都支持,还是要翻译成浏览器能认识的文件

就好比高级语言写的代码要 编译以后运行

现在前端的框架就是用更加简单更加符合人类直觉的写法写程序,把管理资源、处理兼容性等问题交给框架处理,最后让打包工具打包出来浏览器运行的文件

前端框架能做的那些事,直接手写 JS 肯定也能做到,理论上来说可以更好,但是那得要求编码人员拥有相当不错的水平,作为平庸的大多数之一我还是喜欢把这些事交给框架处理
FreshOldMan
2022-05-11 17:43:29 +08:00
大清亡辣
misaka19000
2022-05-11 17:48:24 +08:00
我倒,你也网上冲浪啊🙃
libook
2022-05-11 17:52:48 +08:00
https://youmightnotneedjquery.com/
这些新出的原生 Web API 替代了 jQuery 。强烈建议自己用原生 Web API 写一个具备一定交互功能的现代网页试试,借助最新的 Web 特性,写起来也挺方便的。

框架其实以前也有,比如 Backbone 和 Angualr ,Vue 如今也是发展到了第三代; jQuery 提供给开发者更方便地操作 DOM 的方案,框架是从另一个角度来满足生产需求,即不需要自己操作 DOM ,而是由框架来完成 DOM 的操作,自己只需要写业务逻辑。

Vue 的文档是我度过的最贴心的的文档之一,总能在我看到产生疑问的地方马上就解答我的疑问。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/852221

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX