[Topic DIscussion] 什么,前端已经卷到想砸后端饭碗了?
Tofloor
poster avatar
流浪的加菲
deepin
2024-01-16 16:02
Author

看到一篇有意思的文章必须分享给大家,话不多说,先上个图:

image.png

这其实是一段 React 代码,一眼看过去就能看到其中最敏感的一句代码:就是那句 SQL !!!😏


意思就是在页面上点击一个叫做「提交」的按钮,触发一个 formAction(提交表单)的动作,最厉害的是提交表单要执行的动作不是一个接口请求,而是直接执行一条 SQL 。使用 use server 标签,标示这是一个服务端端执行的方法。

一时间竟分不出这到底是前端还是后端了。joy

自从前后端分离以来,前端框架可谓是百花齐放,一片繁荣。最早的是 Angular,然后就是 React 和 Vue,到现在基本都是 Vue 和 React 的天下了。

image.png

如果你用过原生* 或者 JQuery,那就能感受到 React 或者 Vue 的出现,完全改变了前端的开发方式。

React 目前的最新版本是 18,支持 ES(ECMAScript) 和TS(TypeScript),除了画界面和写CSS之外,完全可以把它当做一个面向对象的语言工具使用。

这次支持执行执行后端 SQL 的特性是 Next.js 开放的,Next.js 是 在React 框架上再次高度封装的一个框架。有点像 Spring Boot与 Spring 的关系,Spring 好比是 React,Spring Boot 就是 Next.js。

React 官方是大力推荐 Next.js 的,有了官方推荐加上本身已经支持的服务器端组件,Next.js 不知道是出于什么样的目的,竟然直接支持执行服务端方法了。之前要通过 HTTP 请求,现在直接就跳过这一步了。

本来好好的前端,为什么要直接支持写 SQL 呢,其实前两年React 就推出了React Server Components ,大致的意思就是说这是一种服务器端组件,为了提高性能,由服务器直接渲染,渲染出来的结果通过元数据的形式发给前端 React,React 拿到元数据后与现有的 UI 树合并,最终由浏览器渲染。

前端框架是不是越简单越好呢?confused

前端同学们一片调侃:React Next.js 啥都能干,既然连后端都能整了,那其他的也能全栈了。


原文作者:古时的风筝

原文链接:听说前端出大事儿了

Reply Favorite View the author
All Replies
流浪的加菲
deepin
2024-01-16 16:04
#1

全栈研发人员的分量applaud

Reply View the author
晚秋(lateautumn)
Moderator
2024-01-16 16:12
#2

只会简单的语句,太高深的看不太懂joy

Reply View the author
雪域一线天
deepin
2024-01-16 16:14
#3

26个字母,还有10个数字我都认识啊

哦,标点符号也认识。

Reply View the author
liwl
deepin
2024-01-16 16:25
#4

sql注入可以吗

Reply View the author
181******81
deepin
2024-01-16 16:45
#5
liwl

sql注入可以吗

我感觉安全压力再次给到了sql。agree

Reply View the author
ThinkYoung
deepin
2024-01-16 17:33
#6

PHP 永远是世界上最好的语言 !未来也是最容易被AI开发的语言之一!

4202年了,还分什么老板,员工,项目,产品,美工,前端,后端,全栈,运营,客服,前台,行政...?

那么多人,能等到包饺子过年嘛?

这个世界,已经卷到 1Man+1AI 就是整个开发团队!

单纯从语言层面设计已经无法提高生产效率了,

未来,只能从 AI智能+算力 代替昂贵的人工,来降低成本提高巨大生产力!

就像股票量化交易去代替交易员一样,

IT圈马上会站在更高维度更高视角去设计产品和业务架构,从而精简人员组织架构!

iT职阶终将崩塌,因为不像国家工程师劳动技能认证,IT技术淘汰太快,遇到变革时代,所谓职阶迅速崩塌

就像马斯克裁掉推特人员,砍掉冗余代码,重新设计产品。

对互联网泡沫危机还有印象的同志劝下大家:

年轻的小伙伴们,如果你们没有跟上AI的步伐已经落后了,尽快上岸不迷茫!

Reply View the author
把一切操作变成GUI
deepin
Backbone of ecological co-construction group
2024-01-16 18:32
#7

这代码放到前端里面得多危险啊。。。。

Reply View the author
caoyuUU
deepin
2024-01-16 19:03
#8

全干工程师?

Reply View the author
兆兆嘟嘟嘟
deepin
2024-01-16 20:02
#9
ThinkYoung

PHP 永远是世界上最好的语言 !未来也是最容易被AI开发的语言之一!

4202年了,还分什么老板,员工,项目,产品,美工,前端,后端,全栈,运营,客服,前台,行政...?

那么多人,能等到包饺子过年嘛?

这个世界,已经卷到 1Man+1AI 就是整个开发团队!

单纯从语言层面设计已经无法提高生产效率了,

未来,只能从 AI智能+算力 代替昂贵的人工,来降低成本提高巨大生产力!

就像股票量化交易去代替交易员一样,

IT圈马上会站在更高维度更高视角去设计产品和业务架构,从而精简人员组织架构!

iT职阶终将崩塌,因为不像国家工程师劳动技能认证,IT技术淘汰太快,遇到变革时代,所谓职阶迅速崩塌

就像马斯克裁掉推特人员,砍掉冗余代码,重新设计产品。

对互联网泡沫危机还有印象的同志劝下大家:

年轻的小伙伴们,如果你们没有跟上AI的步伐已经落后了,尽快上岸不迷茫!

维护的工作应该只能由人做。

Reply View the author
方老四
deepin
2024-01-16 20:33
#10

"HVML+SPL"就是全新的多端开发模式,HVML负责界面渲染,SPL负责数据处理。支特桌面、服务器、手机、平板、嵌入式设备和物联网设备等全端开发。

Reply View the author
YL-Jack
deepin
2024-01-16 21:40
#11

之前我也看到类似的,看样子全栈开发要成为趋势了

Reply View the author
流浪的加菲
deepin
2024-01-17 09:41
#12
把一切操作变成GUI

这代码放到前端里面得多危险啊。。。。

为什么有这种想法🤧

Reply View the author
silentdoer
deepin
2024-01-17 09:55
#13

脑子有坑才会觉得前端可以替换后端;AI最先干掉的就是没技术含量的前端;后端要搞好不说语言就比js难很多,什么数据库、中间件、操作系统、文件系统哪个不是要学的还可以;

多去看看市场上前端多么不值钱,更何况还有业务这块基本上只有后端能和产品经理刚

Reply View the author
核桃
deepin
2024-01-17 10:40
#14
silentdoer

脑子有坑才会觉得前端可以替换后端;AI最先干掉的就是没技术含量的前端;后端要搞好不说语言就比js难很多,什么数据库、中间件、操作系统、文件系统哪个不是要学的还可以;

多去看看市场上前端多么不值钱,更何况还有业务这块基本上只有后端能和产品经理刚

好说,我就是搞文件系统这些的,我也曾经了解过vue前端,都是混口饭吃,并没有高低之分。我也并不觉得后端有多厉害,我从java到rust再到c,也感觉自己只是在curd罢了。 后端也就那样吧。

Reply View the author
silentdoer
deepin
2024-01-17 14:13
#15
核桃

好说,我就是搞文件系统这些的,我也曾经了解过vue前端,都是混口饭吃,并没有高低之分。我也并不觉得后端有多厉害,我从java到rust再到c,也感觉自己只是在curd罢了。 后端也就那样吧。

别在这吹了好吗?前端的简单程度不是你在这里装一下后端就能掩盖过去的,还转rust,转c,怕不是转了个hello world

Reply View the author
silentdoer
deepin
2024-01-17 14:15
#16
核桃

好说,我就是搞文件系统这些的,我也曾经了解过vue前端,都是混口饭吃,并没有高低之分。我也并不觉得后端有多厉害,我从java到rust再到c,也感觉自己只是在curd罢了。 后端也就那样吧。

你如果只是用c语言写写单片机里的一些小应用就别说自己是后端,这种技术含量客户端都不如

Reply View the author
核桃
deepin
2024-01-17 16:14
#17
silentdoer

别在这吹了好吗?前端的简单程度不是你在这里装一下后端就能掩盖过去的,还转rust,转c,怕不是转了个hello world

不用这么刚,https://github.com/httaotao/glusterfs-book, 这是我的github, 国内第一本完整的glusterfs资料是我写出来的,openzfs的技术书我也写过了,我应该多少懂点存储吧。存储大部分人也是在搞curd罢了,只是字段业务稍微复杂一点。

其实真的没有你说的那么复杂,都是搞技术的,看淡点就好

Reply View the author
silentdoer
deepin
2024-01-17 16:33
#18
核桃

不用这么刚,https://github.com/httaotao/glusterfs-book, 这是我的github, 国内第一本完整的glusterfs资料是我写出来的,openzfs的技术书我也写过了,我应该多少懂点存储吧。存储大部分人也是在搞curd罢了,只是字段业务稍微复杂一点。

其实真的没有你说的那么复杂,都是搞技术的,看淡点就好

你如果是单独的和存储打交道的“后端”那并不是广义的后端(你的更接近写单片机应用的这种特殊场景的后端);更广义的后端是那种提供服务给客户端、前端的;这种后端如果要达到高级,那理解存储的原理(至少要大概理解),理解中间件(es,redis等等)的实现原理(分区,副本,一致性,集群等一系列概念和原理),操作系统的调度原理(js根本都没线程的概念,就一个事件循环,遇到CPU密集型就gg),数据库;这学习量就不是一个量级的,更何况多种技术栈带来的复杂度的指数提升;

前端呢有啥技术?最难的怕就是调css效果了,这种根部不需要什么很强的逻辑思维,主要就是耐心而已;而且现在的AI可以根据图生成一个前端项目,后台应用有AI加持根本都不需要前端

Reply View the author
Rubbish
deepin
2024-01-17 17:02
#19
silentdoer

你如果是单独的和存储打交道的“后端”那并不是广义的后端(你的更接近写单片机应用的这种特殊场景的后端);更广义的后端是那种提供服务给客户端、前端的;这种后端如果要达到高级,那理解存储的原理(至少要大概理解),理解中间件(es,redis等等)的实现原理(分区,副本,一致性,集群等一系列概念和原理),操作系统的调度原理(js根本都没线程的概念,就一个事件循环,遇到CPU密集型就gg),数据库;这学习量就不是一个量级的,更何况多种技术栈带来的复杂度的指数提升;

前端呢有啥技术?最难的怕就是调css效果了,这种根部不需要什么很强的逻辑思维,主要就是耐心而已;而且现在的AI可以根据图生成一个前端项目,后台应用有AI加持根本都不需要前端

joy你低估楼上这位佬了

所谓后端除去infra不也还是写业务服务,前端也在上微服务数据流状态管理、写SPA业务逻辑。写业务一点也不简单,真以为强运营强基建配几个菜鸡就能造出拼多多啊。前端还是最早开始业务实践中往函数式迈进的、折腾依赖管理最活跃激进的。

前端的infra既包括wasm、Web协议,也包括文档排版引擎、多媒体渲染,哪个简单得了

Reply View the author
silentdoer
deepin
2024-01-18 08:53
#20
Rubbish

joy你低估楼上这位佬了

所谓后端除去infra不也还是写业务服务,前端也在上微服务数据流状态管理、写SPA业务逻辑。写业务一点也不简单,真以为强运营强基建配几个菜鸡就能造出拼多多啊。前端还是最早开始业务实践中往函数式迈进的、折腾依赖管理最活跃激进的。

前端的infra既包括wasm、Web协议,也包括文档排版引擎、多媒体渲染,哪个简单得了

第一wasm根本就不是这里说的前端,js无法编译为wasm;如果说用rust写前端那这个根本就不算传统意义上的前端;第二web协议就更加简单了,就是socket tcp通信按固定格式输入输出就行,更何况前端根本不需要去了解会调api就行了,因为了解了和优化代码没有半毛钱关系你仍然只能按http协议或者websocket来调用;文档排版,多媒体渲染这种大头都是后端给封装解析好,前端基本上就是调包侠而已;更何况web的文档排版、多媒体渲染和客户端比起来不值一提,和后端的算法封装更加不值一提

Reply View the author