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

React

实话

前端

懂

195 条回复 • 2021-03-20 11:24:47 +08:00

1 2

❮

❯

1

JamesC

2020-01-06 10:50:59 +08:00

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

2

cpdyj0

2020-01-06 10:51:04 +08:00 via Android

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

3

xcoderan

2020-01-06 10:51:44 +08:00

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

4

Jaosn

2020-01-06 10:53:58 +08:00

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

5

zhw2590582

2020-01-06 10:54:32 +08:00

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

6

EPr2hh6LADQWqRVH

2020-01-06 11:01:36 +08:00

20

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

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

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

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

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

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

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

7

Hellert

2020-01-06 11:02:13 +08:00

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

8

murmur

2020-01-06 11:10:44 +08:00

1

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

9

marcong95

2020-01-06 11:16:27 +08:00

27

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

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

10

wxsm

2020-01-06 11:18:04 +08:00

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

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

11

rayhy

2020-01-06 11:18:50 +08:00

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

12

tt67wq

2020-01-06 11:18:56 +08:00

1

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

13

q8164305

2020-01-06 11:21:42 +08:00 via Android

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

14

littlebaozi

2020-01-06 11:22:04 +08:00

前端也看不懂前端了哈哈

15

murmur

2020-01-06 11:22:44 +08:00

1

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

16

xiangyuecn

2020-01-06 11:23:26 +08:00

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

17

EPr2hh6LADQWqRVH

2020-01-06 11:24:16 +08:00

10

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

18

SbloodyS

2020-01-06 11:27:00 +08:00

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

19

phpxiaowangzi

OP

2020-01-06 11:27:30 +08:00

@tt67wq the same to you

20

mikulch

2020-01-06 11:29:03 +08:00

1

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

21

IGJacklove

2020-01-06 11:30:22 +08:00

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

22

darknoll

2020-01-06 11:31:29 +08:00

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

23

murmur

2020-01-06 11:33:14 +08:00

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

24

damngood

2020-01-06 11:35:56 +08:00

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

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

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

25

pandait

2020-01-06 11:36:19 +08:00

1

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

26

Justin13

2020-01-06 11:39:10 +08:00 via Android

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

27

bohrasd

2020-01-06 11:42:15 +08:00 via Android

@darknoll 哪种后端？...

28

Cbdy

2020-01-06 11:43:48 +08:00 via Android

3

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

29

BreadKiller

2020-01-06 11:45:42 +08:00

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

30

DOLLOR

2020-01-06 11:50:12 +08:00

5

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

31

noobma

2020-01-06 11:51:09 +08:00 via iPhone

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

32

yxcoder

2020-01-06 11:52:09 +08:00

14

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

33

Ley

2020-01-06 11:59:45 +08:00 via Android

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

34

wunonglin

2020-01-06 12:00:12 +08:00

前端娱乐圈。。

35

wangyzj

2020-01-06 12:05:17 +08:00

1

开始了，开始了

36

hyy1995

2020-01-06 12:05:44 +08:00

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

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

37

hyy1995

2020-01-06 12:18:20 +08:00

2

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

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

38

slyang5

2020-01-06 12:22:10 +08:00

说实话你太菜了哈哈哈

39

duan602728596

2020-01-06 12:31:17 +08:00 via iPhone

3

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

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

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

40

Actrace

2020-01-06 12:36:51 +08:00

1

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

41

loading

2020-01-06 12:37:08 +08:00 via Android

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

42

royzxq

2020-01-06 12:46:24 +08:00

8

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

43

bclerdx

2020-01-06 12:54:33 +08:00 via Android

@murmur if 和 for 语句。

44

zjsxwc

2020-01-06 13:23:27 +08:00

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

45

ifxo

2020-01-06 13:42:17 +08:00

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

46

chocotan

2020-01-06 13:45:07 +08:00

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

47

dobelee

2020-01-06 13:47:07 +08:00 via iPhone

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

48

galikeoy

2020-01-06 13:49:49 +08:00

2

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

49

NaVient

2020-01-06 13:51:40 +08:00

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

50

mandex

2020-01-06 13:52:20 +08:00

6

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

51

LowBi

2020-01-06 13:56:18 +08:00

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

52

EPr2hh6LADQWqRVH

2020-01-06 13:57:20 +08:00

1

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

53

IsaacYoung

2020-01-06 14:03:00 +08:00

又开始了，又开始了

54

bhaltair

2020-01-06 14:04:27 +08:00

我们后端一天就会 Vue 了

55

fyxtc

2020-01-06 14:04:59 +08:00

1

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

56

icyalala

2020-01-06 14:09:03 +08:00

不愧前端娱乐圈...

57

leonme

2020-01-06 14:10:05 +08:00

1

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

58

leonme

2020-01-06 14:10:19 +08:00

@leonme 又没有

59

leafre

2020-01-06 14:13:59 +08:00 via iPhone

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

60

ala2008

2020-01-06 14:14:25 +08:00

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

61

cxknmsl

2020-01-06 14:14:36 +08:00

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

62

daimubai

2020-01-06 14:15:10 +08:00

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

63

bojackhorseman

2020-01-06 14:16:39 +08:00

打起来打起来

64

netherlanddennis

2020-01-06 14:27:20 +08:00

1

经历：我不会开车。

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

65

taxiaohaohhh

2020-01-06 14:33:37 +08:00

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

66

Katrol

2020-01-06 14:33:42 +08:00

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

67

IamUNICODE

2020-01-06 14:36:37 +08:00

1

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

68

wuwukai007

2020-01-06 14:37:04 +08:00

钓，就硬钓

69

bylh

2020-01-06 14:37:39 +08:00

@xiangyuecn 啥 bug 啊

70

chenyu0532

2020-01-06 14:37:56 +08:00

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

71

a4854857

2020-01-06 14:41:48 +08:00

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

72

zdnyp

2020-01-06 14:45:18 +08:00

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

73

NB7474

2020-01-06 14:46:42 +08:00

npm

74

BingoXuan

2020-01-06 14:51:16 +08:00

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

75

whisperrr

2020-01-06 14:53:22 +08:00

惹?你敢说惹

76

fkdog

2020-01-06 14:54:06 +08:00

5

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

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

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

环境配置阶段就劝退了。

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

77

1239305697

2020-01-06 14:54:34 +08:00

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

78

sevenzhou1218

2020-01-06 14:57:21 +08:00

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

79

Winnerxuan

2020-01-06 15:03:45 +08:00

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

80

hantsy

2020-01-06 15:04:08 +08:00

1

对于熟悉后端 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 不一样的，它不是全功能的架构，对于一些功能有太多的第三方选择，比与后端交互，状态管理等。

81

fancy111

2020-01-06 15:07:13 +08:00

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

82

sujin190

2020-01-06 15:09:02 +08:00

3

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

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

83

2098

2020-01-06 15:09:17 +08:00

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

84

shintendo

2020-01-06 15:10:17 +08:00

1

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

85

payatpump

2020-01-06 15:17:04 +08:00 via Android

Crud go go go, 切图 low low low

86

ARhen

2020-01-06 15:18:03 +08:00

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

87

charlie21

2020-01-06 15:18:38 +08:00

1

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

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

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

-

88

fernandoxu

2020-01-06 15:31:59 +08:00

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

89

DelayNoMore

2020-01-06 15:35:38 +08:00

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

90

dick20cm

2020-01-06 15:46:42 +08:00

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

91

redbuck

2020-01-06 15:51:47 +08:00

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

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

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

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

92

shintendo

2020-01-06 16:01:05 +08:00

2

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

93

gtexpanse

2020-01-06 16:08:09 +08:00

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

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

94

xiaojun1994

2020-01-06 16:13:15 +08:00

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

95

shintendo

2020-01-06 16:48:53 +08:00

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

96

phpxiaowangzi

OP

2020-01-06 16:52:57 +08:00

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

97

winglight2016

2020-01-06 16:53:35 +08:00

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

98

jrtzxh020

2020-01-06 16:54:56 +08:00

是太难了。。

99

Hoshinokozo

2020-01-06 16:59:02 +08:00

1

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

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

100

bigbigbro

2020-01-06 17:01:26 +08:00

吃瓜划水

1 2

❮

❯