后端程序员进入前端为啥是进了迷宫一样

[echoless]

因为前段早已经不是 javascript 和 一些 lib 的天下了.

vue react 里面都有 compiler 的, 有 compiler 的意思就是你在写 vue 语言, react 语言.

你一个北京人, 到了四川, 不妥妥的瓜娃子么.

没个 10 天半月, 听不懂说什么正常.

vue 这个语言呢, 经历了

1. vue 2, vue 3
2. javascript, typescript
3. compositional 和 optional api
4. compositional api 还有简洁版本 和 冗余版本.

作为老手, 你循序渐进都很自然, 新手面对的是 222*2 = 16

新手进来不晕菜才怪呢, 说恶心呢优点夸张, 但是还真不亏.

[echoless]

@edisonwong #97 你这经历差不多是大部分人的经历, 即使前端也要经历这个过程, 只不过有人, 像我这种知道很多东西是认为制造问题去吐槽一下, 有人被折腾了, 习惯了就觉得应该这样.

[yolio2003]

这个和隔壁问题可以用一个回答：

确实，自从 react 之后 FE 已经恶心人快十年了，DX 下降到不可接受，然后开始搞 rust 化，慢慢修复，谁知道不是又一个坑呢？

[nicreve]

说难听点，对前端来说天花板就那么高，大牛们最多也只能在这个池子里反复的造轮子，其他人更是只能粪坑蝶泳，你说难不难，确实挺难的，但是研究出怎么针对排泄物浓度调整游泳姿势，好像也没什么值得大吹特吹吧。

[edisonwong]

@echoless 不理解为什么为什么能设计成这样子。 css 难搞，js 还要转 ts （网上一搜很多教程都是 js 的），还有各种组件（我以前用一个不知名组件，后面用 elementui (这个教程还算全），html 。 真的每个点遇到问题，都够你 google 搜喝半壶的，有的甚至得看源码（关键源码看不懂啊）。。。。。 同样一个新手，我学 go swift ，一搜 google 、或者看源码根本不怵。随便吐槽一遍 vue 的文档里有几种命名格式。。比如驼峰，下划线 哎，新手也是看得晕乎乎的

[810244966]

@edisonwong 对，看源码感觉这个也很麻烦，对于后端一般 ctrl 点一下就进去源码了，前端难找不说，找到了也是被压缩的，一个文件几万行，ide 都卡卡的，变量名应该也被压缩了，都变成 a b c d e…… var1 var2 ……这种。不知道其他地方怎么样，我公司的前端都成这样了，好像要真正的源码还需要去申请，也很麻烦，不像 java ，直接 class 给反编译了

[lolizeppelin]

@edisonwong

所以说,前端水平不够学 angluar.....

[coolmenu]

所以现在 liveview ，blazor 之类的又开始流行了，过两年 wasm 再成熟点，是不是就都统一 wasm 化了？

[royzxq]

咱就是说有的人连正常写 /跑一个前端项目都吃力的还要看源码， 收收力气吧.jpg

[edisonwong]

@royzxq 每个人写的东西逻辑 实现的需求不一样。看源码不是什么羞耻的事情。你要写个 helloworld ，当然不需要吃力得看源码

[royzxq]

@edisonwong 据我所知，vue 的 doc 或者 element-ui-vue （非 vue3 版本）的 doc 以及示例代码都还挺完善的，如果只是使用的话，这两个确实没有看源码的必要。

[loryyang]

我个人觉得前端不够严谨，当然有许多历史原因和现实原因，这块建模是有点困难

[AyaseEri]

知道为啥不。
后端可以控制自己的运行时环境。
客户端可以保证自己的应用本体安装了就是安装了。
Web 前端，呵呵，每一次访问连核心代码能不能下载完都不知道，浏览器内核与版本的差异杂糅在一起能整出 114514 种区别。不然也不会整出什么 minification 、bundle 的花活，也不至于整什么 babel 转译，更不至于指定 browserlist 这种玩意去看浏览器份额转译代码。
UI 设计稿一个比一个天马行空，恨不得在浏览器里实现 iOS 系统级的优雅与丝滑交互。

[Lattez]

@qsnow6 是的，actionscript

[nzbin]

@lolizeppelin

> 所以说,前端水平不够学 angluar.....

本人自学前端转行，后面自学的 angular ，没觉得很难，是我水平太高吗 [捂脸]

[SmartTom]

看完 总结，op 纯纯的傲慢，引用老罗的一句话:"都是技术整合商，装什么孙子",管好自己的饭碗就得了。

[lolizeppelin]

@nzbin
就是说前端水平不够的人应该学 angluar
而不是去学看起来更容易的 vue 和 react

实际上能用 vue 和 react 还是比较容易的,但是水平不够根本把握不了代码很容易陷入混乱
反而入门最麻烦的 angluar 是对水平不够的人最好的选择

[afeiche]

经历过 jsp 的人，大概率会写一点 html ，css ，jquery ，但是现在前端感觉不是在写 javascript 了，都是 ts+各种框架的 DSL ，映射到 java 就是 kotlin 、scala 、grovvy 。。。

[nzbin]

@lolizeppelin 抱歉看错了，确实学过 angular 之后对整体架构、设计模式、代码规范比较有帮助

[Aumujun]

”运维就那点东西“

啧啧啧，OP 真是啥都懂，是不是以为部署点东西 装个软件 写个菜鸟脚本就是运维的全部？井底之蛙

[NoDocCat]

前端写的是 UI 啊, 为啥要和写接口的来对比?
你让一个资深后端去写 Qt, UWP, Android, Swift UI. 他就不发懵了吗?
就算不换语言环境, 现在有几个 Java/Kotlin 的后端搞得懂 Swing 的? 就算有 Kotlin DSL 的封装那写着也难受啊.

[kaddusabagei38]

感觉没啥吧...我也是后端，写过点 vue 和 react ，感觉框架层面基本都没啥太不适应的，主要就是一些外围的东西，比如脚手架工程结构对于新人不太好把握

[Envov]

我记起去年见过一个很狗血的项目，start 还挺多的
具体是用它的语法写代码，它可以编译为 react 和 vue 的语法，然后再用 react 或者 vue 编译为 html+css+js
可以预见，将来有一些人认为他这个项目有某些缺陷，于是用更高级的设计模式重新开一个库，
又有另一些人觉得这帮人的太割裂，于是在第三层上面又统一一下
真的是套娃又套娃，编译又编译

[wangtian2020]

公司里只有我一个前端，刚入职一段时间后领导就不怎么管我代码了，写了三年前端，JavaScript 对我来说已经有些枯燥了。现在我写代码的状态就是，想尽办法尽可能写的短，能一条代码解决的数据处理直接 Array 数组链式调用，filter 接 map 接 find 里面再嵌套个 find 。vue setup 语法糖用！可选链用！解构赋值用！ fetch 用！ axios 真不熟。定义的所有函数都用箭头函数。新出的 css 用，每天都打开几次 caniuse.com 斟酌我写的前端页面客户跑不跑得起来。我写的代码都是为了自己写的爽写的，能最快速度下班写的。我写的 JavaScript 别人看不懂正常，看得懂的话，他肯定也能有收获

[KiZuNaYa]

我一个主做后端的只会 vue2 应该不丢人吧，前端只会 vue2 应该不太行，至少 vue3 react 都要会

[vcbal]

唉，这种帖子现在怎么还有人讨论？不管什么方向 什么语言，能够解决问题 这才是本质啊。开这种贴的，我就立帖为证 全是彩笔，或者是刚毕业 或者是没脑子的开发

[youweihang]

前端现在行情咋样呀

[kuma42710]

@wangtian2020 老哥有个人博客之类的吗，想学学你的写法

[wangtian2020]

@kuma42710 呃…，还没总结过，平时也没写过文章。都是些很普通的写法，其实 JavaScript 已经有很多很便捷的 api 了，要多翻 mdn 文档才发现。工作不饱和写代码的时候就思考的比较多，代码写多了就会注意尽量避免没必要的中间变量。Array 的 map/filter/slice 方法会返回一个新数组，splice/sort 等会改变原数组，当我注意到这些就开始想把数据处理写进一条代码里。知道 Array.forEach()后我就再也不用 for(;;)去遍历数组了

[huijiewei]

@raymanr 好很多啊。typescript 一把撸，编译打包工具帮你搞定兼容性。2016 年那会其实还好，你没体验过 2006 年那会前端的痛苦，，，JS 和 CSS 光兼容 3 种浏览器就能把人兼容疯

[raymanr]

@huijiewei 感觉是不是好多人都没 get 到我说 2016 是这个梗...
https://zhuanlan.zhihu.com/p/22782487

[kuma42710]

@wangtian2020 有开源的项目么，想学习下。最近在看 github 上的那个 vue-pure-admin ，ts 看不太懂阿巴阿巴……先谢谢老哥了