后端想学点前端 ant design pro,前端东西太多,如何快速学习? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
sunshinev
V2EX    程序员

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

  •  
  •   sunshinev
    sunshinev 2020-09-28 14:22:59 +08:00 7260 次点击
    这是一个创建于 1892 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近再看 ant design pro 但是发现很多新的框架和技术 比如 umi 和 dva promise 等等

    这还不包括 npm webpack babel 等等

    想请教大神,该如何学习 ant 框架?

    比如有哪些是需要了解就可以的了

    48 条回复    2020-09-29 17:04:10 +08:00
    saozhu
        1
    saozhu  
       2020-09-28 14:26:45 +08:00   11
    快跑
    hpan
        2
    hpan  
       2020-09-28 14:29:28 +08:00
    一个 jQuery 搞定一切的年代过去啦
    joeyFuck
        3
    joeyFuck  
       2020-09-28 14:31:56 +08:00
    下个完整 demo 跑起来,给自己弄点需求,然后实现它。
    anakinsky
        4
    anakinsky  
       2020-09-28 14:32:09 +08:00
    后端搞搞 bootstrap 就得啦
    momo1999
        5
    momo1999  
       2020-09-28 14:34:50 +08:00
    能跑起来慢慢改就行
    mooyo
        6
    mooyo  
       2020-09-28 14:36:27 +08:00
    按照我做毕设时候的思路来看,你不一定要跑 antdp,你就搞个 dva 那一套跑起来然后一点一点的改就行。应该说前端那一套绝大部分不需要自己学,只需要改模版就行。
    TypeError
        7
    TypeError  
       2020-09-28 14:46:46 +08:00   3
    VeryZero
        8
    VeryZero  
       2020-09-28 14:48:20 +08:00
    不要怕,直接干就行了。

    我之前也是因为看到各种新东西一直不敢下手,后来迫于需求硬着头皮干,发现也就那么回事,都是工具而已
    fhsan
        9
    fhsan  
       2020-09-28 14:50:30 +08:00
    antd pro 直接拷贝文档
    lonelymarried
        10
    lonelymarried  
       2020-09-28 14:51:57 +08:00
    antd pro 可以写所有的前端界面么
    ZinWUT
        11
    ZinWUT  
       2020-09-28 14:56:35 +08:00
    webpack babel 有不少前端仔都玩不明白,比如我

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

    我目前在学后端的一些东西,发现难度嘛,也不是很高
    newbieRenew
        12
    newbieRenew  
       2020-09-28 14:57:25 +08:00 via iPhone
    学学 React hook 就可以啦,用这些框架底层知识还是要的。
    ZiLong
        13
    ZiLong  
       2020-09-28 14:57:29 +08:00   2
    我觉得前端除了 js,更难的 css 。。。。
    ZinWUT
        14
    ZinWUT  
       2020-09-28 15:00:51 +08:00
    async await,上一行写快了弄错了。
    主要就是调试接口数据,有的时候需要确保 async await,还有 ES6 的解构赋值。
    其他的,从代码里看别人的写法,搜索一下,还是很快的。
    dany813
        15
    dany813  
       2020-09-28 15:06:32 +08:00
    前端这么简单,直接开搞啊
    coolair
        16
    coolair  
       2020-09-28 15:29:44 +08:00   1
    给你个建议,别搞 React 的 Ant Design Pro,先把 Vue 官方文档过一遍,然后直接搞 Ant Design Vue Pro 。
    BoarBoar
        17
    BoarBoar  
       2020-09-28 15:42:00 +08:00
    从 jsp 年代过来的我,谁再让我去学前端跟谁急
    zoharSoul
        18
    zoharSoul  
       2020-09-28 16:29:03 +08:00
    沉下心来慢慢学.
    Bazingal
        19
    Bazingal  
       2020-09-28 16:36:10 +08:00   1
    建议 ng-zorro,后端人员还是 angular 舒服
    xurunfei
        20
    xurunfei  
       2020-09-28 16:53:52 +08:00
    我感觉 vue 可以先学学,我就是 vue 开始的 ,刚开始什么 typescript ant 可多了,最后发现,vue 简单,配合 elementui 搭建项目也快
    jevirs
        21
    jevirs  
       2020-09-28 17:40:19 +08:00   2
    千万别用 umi,一头雾水,这类约定大于配置的框架我个人有点接受不来
    enjoyCoding
        22
    enjoyCoding  
       2020-09-28 17:43:45 +08:00
    如果你想学点东西做技术储备 跟自己简历加分 别 antd 学学 react webpack babel
    如果你想抢公司前端的饭碗 请学 react antd css js.能写项目的基础
    abelmakihara
        23
    abelmakihara  
       2020-09-28 17:53:23 +08:00
    没必要 react 全家桶实战就好了
    abelmakihara
        24
    abelmakihara  
       2020-09-28 17:54:25 +08:00
    没学过前端就直接开始 umi
    怕是官网文档要读的有点多..
    sprit
        25
    sprit  
       2020-09-28 17:59:35 +08:00
    https://www.yuque.com/ant-design/course
    对着这个撸一遍就差不多了
    xurunfei
        26
    xurunfei  
       2020-09-28 18:00:59 +08:00
    @jevirs 用习惯了以后你会发现很棒,虽然没用过,后端 springboot 就是这样,特别方便,这个应该差不多
    JQD6r41PkI4o2mEz
        27
    JQD6r41PkI4o2mEz  
       2020-09-28 18:03:42 +08:00 via Android
    配置低的电脑跑 antdpro 卡粗翔
    blindie
        28
    blindie  
       2020-09-28 18:05:44 +08:00 via Android
    webpack babel 都不要学 都是坑 直接 create react application 新建个 type script 项目一把梭。真遇到需要改的基本也就加个 less 支持啥的,用 rewire 加一个 override 小文件就行了。然后记得用 yarn 。记得往人多的路走。
    renmu123
        29
    renmu123  
       2020-09-28 18:21:12 +08:00 via Android
    promise 就是一个异步请求的语法糖
    npm 包管理器
    webpack 打包工具
    babel 兼容工具
    按需使用就好了
    zikkeung
        30
    zikkeung  
       2020-09-28 18:23:57 +08:00
    @coolair 误人子弟
    MengiNo
        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 这些有的没的,本质都是学一门编程语言,学啥不都是学,没比较特意强调哪个更简单,厉害的都不简单。
    wangyzj
        32
    wangyzj  
       2020-09-28 18:37:10 +08:00
    不要入坑
    lavvrence
        33
    lavvrence  
       2020-09-28 18:43:06 +08:00
    @hpan 我司前端 jq 一把梭。月薪 20 。技术总监太菜,很容易忽悠。
    Saszr
        34
    Saszr  
       2020-09-28 22:39:19 +08:00
    快跑
    EminemW
        35
    EminemW  
       2020-09-28 22:59:49 +08:00
    我司用的旧版 antd pro,当我想要升级到新版本的时候,我原地爆炸了。阿里果然喜欢拥抱变化,旧版本更新版本需要改很多项目代码
    catcn
        36
    catcn  
       2020-09-29 01:06:02 +08:00
    我前端开启了 N 次 antd pro 来搭建后台,最后都不了了之,因为实在是太绕了。
    最后是走的 react+ant.design,其他轮子一个个加进来,慢慢把界面搭建起来。
    serical
        37
    serical  
       2020-09-29 05:34:14 +08:00 via iPhone
    我是 Java 后端,疫情的时候强行搞了一波,按照集成文档一步一步来,先实现登陆注册,然后实现菜单管理,然后 RABC 权限管理走一波
    coolair
        38
    coolair  
       2020-09-29 08:25:23 +08:00
    @zikkeung 不懂别 BB,啥叫误人子弟?你说个好方案来?
    fumichael
        39
    fumichael  
       2020-09-29 09:00:55 +08:00
    @jaylee4869 #33 这不是菜不菜的问题吧,是你们公司有钱,任性
    matatabi
        40
    matatabi  
       2020-09-29 09:19:54 +08:00
    antd pro 挺繁琐的,只用 antd ui 和 dva 敲起来感觉还是不错
    dumbass
        41
    dumbass  
       2020-09-29 09:27:19 +08:00
    老实说,umi 那一套让我有点望而却步了,最后选择了 antdv
    soulmt
        42
    soulmt  
       2020-09-29 10:07:05 +08:00
    @jevirs 这种集大成的做不了配置,不是最终解决方案,但是可以支撑一些业务的
    karott7
        43
    karott7  
       2020-09-29 10:18:55 +08:00
    用 ant-design-pro 做了几个后台项目,感觉太大太全了,所以我已经直接用 react+ant-design 自己搭后台了,也方便定制和掌控项目
    cnbattle
        44
    cnbattle  
       2020-09-29 10:30:30 +08:00
    面对具体业务需求搞,边搞边学
    yazinnnn
        45
    yazinnnn  
       2020-09-29 10:35:26 +08:00
    学毛前端,scala,kotlin,haskell,rust,go 这些东西不香吗?
    Qinmei
        46
    Qinmei  
       2020-09-29 10:58:57 +08:00
    antd-pro 讲真, 我是前端都懒得用, 里面大量的约定式东西,真没这个必要去学,浪费时间
    JerryCha
        47
    JerryCha  
       2020-09-29 16:58:53 +08:00   1
    不要学,直接脚手架创建项目开干。
    除了 JS/CSS 之外,什么都不要学!什么都不要学!什么都不要学!
    learninining
        48
    learninining  
       2020-09-29 17:04:10 +08:00
    量子力学( dog
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     925 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 34ms UTC 19:58 PVG 03:58 LAX 11:58 JFK 14:58
    Do have faith in what you're doing.
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-11940834-2', 'v2ex.com'); ga('send', 'pageview'); ga('send', 'event', 'Node', 'topic', 'programmer'); ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86