后端想学点前端 ant design pro，前端东西太多，如何快速学习？

48 条回复 • 2020-09-29 17:04:10 +08:00

1

saozhu

2020-09-28 14:26:45 +08:00

11

快跑

2

hpan

2020-09-28 14:29:28 +08:00

一个 jQuery 搞定一切的年代过去啦

3

joeyFuck

2020-09-28 14:31:56 +08:00

下个完整 demo 跑起来，给自己弄点需求，然后实现它。

4

anakinsky

2020-09-28 14:32:09 +08:00

后端搞搞 bootstrap 就得啦

5

shuax

2020-09-28 14:34:50 +08:00

能跑起来慢慢改就行

6

mooyo

2020-09-28 14:36:27 +08:00

按照我做毕设时候的思路来看，你不一定要跑 antdp，你就搞个 dva 那一套跑起来然后一点一点的改就行。应该说前端那一套绝大部分不需要自己学，只需要改模版就行。

7

TypeError

2020-09-28 14:46:46 +08:00

3

先看 JS 基础
https://zh.javascript.info/

8

VeryZero

2020-09-28 14:48:20 +08:00

不要怕，直接干就行了。

我之前也是因为看到各种新东西一直不敢下手，后来迫于需求硬着头皮干，发现也就那么回事，都是工具而已

9

fhsan

2020-09-28 14:50:30 +08:00

antd pro 直接拷贝文档

10

lonelymarried

2020-09-28 14:51:57 +08:00

antd pro 可以写所有的前端界面么

11

ZinWUT

2020-09-28 14:56:35 +08:00

webpack babel 有不少前端仔都玩不明白，比如我

说个可行的，Ant Design Pro 是基于 React 的，webpack babel 就先别看了，
能把项目跑起来就足够了，再把 React 的语法基础学了，了解一下 props 这些。
官网有文档，文档质量还不错，其他的用的最多的就是异步的 saync await 。

我目前在学后端的一些东西，发现难度嘛，也不是很高

12

newbieRenew

2020-09-28 14:57:25 +08:00 via iPhone

学学 React hook 就可以啦，用这些框架底层知识还是要的。

13

ZiLong

2020-09-28 14:57:29 +08:00

2

我觉得前端除了 js，更难的 css 。。。。

14

ZinWUT

2020-09-28 15:00:51 +08:00

async await，上一行写快了弄错了。
主要就是调试接口数据，有的时候需要确保 async await，还有 ES6 的解构赋值。
其他的，从代码里看别人的写法，搜索一下，还是很快的。

15

dany813

2020-09-28 15:06:32 +08:00

前端这么简单，直接开搞啊

16

coolair

2020-09-28 15:29:44 +08:00

1

给你个建议，别搞 React 的 Ant Design Pro，先把 Vue 官方文档过一遍，然后直接搞 Ant Design Vue Pro 。

17

BoarBoar

2020-09-28 15:42:00 +08:00

从 jsp 年代过来的我，谁再让我去学前端跟谁急

18

zoharSoul

2020-09-28 16:29:03 +08:00

沉下心来慢慢学.

19

Bazingal

2020-09-28 16:36:10 +08:00

1

建议 ng-zorro，后端人员还是 angular 舒服

20

xurunfei

2020-09-28 16:53:52 +08:00

我感觉 vue 可以先学学,我就是 vue 开始的 ,刚开始什么 typescript ant 可多了,最后发现,vue 简单,配合 elementui 搭建项目也快

21

jevirs

2020-09-28 17:40:19 +08:00

2

千万别用 umi，一头雾水，这类约定大于配置的框架我个人有点接受不来

22

enjoyCoding

2020-09-28 17:43:45 +08:00

如果你想学点东西做技术储备跟自己简历加分别 antd 学学 react webpack babel
如果你想抢公司前端的饭碗请学 react antd css js.能写项目的基础

23

abelmakihara

2020-09-28 17:53:23 +08:00

没必要 react 全家桶实战就好了

24

abelmakihara

2020-09-28 17:54:25 +08:00

没学过前端就直接开始 umi
怕是官网文档要读的有点多..

25

sprit

2020-09-28 17:59:35 +08:00

https://www.yuque.com/ant-design/course
对着这个撸一遍就差不多了

26

xurunfei

2020-09-28 18:00:59 +08:00

@jevirs 用习惯了以后你会发现很棒,虽然没用过,后端 springboot 就是这样,特别方便,这个应该差不多

27

imjamespond

2020-09-28 18:03:42 +08:00 via Android

配置低的电脑跑 antdpro 卡粗翔

28

blindie

2020-09-28 18:05:44 +08:00 via Android

webpack babel 都不要学都是坑直接 create react application 新建个 type script 项目一把梭。真遇到需要改的基本也就加个 less 支持啥的，用 rewire 加一个 override 小文件就行了。然后记得用 yarn 。记得往人多的路走。

29

renmu123

2020-09-28 18:21:12 +08:00 via Android

promise 就是一个异步请求的语法糖
npm 包管理器
webpack 打包工具
babel 兼容工具
按需使用就好了

30

zikkeung

2020-09-28 18:23:57 +08:00

@coolair 误人子弟

31

MengiNo

2020-09-28 18:32:32 +08:00

不要纠结于 antd 用了什么技术，关注于 antd 本身，按着他的文档跑起来跟着 demo 改就完了。只要看一句 antd 是基于 react 的，那么 react 基础还是要看，剩下的什么 dva umi 管他引了哪些包怎么实现。理解为 react 编程语言 + antd 框架即可。至于 vue 和 react 这块，讲道理当初用 vue + element-ui 不也是 vue 作编程语言 + element-ui 作为框架。都是忽略掉 webpack 、babel 这些有的没的，本质都是学一门编程语言，学啥不都是学，没比较特意强调哪个更简单，厉害的都不简单。