这是一个创建于 2103 天前的主题，其中的信息可能已经有所发展或是发生改变。
看不懂惹，肿么办，最近在学 react，完全抓瞎。
第 1 条附言 2020-01-06 11:33:23 +08:00
一直用的 jquery，手动找位置然后对应 dom 操作，现在各种前端各种依赖，一会 route 一会 webpack 的 给爷整蒙了都
第 2 条附言 2020-01-09 17:44:49 +08:00
这问题其实只是为了吐槽下现在前端真的今非昔比了，很，本人也是后端渣渣一枚，并没有对前端任何不敬惹，只是感慨下，各位请理性看待问题嗷铁汁们。
第 3 条附言 2020-01-09 17:50:19 +08:00
by the way，禁止套娃
 | 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 阶段。。。 |
 | 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 phpxaowangzi OP @tt67wq the same to you |
 | 21 IGJacklove 2020-01-06 11:30:22 +08:00 @xcoderan react 和 react native 没什么区别吧。。。基本面向文档编程 |
| 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，想搞事件就搞事件，只看应用场景，没有高下。 |
 | 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 AV1 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 shakaraka PRO 前端娱乐圈。。 |
 | 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 开始了开始了，新年第一钓， 就硬钓 |
 | 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 楼就知道要撕起来了。 |
 | 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 了 |
 | 56 icyalala 2020-01-06 14:09:03 +08:00 不愧前端娱乐圈... |
 | 57 leonme 2020-01-06 14:10:05 +08:00 1 就是不熟悉而已，有没有啥难点 |
 | 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
dumbass 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 抱怨 webpack,抱怨开发环境的几乎全是后端. 写 css 离不开预编译器(less/scss/stylus),后编译器(postcss),hmr.没有前者改个颜色你去全局搜索改吗?没有后者调一个像素你去修改,刷新,设置一条龙吗? 对接口离不开 proxy.接口后端自己写的,不用对也知道返回什么东西,前端没有文档不靠代理鬼知道你返回什么. 至于 babel,前端一样抱怨,但只要用上了新语法,有几个能回去写 ES5? |
 | 93 syncnano 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 @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 吃瓜划水 |
Select Language