说句实话，我后端现在已经看不懂前端了，太难了

[phpxiaowangzi]

看不懂惹，肿么办，最近在学 react，完全抓瞎。

一直用的 jquery，手动找位置然后对应 dom 操作，现在各种前端各种依赖，一会 route 一会 webpack 的 给爷整蒙了都

这问题其实只是为了吐槽下现在前端真的今非昔比了，很🐮🍺，本人也是后端渣渣一枚，并没有对前端任何不敬惹，只是感慨下，各位请理性看待问题嗷铁汁们。

by the way，禁止套娃

[JamesC]

多看、多学、多练。抓瞎是正常的，上来就上手你让其他人情何以堪。

[cpdyj0]

感觉要是不上什么 redux 还在接受范围内…前端栈越来越复杂了

[xcoderan]

react 其實就是模塊堆疊
react native 比較難一點

[Jaosn]

我们公司的后端都觉得前端很简单的

[zhw2590582]

其实吧，react 常用的 api 也就几个，无需全部精通，了解一下就好，等需要时再看文档，难的永远都是业务逻辑。

[EPr2hh6LADQWqRVH]

这是前端圈长期逆淘汰的结果。

模板混代码里这种 PHP 宗教行为就别提了。

个人认为因为 javascript 语言的部分原因，前端很少有人懂什么是继承，什么是类，实例到底啥意思，更别谈良好维护引用了。

什么 redux,什么 vuex 根本就是莫名其妙，不就是事件监听吗，像 Node.js 那样 EventEmitter 多么清晰，非得自己造概念。

画虎不成反类犬，凡是有这套什么状态管理逻辑的，代码完全不可读。

前端自己也是不争气，不用别人的这些狗概念，自己就不会写代码了吗？

没有什么 redux，自己就不会管理自己的属性了吗？

[Hellert]

以前刚接触前端我也是懵，不过后来醒悟，现在的前后端不就是传统的 C/S 架构嘛，就豁然开朗了。
不过后端的东西都有成体系的理论为基础，前端的东西大多都是套路，学习的时候要转变一下思维。

[murmur]

vue 就很好懂，react 那套东西学起来是非常烦人
另外不知道 6 楼的兄弟是不是友军，我们的项目没用 redux，用的 EventEmitter，线上跑了 3 年了没问题
但是我还得说 vue 的 template 碾压 jsx，连 if 和 for 都没有的东西不配谈优美

[marcong95]

@avastms #6 恕我直言，你是不是对前端有什么错误的偏见，OOP 的基本概念，我觉得 0202 年的 JS 来说似乎也没什么明显的缺失了。前端现在的倾向是往 FP 走，OOP 似乎被认为不适合用于操作 UI。你也可以不用这些“狗概念”自己 jQuery 一把梭也没人挡着你。你要类似 EventEmitter，那 jQuery.on 或者 document.addEventListener 不也挺好的么。

代码不可读，除了本身代码质量的问题，还可能是读者水平不够的问题。至于是哪方面问题，没看见代码我也不好说

[wxsm]

React 其实是前端框架里非常精简优雅但是上手难度较高的一个（这也很符合常理，精简不等于简单）。如果你是初学者，Vue 是最好的选择。

@avastms 说话这么暴躁，不知道您的代码写得怎样。合着前端都是傻逼，就您最牛。

[rayhy]

借楼问下给后端的关于前端的学习资料，尤其是 webpack，npm，yarn，nodejs 这些都在干嘛，怎么结合。。。

[tt67wq]

劳资的前端还停留再 jquery 阶段。。。

[q8164305]

@avastms 我觉得是你自己的问题，我怎么没见人前端抱怨难读，就一帮半吊子后端天天说难读

[littlebaozi]

前端也看不懂前端了哈哈

[murmur]

@rayhy 纯前端的话，这 4 个东西加一起干的都是 maven 的活，跑在浏览器的东西跟这 4 个都没关
如果是广义前端，nodejs 可以干 1/4 个 java 的活，前三个是 maven

[xiangyuecn]

确实太难了。。。写个入门的 vue 也会遇到 bug，没办法--官方也解决不了，issue 还在那晾着。入门到放弃，还是自撸爽

[EPr2hh6LADQWqRVH]

屎壳郎从来见不到屎，总是见到饭。

[SbloodyS]

我只会 jquery 和 angularjs。。。。落伍的我

[phpxiaowangzi]

@tt67wq the same to you

[mikulch]

@rayhy 别学了，你说的这些再过两年，除了 nodejs 其他的估计都淘汰了。

[IGJacklove]

@xcoderan react 和 react native 没什么区别吧。。。基本面向文档编程

[darknoll]

@Jaosn 我们公司的前端都觉得后端很简单的

[murmur]

@IGJacklove react native 前面那个单词你可以无视，他就是 native，没 native 知识或者没 native 专职辅助恶心死

[damngood]

同反感 redux 类似的方案, 习惯了 rx 这种可以细粒度控制的数据流.
啊, 还有 webpack 这种东西配置起来也麻烦.

这么多年过去了, 前端开发的工具链还是这么一团糟 (个人观点)

我个人还是等 Web Assembly 上来后再来接触 web 前端吧

[pandait]

我已经放弃了。 反正就是 jQuery 一把梭。

[Justin13]

react 的演进方向是函数式编程，加上 redux 就更明显了，其次 react 本身只是做 UI 的，UI 背后的 model 想搞成啥样都可以。这部分想 OOP 就 OOP，想搞事件就搞事件，只看应用场景，没有高下。

[bohrasd]

@darknoll 哪种后端？...

[Cbdy]

这叫做技术进步淘汰老程序员，赶紧学习跟上吧😂

[BreadKiller]

我也是最近在学 react 和 vue，发现 vue 要简单一些。

[DOLLOR]

jquery 一把梭不香🐴？
不就是字符串拼接 html 嘛，直接操作 dom 嘛，添加几个 click 事件嘛，然后写个 selector append 上去就行了。
不能用 babel 的话还要忍受恶心的嵌套地狱，但又不是不能用。然后继续转发老掉牙的 javascript 笑话。
效率不够，加班来凑，再拉几个觉得前端简单的后端一起奋斗吧。

[noobma]

用 angular 会有这么多花里胡哨的东西吗😂

[yxcoder]

前端自动化构建，对于刚入门的人来说确实挺不好理解的，但是写多了代码，就会觉得是神器了。vue，react 其实都是对业务逻辑的高度抽象，解决的都是重复工作的问题。其实新手学前端，完全可以先不启用构建那一套，webpack 和 node 都暂时搁置，用 jquery 写两个交互复杂的页面，譬如后台管理页面，然后尝试引入 vue，用 vue 再实现一遍刚刚写过的页面，对比差异，很容易发现 vue 的强大。用 vue 用的多了，就会感觉到问题，组件之间的通信和状态非常难以处理，vuex 解决的就是这个问题。有些人总以为前端容易，殊不知与人相关的东西其实都是异常的复杂，计算机再牛 B，最后落脚点都是人

[Ley]

国内 Angular 生态没发展起来真可惜…

[wunonglin]

前端娱乐圈。。

[wangyzj]

开始了，开始了

[hyy1995]

上来就是 React，当然难了，React 一堆 ES6/7 的概念，学习曲线还是很陡的。



建议你可以先看 Vue，这玩意前端几乎人人都会，大大降低了前端的门槛，非常简单，我在三线城市，这边的公司招前端几乎清一色的 Vue。而大多数说自己懂前端的后端，懂的就是用 Vue 开发后台管理系统。。。

[hyy1995]

另外，如果在国内的话，我真的建议别瞎跨端折腾了，浪费时间，你们得区分清楚“全干工程师”和“全栈工程师”。。。不管是前端还是后端，精通起来是需要时间和实战的，不是看着文档敲几个 API 就算会了。有这功夫不如在自己的领悟挖深一点，或者多刷几道 LeetCode。



现在很多小公司没钱招人，就喜欢让员工“全干开发”，实际上让一个前 /后端开发者去跨端开发，搞出来的玩意就仅限于“能跑起来”。。。

[slyang5]

说实话 你太菜了 哈哈哈

[duan602728596]

前端这几年不就是用了点提升开发效率、减少编码量的东西吗？从 node、ARV 出来开始就一直这个那个的，都 2020 年了，合着后端用框架、工具就是必须，前端用就叫瞎折腾？

现在兼容语法不用自己解决了，2020 年的语法编译完，在 2000 年的电脑上也能跑，操作 dom 的语法也不用写了，数据一变，ui 跟着变，轻松多了。省下时间了，有时间研究别的东西了，这不挺好？

目前 wasm 也有写 ui 的库，c++的 asm-dom 也是类似 jsx 的语法，go 也能直接编译 wasm，不怕麻烦你可以去用啊

[Actrace]

代码写多了容易暴躁。
出去钓钓鱼就好了。

[loading]

我用 jquery 想用 jslint，居然还是会遇到 npm，日了狗一样。

[royzxq]

开始了开始了，新年第一钓， 就硬钓

[bclerdx]

@murmur if 和 for 语句。

[zjsxwc]

jquery 一把梭
我到现在也仍旧还是喜欢老一套 backbone+jquery+requirejs+underscore
逃。。

[ifxo]

人为分开的，不然你拿双份工资啊

[chocotan]

我也看不懂，只能依葫芦画瓢抄抄官网的示例

[dobelee]

看到暴躁的 6 楼就知道要撕起来了。🐶

[galikeoy]

@avastms #6 你在我这被加红不是没有道理的 （ v2 网友的插件，沙雕心得）

[NaVient]

react 难就难在那一套东西不是一波人写出来的，官方过于精简导致后边生态太混乱。

[mandex]

我觉得 React 是最简单优雅的, 只要你愿意接受 JSX, 然后所有的东西都是 JS 了, 这样才有编程的感觉.
Vue 老是让我感觉在写 html 模板, 它抽象的没有 React 这么彻底.

[LowBi]

前端最难的是 css,次级 js。目前写 uniapp，css 属实烦人

[EPr2hh6LADQWqRVH]

唉我也是替你们捉急啊，真的！

[IsaacYoung]

又开始了，又开始了

[bhaltair]

我们后端一天就会 Vue 了

[fyxtc]

@mandex 一个是在代码里写标签，一个是在标签里写代码，感觉不一样哈哈哈，我也喜欢 jsx

[icyalala]

不愧前端娱乐圈...

[leonme]

就是不熟悉而已，有没有啥难点

[leonme]

@leonme 又没有

[leafre]

找个开源看看去就懂了，现在的前端只是更像后端开发了而已，多了面向对象的思维，开发跟效率

[ala2008]

前后端分开挺好。好久没写前端了

[cxknmsl]

这有啥，我特么面得 iOS，结果入职后 oc、swift、android、react native 全要写，还疯狂赶项目，头都要炸了，之前就写过一年 oc

[daimubai]

后端对前端会用就行了，不管你是从哪搬的代码，效果出来就行了，花一周学了下 html css js，花一周做出来了一个小程序，用 mpvue 做的，还是挺简单的吧

[bojackhorseman]

打起来打起来

[netherlanddennis]

经历：我不会开车。

结论：哇,开车好难啊!!!

[taxiaohaohhh]

一堆不喜欢 redux 的，去 vue 或者用 mobx 啊，看不懂就看不懂，智商不在线，非要 diss redux

[Katrol]

简而言之，言而简之，贵圈真乱

[IamUNICODE]

后端表示看热闹不嫌事大，打起来~

[wuwukai007]

钓， 就硬钓

[bylh]

@xiangyuecn 啥 bug 啊

[chenyu0532]

什么时候能把 css 给干掉。。极其多的教程里写着前端最难最重点的是 js,html css 顺手就学了。。开始学了之后我发现，最难的是 css 啊。。
有没有不要用或者少用 css 的前端框架啊！！我想学学。。。

[a4854857]

我觉得接触最近框架以后怀念 jQuery 一把梭的估计都接触的是 react
用了 Vue 毫不怀念 jQuery.各种最佳实践跟着走就是了. 写法没有 jsx 变化这么大.
各种符合直觉真的解决痛点无痛升级.

[zdnyp]

等一下，我觉得 php 天下第一（我 Python

[NB7474]

npm

[BingoXuan]

本来想试着 react+ts+electron 搞个 demo 玩一下，折腾了一天 webpack 配置，最后还是用人家写好的配置好用

[whisperrr]

惹?你敢说惹

[fkdog]

我觉得前端烦就烦在喜欢弄一堆工具。
比如上手 react 吧，新人就要去搞 webpack npm，step by step 先把环境搭起来。
这一步就可能栽坑。
上 google 搜索教程，可能是一两年前的，然后相关的类库、插件的 api 已经变的妈都不认识了。想搞个 hot-reload，结果弄出了一堆的相关配置，每一个看起来都完全不一样，一个个试过去结果全 tm 失败了。

弄好 webpack，然后还要再弄 babel，这个坑更多，配置参数一堆一堆的。

最后找了官方的 create-react-app，结果明明都是同样的 webpack、babel，为什么这玩意封装起来后看着完全不一样。

环境配置阶段就劝退了。

也难怪会有 webpack 配置工程师的调侃。

[1239305697]

前端的花里胡哨早就把我整懵了

[sevenzhou1218]

菜是原罪啊。当然我也很菜。

[Winnerxuan]

前段时间工作需要学一下，vue，部署项目的时候，总报错，报的错误不清不楚，真的很难排查，可能是我太菜了

[hantsy]

对于熟悉后端 OOP 开发，要做前端，Angular 是最佳选择。Anguar 默认使用 Typescript 开发，它本身是强类型语言，适合 OOP 编程。 对于熟悉 Java 的，几乎不费力就可以迁移过去，一些后端概念都是深入到 Angular 中的细节设计中，比如比如 OOP，DI，组件中界面，样式和行为分离，有现在 HTTP Client 用来与后端 API 交互（与 Java 中现有的类似），Rxjs 支持（ 全 Reactive API，与 Java 中 Rxjava API 类似）。

React 还是沿用 JS 一些习惯，尽管现在也开始支持 OOP 和 Typescript，但是很多概念如果不是熟悉传统 JS，第一次接触很难理解，比如 High order function 等，嵌套几层后我就开始有点晕了，Function 也可以当 Prop 传递（是特色，也是让新人晕的地方）。再者 React 与 Angular 不一样的，它不是全功能的架构，对于一些功能有太多的第三方选择，比与后端交互，状态管理等。

[fancy111]

相较于后端，前端近几年更新有点过快，感觉遍地开花。

[sujin190]

@avastms #6 说明你还没弄懂，在现在日趋复杂的应用场景和交互模式下，单个模块必须更加内聚，尽可能减少相互依赖，以及完全杜绝循环依赖，EventEmitter 固然简单，但是却是在复杂应用中必然有着复杂的交叉事件处理流程，而完全依赖人工梳理的事件处理顺序依赖以及重建清理过程，在复杂应用中简直作死，我猜你说 EventEmitter 好，估计也没怎么关心过浏览器运行过程中内存泄露，事件重复执行，渲染效率之类的事情吧

想做更复杂的事必然需要更复杂的工具，这没啥不正常的
另不要说用 EventEmitter 也可以做的很复杂，半世纪前就能登月为啥现在又要重新开始，不计成本不讲实用性稳定性科学性没啥可说的

[2098]

bug 改烦了，搬好小板凳，看楼上楼下吵架

[shintendo]

又到了我第八喜欢的切图仔大战 crud 仔环节

[payatpump]

Crud go go go, 切图 low low low

[ARhen]

@tt67wq +1
我一个 java 后端的前端还是操作 jquery，再多一点就是 json 给到前段，layui 的 form 表格渲染...

[charlie21]

解决一个问题，塞进来十个问题
这是封装的必然结果
> 屎壳郎从来见不到屎，总是见到饭
@avastms 这个话是很对的。把屎封装成饭 也是人家的劳动成功

封装后
https://blog.leapoahead.com/2016/03/02/introduction-to-reactive-programming

封装前
http://www.yinwang.org/blog-cn/2013/03/31/purely-functional

-

[fernandoxu]

都是装逼的，各种工具加各种语法糖，工程化才刚刚追上后端

[DelayNoMore]

题主要降权了，谁来 at 下站长

[dick20cm]

@Hellert 哈哈你说的没错，B/S 逐渐变成 C/S，前后端分离，后端只需要返回一个 json 包给前端 vue.js ，然后管他前端怎么画怎么渲染

[redbuck]

抱怨 webpack,抱怨开发环境的几乎全是后端.

写 css 离不开预编译器(less/scss/stylus),后编译器(postcss),hmr.没有前者改个颜色你去全局搜索改吗?没有后者调一个像素你去修改,刷新,设置一条龙吗?

对接口离不开 proxy.接口后端自己写的,不用对也知道返回什么东西,前端没有文档不靠代理鬼知道你返回什么.

至于 babel,前端一样抱怨,但只要用上了新语法,有几个能回去写 ES5?

[shintendo]

@redbuck 没经历过痛点，自然觉得解决痛点的工具都是不必要的装逼

[gtexpanse]

我是 java 后端，会跟着 elementUI 文档画 vue，但是完全不知道前端现在怎么入门学，最近一次尝试学 Angular 又放弃了。

想请教一下，以前 html+css+jquery 就直接跑了，现在 node 应用那么一大堆东西都是啥，webpack 又是啥，关键我直接 clone 下来的代码 npm install 竟然还会少几个包是为什么？
另外各种 CLI 创建项目是什么意思。。。

[xiaojun1994]

我们前端是娱乐圈，比不了高逼格后端

[shintendo]

@gtexpanse
> 以前 html+css+jquery 就直接跑了
现在 html+css+jquery 也能直接跑，就像现在用 CGI 也能写后端一样，就是往 80 口吐字嘛，要啥 springboot
> 现在 node 应用那么一大堆东西都是啥，webpack 又是啥
说白了就是编译器链接器，不要被 node 迷惑了，这些工具用什么语言写的无关紧要
> 关键我直接 clone 下来的代码 npm install 竟然还会少几个包是为什么？
墙
> 另外各种 CLI 创建项目是什么意思
就是一键生成 helloworld 项目模版，让你直接在上面改，而不用从零开始创建目录结构

[phpxiaowangzi]

@gtexpanse 感同身受 很像是一些互联网名词复杂化了

[winglight2016]

作为后端开发，我也一直觉得 angular1.x 简单，react 很难，最近耐心看了几个小时 react 视频教程，我发现没有想象的那么难，特别是如同#8 所说，之前还要动不动写 js class，现在全部都 FP 化了，反而很简洁。

[jrtzxh020]

是太难了。。

[Hoshinokozo]

jquery 时代还没有前端这个概念吧，一般是叫网页设计师(切图仔)，主要是 HTML+CSS,JS 只是做表单验证，点击事件等等小功能。

前端工程师的概念是 react 出现和 node 兴起才产生的，日益增长的需求使得前端页面不再像以前几个表单按钮就能搞定了。H5,SPA,ES6,MVVM，各种新标准和新的模式的出现让 WEB 的能力越来越强大，同时前端代码量也越来越大，所以才有工程化的需求，现在的前端和 jquery 时代不可同日而语了，有些后端同学的观念需要更新了。

[bigbigbro]

吃瓜划水