一个后端程序员对前端技术的彩虹屁

2021-12-13 11:05:01 +08:00
 WadeLaunch

我上次正式的写前端代码还是 10 年前,那时候要处理各种浏览器的兼容问题,IE 678 ,Firefox ,Chrome 等等。那时候 WebSocket 标准还是草案阶段,Firefox 和 Chrome 实现的版本还不一样,其他浏览器根本不支持,要开发一个聊天的功能,用了多种方案兼容不同的浏览器。

那时候大家的简历都是写的“熟悉 Div+CSS”,哈哈。而我从来没有真正把 CSS 里的 float: left|right, clear: left|right 搞明白,只知道加了某一行,刷新浏览器,噎,可以了。

JavaScript 框架大部分都是用的 jQuery ,有些项目用的 IBM 的 dojo ,还有 Yahoo 的什么框架,名字也忘记了。

用 Node.js 写聊天功能的后端逻辑,各种回调搞到吐。

后来也写过一些自己用的监控管理页面,一般都是用的 jQuery 和 Bootstrap 。


直到最近我要做一个业务管理后台,同时想趁机学一下久仰大名的 Vue 和前端的各种最新技术,就找到一个使用 Vue 的开源后台方案。在学习使用这些新技术过程中,让我每天都感叹现在的前端技术太强了,太好用了,太牛逼了。

请原谅我下面的失态。

ES6 真是太好用了!!!

1. for of, for in, Array.isArray(), Object.keys()...,让循环简单了很多。
2. Let, const, destructuring, template string 太方便了。
3. async, await, promise 太好用了,彻底解决了回调黑洞。
4. Arrow function 赞赞赞!
5. fetch() 这个 API 真是简练啊,同时给 axios 点赞。
6. 给 new FormData() 点赞!
7. 各种浏览器都实现了 ES6 ,然后终于把 IE 淘汰了(同情还要兼容 IE 的朋友)
8. 还有很多优点没写,有同样感觉的可以补充。

CSS 里的 display: flex 真棒! CSS 其他的新技术我还没学,肯定有很多好用的技术。

然后 Vue 太牛逼了!想起以前用 jQuery hide/show 、append DOM 苦日子,我现在每天都感叹 Vue 牛逼!这就是响应式(reaction) 啊?

题外问:非浏览器的原生界面是否一直都是响应式这种方案? Vue 是把这种技术移植到了浏览器前端?

再来一次:Vue 牛逼!

在编辑器保存后浏览器自动刷新界面,太方便了🥰。这是用 vite 实现的吧?还没有仔细研究 vite 的功能。

最后,TypeScript 这么牛逼的语言 V 站上怎么才 5 页讨论帖啊,比 Rust 还少,它比 Rust 简单多了吧,是大家很少用吗?类型系统这么强的语言怎么不用,能避免大部分写 JavaScript 时的低级 bug ,赶紧用起来。 虽然我现在不用 Node.js 了,但我认为新项目应该要强制用 TypeScript ,可以避免很多问题。

我本来打算上周就写贴彩虹屁的,但拖延症发作,今天看到下面这贴,被它催更(写)了。 “现在的前端技术栈真的太恶心了!”

13354 次点击
所在节点    程序员
119 条回复
WadeLaunch
2021-12-13 11:56:13 +08:00
@hlwjia #10
还没学 React ,只看了一眼语法,HTML 标签和 JavaScript 代码混在一起的,一时还没适应过来。
这种就是 jsx 吧?
zhaol
2021-12-13 12:20:56 +08:00
相比于 vue ,我虽然也更喜欢写 react ,但是楼上吹的思想,理念,坚持,难能可贵,是不是有点吹的过了,反倒是 vue ,对于降低前端门槛(新手入门 /后端兼职前端),降低小公司开发成本,做出了自己的贡献,比所谓的思想,理念是不是更有实际意义一点?
tabris17
2021-12-13 12:24:45 +08:00
@murmur 更别提那些 ts+any 了
hlwjia
2021-12-13 12:26:39 +08:00
@WadeLaunch #21

我只是觉得 react 更像在写后端,就是用程序产出 HTML ;

vue 我写地少,不知道现在是怎样了,但是以前 vue 给我的感觉是在 HTML 里面加了编程的语法。

所以我说后端会更喜欢 react , 多数前端可能更喜欢 vue 因为更贴近他们原本的工作方式
murmur
2021-12-13 12:32:20 +08:00
@hlwjia 那你不是更说错了,后端在 jsp 年代就写 template 了,jsx 是个什么东西
theprimone
2021-12-13 12:33:31 +08:00
@66beta 我是从 React 入门,之前写了点 Vue ,不习惯 2333
libook
2021-12-13 12:35:49 +08:00
比较牛□的是,jQuery 几乎所有功能都能在新的原生 Web API 里找到替代方案,可以去了解一下 You Might Not Need jQuery 。

还不算完,WebWorkers 可以实现一些多线程工作了,以及用 Rust 写 WebAssembly 可以把性能坑也给填了。
另外 WebComponents 有大一统框架组件方案的趋势。

喜欢 Flex 布局可以去了解一下 Bulma 。
lichdkimba
2021-12-13 12:39:52 +08:00
new FormData()不是上古时期就有了么。。。。。
lichdkimba
2021-12-13 12:41:20 +08:00
@lichdkimba 查了一下 原来是 ie10 时期才有 感觉写法很古早
makelove
2021-12-13 12:50:04 +08:00
@pigspy 别这样,你这是先有信仰再找理由,我这种写了几年 react 受不了转 reactive 的算什么
shakukansp
2021-12-13 12:56:26 +08:00
#21 @WadeLaunch 没写过别的语言的模板语法? smarty 没用过?
nziu
2021-12-13 13:06:06 +08:00
@zxcslove 支持,内核版本 81
zxcslove
2021-12-13 13:12:05 +08:00
@nziu 收到,这帮人总算想起来自己家有 PC 版了
2i2Re2PLMaDnghL
2021-12-13 13:18:29 +08:00
@murmur acl 时代就是用 s expr 结构化地定义生成结果了,template 这种字符串里嵌魔法的又是什么东西
Buges
2021-12-13 13:23:56 +08:00
恰恰相反,浏览器作为最大的 GUI 平台,一直是处于领先地位的,其他 GUI 平台后来才慢慢 adopt 浏览器生态发明的范式。
liufish
2021-12-13 13:24:47 +08:00
Android 开发一枚,之前用 ts 写 cocos creator 。发现 ts 真是太棒了。
jjwjiang
2021-12-13 13:25:48 +08:00
作为一个 8 年全栈,我跟你说你觉得好用的部分很多是外部环境的变化

包括不仅限于

浏览器更新换代,IE 没落
ES 新标准的普及以及浏览器支持
大众对 BS 程序有了更普遍的认识和期望

最后才是前端编程技术的更新换代,说实在的我没觉得纯技术上能带来太大的区别,vue react 是方便,但是从 html jquery 过来的谁没做过类似的数据驱动 HTML 的库呢,要产生质的区别还是不同因素一起起作用的结果。

现在做前端开发比过去舒服太多了。
shunia
2021-12-13 13:45:20 +08:00
明明 ts 和 react 都挺好的,也很少有人喷 vue ,为什么有个人在所有这种帖子里都要拉一踩多,是真的无语。。。
lyz1990
2021-12-13 13:45:54 +08:00
布局的话一定要看一下 grid ,简直是哲学
ghostsf
2021-12-13 13:57:05 +08:00
说白了,就是发明了一些语法糖,工具,脚手架,方便开发。其实虚拟 dom 并没有多好。

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

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

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

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

© 2021 V2EX