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

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 ,可以避免很多问题。

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

12827 次点击
所在节点    程序员
119 条回复
WadeLaunch
2021-12-13 11:07:59 +08:00
我本来打算上周就写贴彩虹屁的,但拖延症发作,今天看到下面这贴,被它催更(写)了。
现在的前端技术栈真的太恶心了!
#/t/821702
--------
抱歉,主楼中不能写网址,要不发不出来。
WadeLaunch
2021-12-13 11:17:29 +08:00
我本来打算上周就写贴彩虹屁的,但拖延症发作,今天看到下面这贴,被它催更(写)了。
现在的前端技术栈真的太恶心了!
/t/821702
----
原来是这样链接站内贴,请管理员高抬贵手,不要删除。
xuxuxu123
2021-12-13 11:23:21 +08:00
楼主只是从 jq 直接到现在的脚手架方案,觉得很牛逼~~~,却不知道这 10 年前端经历了什么,累死了多少前端狗(别喷,本人也是);
otakustay
2021-12-13 11:26:25 +08:00
@xuxuxu123 #3 整个技术的发展都在不断地让人可以做更少的重复工作、写更少的质量不可控的代码,前端狗不是被累死的,是学习学死的
Dragonphy
2021-12-13 11:28:56 +08:00
@otakustay 后端也一样啊,卷得不行
zxcslove
2021-12-13 11:30:00 +08:00
借楼问一下,微信 PC 版支持 ES6 了吗?
murmur
2021-12-13 11:30:59 +08:00
ts 主要是带来的枷锁是个问题,你都选了弱类型语言了,如果说强类型真的是万能药,那么 java 和 c#写出的项目应该美如画
murmur
2021-12-13 11:31:36 +08:00
我见过太多的例子了,别人都写了多少业务了,他还被一堆类型定义和检查折腾的死去活来
zzhbbdbbd
2021-12-13 11:34:42 +08:00
@murmur 这应该是静态类型和动态类型的问题,而不是弱类型和强类型的问题... 类型可以让问题提前暴露在编译时而不是运行时
hlwjia
2021-12-13 11:39:07 +08:00
作为后端程序员,你应该会更喜欢 react
james2013
2021-12-13 11:41:58 +08:00
@murmur python 代码看的我恶心,有时方法的传值我都不知道参数是什么,要好好看代码
敲代码时不小心打错字了,也正常编译和运行,直到运行到该端代码,才发现结果不正常或者报错
pigspy
2021-12-13 11:43:11 +08:00
作为后端程序员,我确实更喜欢 react
从 react 的代码里,可以看到一种思想,一种理念,一种坚持,难能可贵
学 vue 的时候,没有感受到这种编程上的美感
zzhbbdbbd
2021-12-13 11:43:20 +08:00
@james2013 py3.9 支持类型注解,渐进式类型能解决这个问题,不知道参数是什么,方法名是什么,这些都是因为没有静态类型来支撑 code hint 导致的。以后越来越多的 py 库加上了类型注解,这些问题都会没有
seakingii
2021-12-13 11:46:02 +08:00
typescript 的类型定义和检查真的折磨人
murmur
2021-12-13 11:46:29 +08:00
@pigspy 美感可算了吧,jsx 连最基本的代码对齐都没法保证,你的 if 和 for 要掺杂多少世俗进去

vue 的 if 和 for 是标签,不破坏对齐的
murmur
2021-12-13 11:47:10 +08:00
前端从盘古开天辟地以来写的都是 class ,到 react 就成了 className ,然后你跟我说一种坚持
aababc
2021-12-13 11:50:27 +08:00
@zzhbbdbbd python 注解感觉也是半吊子,循环引用搞起来头大,IDE 定位一个方法,出来一大坨(可能是我不会用),不过现在也是越来越好了。
66beta
2021-12-13 11:52:11 +08:00
react 美在哪里?

虽然写着 react ,但我觉得单 vue 单文件组件方案比较好
WadeLaunch
2021-12-13 11:52:47 +08:00
#2 @xuxuxu123
哈哈,大家终于趟过泥水河,走上了光明大道。
感谢前人的探索。
MonkeyD1
2021-12-13 11:53:46 +08:00
啊哈哈哈

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

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

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

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

© 2021 V2EX