学了 3 天 Angular 我抑郁了

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2233 天前的主题，其中的信息可能已经有所发展或是发生改变。

有时候发现我真的废。给学 Angular 的后端们丢脸了……

首先，说下背景：我是搞 java 的，现在的公司是没有前端，因为最近（和今后）公司发展方向需要，我向公司技术负责人阐述当前背景下，前端存在的必要性（其实是我不想搞 Jquery 了，而且公司以前一直是用一些拖拽式快速开发工具开发页面+后端，长期使用对个人技能提示几乎为 0 ）并且，我自告奋勇要求在某小公众号项目使用 Angular 作为前端开发框架（真的很蠢）

因为以前看过一些视频了，了解 Angular 项目大概的面貌，现在不算是从零开始，结果 tm 中秋放假 3 天看一些实战视频，现在动手才发现自己像个无头苍蝇，本来想用官方那个 Material UI 库的，结果才发现连 tm 怎么在组件中引入相关模块都不知道……卧槽，难道是我太急了么……我这如何跟领导交差……

ps：之前看了好几天前端 3 大框架对比，发现 Angular 各种范式非常规范，跟 jQuery 是两个极端，由于吃了不少 jQuery 缺乏组织的亏，我个人倾向于选择这个框架（当然，我对 React 和 Vue 框架了解不多，是不是也可以写得很规范呢？请大神们指教），这个选择的理由相当可笑幼稚我自己是明白的

唉，我真是头铁啊………………所以前端框架该如何去学呢？ vue 上手真的快吗（我之前花了 1 天看了看文档，感觉也没网友说的那么简单啊………………）

第 1 条附言 · 2018-09-28 22:21:43 +08:00

感谢各位了，我这两天愣是硬着头皮把几个页面搞完了，尽管上级表示无法入眼（不过说实话 material 的风格就是简约风格的，而且那个公众号项目本身功能也比较简单……）所以他还是希望用快速开发工具搞完

这几天还是有些收获的，至少领略到了我期望的规范的、严格的构建项目的模式
其实不怕大家笑话，我这两天还花了不少时间把 Vue 和 React 的官网教程又仔细过了一遍（这种朝三暮四的做法是自学编程的大忌！！！切勿步我后尘），最后真的发现还是 Angular 亲切……

这两天挺累的，最大遗憾就是没有得到什么认可了，不过没资格要求什么认可，现在做个小总结：

1、在工作方面：
回帖里也有人一针见血地指出了，我在根本不熟悉的情况下在新项目上马新技术，尽管没有造成什么损失，但这种做法完全是对公司，对同事、对我个人的不负责。我这么做原因一是我高估了自身的学习能力，还有就是很我自私地只考虑自己（不愿意使用那种拖拉拽的所谓的“快速开发工具”）不考虑他人不考虑公司。这是我犯的错

2、在学习方面
我感觉 Angular 确实要记的东西要多一些，但是要说难，比起另外两个我感觉是难不到哪里去的（当然我目前只是初步学习，也许没有接触到更深的东西）。我之前没注意看官方的“英雄之旅”，现在再回头看，这绝对是官方教学的典范，言简意赅，切中重点，感谢回帖的老哥的建议了。

之前看有人吐槽说 angular 文件多……然而都写一个组件实现同样的功能，除了那些 IDE 自动引入的 import 外，其他代码量不是都差不多么……只不过 vue 把东西都写在一个文件，angular 给你切割成几个了。
这种切割的做法有个影响：声明多了（比如有各种 import，需要定义更多变量等），这是相比单文件一个劣势，初看给人一种多此一举的感觉，但项目一大，这种强行分割业务逻辑和渲染模板的做法绝对是能更清晰地表达的。

ps：本人还是个初学者，如发言有不妥，各位大佬权当看个笑话吧，谢谢

angular

jquery

框架

Vue

90 条回复 • 2021-05-15 21:28:31 +08:00

yunye

2018-09-24 21:40:50 +08:00

先找一个实战视频教程一套实际项目认真看完自己跟着敲一敲

gulullu

2018-09-24 21:50:14 +08:00

那试试 ionic ？

youngxhui

2018-09-24 21:54:39 +08:00 via Android

没事的刚刚接触前端 SPA 我也是和你一样，无头苍蝇因为新概念很多，硬着头皮写着写着就明白了。最近我也在看 angular，感觉还是很好懂的，也许是我之前用过 vue 吧，对前端有点了解。

armoni

2018-09-24 21:54:41 +08:00

看看 ng-alain，ng-zorro

crs0910

2018-09-24 21:55:05 +08:00 via iPhone

hero 照着写完了吗

nita22

2018-09-24 21:58:44 +08:00

同是后端 Java，Angular 倒是没学过，当时选框架的时候看到 Angular 需要 RxJS 以及 TypeScript，就先选了 vue 去学，还真是挺简单的。

arYUWang

2018-09-24 22:00:05 +08:00

同楼上，官方教程还是写得挺好的。覆盖的知识点比较多，文字也写得比较好理解

harde

2018-09-24 22:01:22 +08:00

讲真。。。在新项目中采用新技术、新框架都是作死行为。。。。
我觉得你们的技术负责人在玩你，除非他是个 SB，否则他肯定能猜到你可能遇到的问题，猜到了也不反对。。。你们俩有仇吧。。。。

Angular 没在生产环境用过，不做评论。
Vue 的坑简直不要太多。。。在团队磨合了几个小型练手项目以及 2 个正式项目后，Vue 被砍掉了。（并不是 Vue 不好，只是并不太适合当前团队）。

写在最后，讲真，这种情况下，如果项目紧急，要么放下脸面回去用 jQuery，要么死缠烂打，把 Angular 啃出来。
不着急的话，Angular 慢慢弄吧。

zjsxwc

2018-09-24 22:13:13 +08:00 via Android

> 而且公司以前一直是用一些拖拽式快速开发工具开发页面+后端

什么工具这么屌，难道是宇宙第一 ide ？

V2XEX

2018-09-24 22:13:19 +08:00

@harde 项目确实紧，但是只是公众号那种简单页面，我本以为我能上的，结果才发现自己是个草包。
我的这种行为确实很不负责，因为我只是单纯地不想用公司那种拖拉拽的东西（说快速开发其实快不到哪去）就夸下海口说能搞定，我今后绝对要审视我的自己的行为……

还有，你们最后选择了 React 么？ Vue 都有啥坑啊，可否说说

jiafaner

2018-09-24 22:17:33 +08:00

@harde 求 vue 的坑

undeflife

2018-09-24 22:17:40 +08:00

在 jhipster 的 studio 里创建个项目下载下来然后看代码顺便还可以学习下 TypeScript

mauve

2018-09-24 22:22:28 +08:00

不知道怎么引入模块的话，可以看一下 angular.cn 教程中关于依赖注入的部分和 Angular 项目组织结构的部分，

FakeLeung

2018-09-24 22:24:24 +08:00 via Android

不得不说，vue 上手极快。手残党的读音。貌似暴露了自己。先逃了。

carlclone

2018-09-24 22:38:19 +08:00 via Android

@harde 团队水平。。。麻烦别误导人

vazo

2018-09-24 22:40:18 +08:00

lancelock

2018-09-24 22:50:03 +08:00

建议你把 es6 仔细看一遍，不然这些框架都看不懂

zhuangzhuang1988

2018-09-24 22:52:09 +08:00

基础先搞定.

Hilong

2018-09-24 23:02:06 +08:00 via Android

vue 还是比较友好的吧

leekafai

2018-09-24 23:04:13 +08:00 via Android

官方教程跟着做，这个不能省，因为 ng 相比 vue 和 react 最大的特征就是规范明确且细化，你按着官方指北学，按着指北用，体验绝对比其余两个好。vue 我一直都用，入门简单，但是最近我在拆分复杂组件，感觉官方指北不如 ng 的详尽，导致我要去刨第三方库源码，例如 element，才能搞懂某些 api 的效果到底怎么样。当然，vue 本身的设计倾向是降低开发难度与开发风险，所以用起来可以如此地轻快简单。

endlessing

2018-09-24 23:18:33 +08:00

能用 Angular 做出东西来，可惜公司不用，还要自己搞一套

V2XEX

2018-09-24 23:23:32 +08:00

@leekafai 谢了，其实我还是搞后端多一些，不会对前端深入研究，按你这么说难道 vue 是最适合的我吗……

ericgui

2018-09-24 23:29:36 +08:00

@lancelock +1 最近的 es6 可是牛逼不少

qilishasha

2018-09-24 23:30:12 +08:00 via iPhone

这年头都习惯动不动就来点框架什么的就算是一个表单也要牵扯框架

ooTwToo

2018-09-25 00:25:33 +08:00 via iPhone

vue 已经相当成熟了吧…

dilu

2018-09-25 00:56:30 +08:00 via Android

用 vue 吧

aenon

2018-09-25 01:51:36 +08:00

把以前的前端页面先插入 angular app 里.

flowfire

2018-09-25 02:35:01 +08:00 via iPhone

angular 的学习曲线非常陡峭，如果项目要用快速上手还是建议 vue，有时间再看 angular，

zyqf

2018-09-25 02:58:13 +08:00 via Android

简单的前提是有基础的。

johnnie502

2018-09-25 06:12:01 +08:00

讲真 vue 的坑比 angular(js)少多了

PythonAnswer

2018-09-25 07:12:20 +08:00 via iPhone

vue 入门快一点
ng 上来一套就把你干懵了

先上手然后再搞 webpack npm 这些

mcfog

2018-09-25 07:20:21 +08:00 via Android

这种情况大概分两类，第一种是其实 jquery 也没掌握好，原来只是瞎糊弄，这种还是从 js 基础和 html5 的 api 开始看起比较好

还有一种是 jquery 还算行，就是被现在前端框架概念冲晕了的，慢慢适应也行，退回一个世代去用用 backbone/mithril/ember 这些，用过了知道上一代的毛病了再来看新的就很清楚了

vincentxue

2018-09-25 07:41:33 +08:00 via iPhone

老铁，你这情况上来就干 angular 有点猛啊。我也跟楼上面的同志门一样的建议，用 vue 吧……，要么退回一个时代用 jq 可能更快上手点……

beginor

2018-09-25 08:01:54 +08:00 via Android

先了解一下 ES6，Typescript，然后照着 Angular 官方的教程，把 hero editor 写完，注意是写完，不是看完，基本上就入门了。

elone

2018-09-25 08:10:09 +08:00

给单位内部开发一个后台系统，虽原先有 react 的经验，最后还是选了 angular 6。简单说下感想就是，舒服。以前用 react，需要什么框架外功能，都需要去 Github 找，要经过对比判断，最后进行选择，毕竟 react 是一个 view 的定位。而 angular 是大而全的框架，一套框架就这样撸下来，从另一方面给我节省了不少时间。所以我觉得 angular 还是值得去尝试的。

elone

2018-09-25 08:10:43 +08:00

我从头到尾也只是学了官方的英雄指南就直接上项了。

windmilll

2018-09-25 08:21:11 +08:00

不是说三大框架里 angular 是最符合后端编码风格的吗。。。

suzic

2018-09-25 08:26:29 +08:00 via Android

先用 VUE 吧。我也是想用 Angular，最后选择了 VUE，相对简单得多，用法也跟 Angular 比较接近

xiqingongzi

2018-09-25 08:30:57 +08:00

现有的 SPA 的方案你就用客户端的思维来做就可以了。将它看作一个客户端。你可以兼顾着看一下 iOS、Android 的方案，看看他们中的概念都是什么意思。

murmur

2018-09-25 08:38:43 +08:00

没前端基础的话 ng1 ng2 都容易劝退最好的办法是找一个牛逼的人把框架搭起来制定好规范先学着抄再动手自己改

chouchoui

2018-09-25 08:47:32 +08:00 via iPhone

我是.net 后端其他情况和楼主类似，新项目用了 Vue + TypeScript，适应了两个星期没什么问题了。
上周的时候自己看 Angular 的文档跟着教程走了一遍觉得脑壳痛。

javascr1pt

2018-09-25 09:00:14 +08:00

看完官方文档的 hero 编辑器，再找 angular 项目的源码看就能上手了

ian19znj

2018-09-25 09:05:47 +08:00

相似帖子： https://www.v2ex.com/t/489986

gzf6

2018-09-25 09:07:25 +08:00 via iPhone

ng 是个真正意义上的框架，需要长期开发维护的企业级项目最好选择一个框架

asdf123101

2018-09-25 09:10:03 +08:00 via Android

@V2XEX 公众号用 angular 有点过了。时间紧并且没有复杂需求用 jQuery 可以的。或者 vue 找个框架直接写也行。

kyrre

2018-09-25 09:10:55 +08:00

哈哈，前后脚啊，刚发完一个征询贴，就发现了已经有人吐槽 angular （或是他自己）了。

xianxiaobo

2018-09-25 09:23:28 +08:00

我也觉得，没前端基础还是用 vue 吧，angular 比 vue 难了很多

xuanbg

2018-09-25 09:25:18 +08:00

只能说程序员受了 JavaWEB 这一套的毒害之后，都不知道啥叫客户端了。。。

Kyle18Tang

2018-09-25 09:29:20 +08:00 via Android

我跟你情况差不多，要做个简单公众号，一开始没调研，问了前同事，推荐 vue，是挺简单，后面慢慢有另一个项目维护，用的 angular，我就慢慢看起来了，打算认真学 angular。

molvqingtai

2018-09-25 09:32:03 +08:00

angular 开发公众号太重了吧，像这样简单的项目用 vue 比较合适

zjsxwc

2018-09-25 09:41:50 +08:00

Angular 最大好处是让人熟悉的依赖注入，在以前 es5 时代我们用 RequireJS 来管理依赖注入，现在 Angular 借助 TypeScript 特性实现依赖注入，这让我们这些写 PHP、Java 的用户觉得很亲切，其实本质上还是 TS 这门语言带来的便利。

不过我现在更加看好 Flutter 使用的语言 Dart，这语言也是谷歌自己的，谷歌还搞了个 AngularDart 做 web 开发：
https://webdev.dartlang.org/

q397064399

2018-09-25 09:44:48 +08:00

@V2XEX #10 牛逼吹出去了，这时候就是考验你的时候，不能怂，怂了以后就没法出头了。

PythonAnswer

2018-09-25 09:50:02 +08:00

顶硬上啊. 过关了开窍了就一下子懂了.

wingspread

2018-09-25 10:28:05 +08:00

angular 太重了，学了 2 周，直接学 Vue 了，Vue 学习难度小点

TustMan

2018-09-25 10:33:30 +08:00

vue 看一遍官网文档，就能写代码了

mars0prince

2018-09-25 10:44:07 +08:00

搞 java 的学 angular 不是分分钟上手？

bk201

2018-09-25 10:45:32 +08:00

有那么难嘛....是不是只会 CURD?

leemove

2018-09-25 11:11:37 +08:00

如果你三个框架都不太懂,Vue 绝对是最快上手做出东西的.如果你对 js 很自信,并且喜欢这种语言编程的感觉,并且喜欢自己折腾,你可以试试 React.如果你需要一套大而全,但是可能需要耐心学习的框架,你可以试试 Angular2+. angularjs 不用看了,相信我,如果你熟悉了上面三个其中任意一个,你不会喜欢它的.

foolyf

2018-09-25 11:22:41 +08:00

vue 入门简单（相对于 react 和 angular ），文档非常友好。
react 没接触过不做评价
angular 是一个框架（路由，httpclient,单元测试等都集成进来了），还有很多所谓的“后端思想”（其实，不就是编程思想吗？） DI，服务等。缺点很明显：入门难（相对于 vue 和 react ）。
在中国目前这个“快餐文化”中，angular 属于入门劝退类型的

9684xtpa

2018-09-25 11:31:42 +08:00

这个时候就得拿出大漠穷秋的网站了，你要玩 angular，跟着他学才是最好的路子。

http://www.ngfans.net/ ，这里有你想要的教程，然后 cctalk 有他的实战教程，印象当中，他的 CCtalk 里的付费教程，如果跟着学完，你就会玩 angular 了。

cai314494687

2018-09-25 11:34:50 +08:00

用 Java 的工程师上手 NG 应该挺快的吧，我当初上手也就花了几天时间，分享一下我的学习经验 https://blog.forecho.com/how-do-i-learn-angular.html

passerbytiny

2018-09-25 11:43:27 +08:00

我觉得，Java 开发人员在使用前端框架时的最困难的问题是：面向服务的开发思想，与面向界面的开发思想，两种思想之间的冲突。

tshwangq

2018-09-25 11:48:52 +08:00

做后端还上手不了一个 mvc 框架？理应该 15mins 入门，30mins 上手 :)
找个 github 上的项目改改路由，控制器就好了。

RorschachZZZ

2018-09-25 11:50:11 +08:00

如果你想快速上手，着急要马上写出东西那就 vue 吧，感觉是专门为后端程序员准备的框架。

feloxx

2018-09-25 12:04:37 +08:00

说实话,我觉得领导跟你有仇
这是个坑啊,你这明显的就是自己挖坑要把自己埋了
兄弟,保重

beastk

2018-09-25 12:30:52 +08:00 via iPhone

js 我都是用原生，不想看框架

acoldfox

2018-09-25 12:43:45 +08:00

我觉得从零开始三天根本不够，我学了一个多星期，才勉强在项目中实战

pengfei

2018-09-25 12:57:09 +08:00

angular 中文官网有个教程, 感觉很淳朴了, 可以一试. <angular2 权威教程> 也可以看一下下

param

2018-09-25 13:01:36 +08:00

建议弄个脚手架，然后直接改吧。初学者不拿脚手架很难快速上手。。

linJoey

2018-09-25 13:03:14 +08:00

羡慕题主有后端经验, 其实前端学 Angular 一点也不轻松... 不过 Agular 的文应该是最友好的文档了(对比 vue,react),照着英雄程序敲一遍基本就 OK

wly19960911

2018-09-25 13:05:16 +08:00

@windmilll 实际上 ts 才是最符合的，ts 有基本的类支持各种注释，整体下来，对以后的业务拆分和功能上都有帮助。

@zjsxwc requirejs 的获取依赖能保存状态吗？ angular 的依赖注入可以根据范围创建实例吧。实际上 redux 的功能在依赖注入里面，坑到我想了很久的状态管理机制。

zjsxwc

2018-09-25 13:11:59 +08:00

@wly19960911 #70

requirejs 的依赖注入并不能限制 scope，“状态”当然可以保存，自由度很大，最主要是解决了循环依赖的问题。