会 Angular 1, 学 Angular 2 并没有想象中那么难 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
sfree2005
V2EX    Javascript

会 Angular 1, 学 Angular 2 并没有想象中那么难

  •  
  •   sfree2005 2017-01-22 08:34:20 +08:00 6024 次点击
    这是一个创建于 3235 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近有个中等复杂度的项目(内部管理系统,二十几个页面,有些是单页就有十几个 input 的表单)需要用到前端框架,老板给的时间不多,只有 2 到 4 个礼拜,包括写后端(是的,我也负责写后端)。

    鉴于自己只有 Angular 1 的经验,就算自己想用 React 或者 Vue ,但考虑到学习时间成本,不敢贸然去学习新框架,所以选了 Angular 2

    之前看过 Angular 2 的代码, 的确和 Angular 1 很不同, 但实际写起来并没有自己之前想象那么艰难,花一两个小时时间熟悉下 Typescript 格式和新的 app 结构,也可以很快上手,写个中等难度的 app 也可以很快。如果说要花时间,那就是如何优化或者有些坑要踩。

    如果说有什么担心的话就是 Angular 4 很快又要出来了,到时项目升级的话又要花不少时间,这也可能是 V 站人推荐 React 或者 Vue 主要原因之一吧。现在只能尽可能地多写测试特别是 e2e 测试,先上车再说...

    15 条回复    2017-01-22 21:11:08 +08:00
    simon7
        1
    simon7  
       2017-01-22 08:37:30 +08:00 via iPhone
    有 angular-cli 省不少事呢
    clearbug
        2
    clearbug  
       2017-01-22 08:40:06 +08:00 via Android
    我还想问楼主会 angular1 学 3 难不呢?没想到都有 4 了
    sfree2005
        3
    sfree2005  
    OP
       2017-01-22 08:42:13 +08:00
    @simon7
    嗯呀, 2 很多方面比 1 更方便,值得升级
    sfree2005
        4
    sfree2005  
    OP
       2017-01-22 08:43:07 +08:00
    @clearbug
    其实没有 3 , 为了版本对齐直接到 4
    WittBulter
        5
    WittBulter  
       2017-01-22 09:07:16 +08:00 via iPhone   1
    ng2 整体来说是可以的,除了除了频繁的版本升级导致周边库报比较麻烦

    写 e2e 不如自杀,真心的
    clearbug
        6
    clearbug  
       2017-01-22 09:11:21 +08:00
    @sfree2005 之前记得有人说过下一年就出版本 3 的,为啥现在又成四了?顺便问一下啥叫版本对齐?
    ericls
        7
    ericls  
       2017-01-22 09:13:47 +08:00
    e2e 真的是一件很痛苦的事情
    WittBulter
        8
    WittBulter  
       2017-01-22 09:42:22 +08:00 via iPhone   1
    @clearbug 路由废弃了一个大版本,导致现在路由领先了。所以直接统一到 4 上。
    不过基础语法应该不会在变了。
    jinwyp
        9
    jinwyp  
       2017-01-22 10:02:44 +08:00   1
    angular1 就是九阳神功,会了后学什么都快,相反 react 有点像九阴真经,学了后很容易走火入魔
    sfree2005
        10
    sfree2005  
    OP
       2017-01-22 13:15:16 +08:00
    @WittBulter
    @ericls
    我没有太多写 angular e2e 的经验,我做后端 php app 的时候是用 phpunit 配合 selenium 写。 如果说痛苦,是不是指要适当的使用 async await 之类的?
    ericls
        11
    ericls  
       2017-01-22 13:55:59 +08:00 via iPhone
    @sfree2005 e2e 需要一条线路一直走下去 稍微复杂点的逻辑 就是 n 多条线路
    sfree2005
        12
    sfree2005  
    OP
       2017-01-22 17:44:27 +08:00 via iPhone
    @ericls
    嗯呀 的确 因为不是 unit test 所以基本上每一个 test 就要走通一个 use case 有分支还要在走一遍 每个测试都比较花时间
    learnshare
        13
    learnshare  
       2017-01-22 18:08:17 +08:00
    是要真的“会” Angular 1 ,才能很快的转 2
    hantsy
        14
    hantsy  
       2017-01-22 20:12:56 +08:00   1
    @sfree2005 Angular 1.5 以后的组件概念和 Angular 2 很接近,有同样的 Component LifeCycle, $onInit, $onDestroy, $doCheck, $onChanges , Angular 2 (本身支持用 JS , Typescript , Dart 来写) 使用 TS 的话,更简单,实现相应的接口和方法。。。对于有 Java , C#基础的 Angular2 ( Typescript )更容易上手。

    Angular1 组件开发, https://github.com/hantsy/angular-es6-sample/wiki
    Angular2 Sample (大约半年前开始尝试用,假期中会重新更新), https://github.com/hantsy/angular2-sample/wiki

    Angular 2 最好的用 Angular CLI 来创建,支持升级。
    sfree2005
        15
    sfree2005  
    OP
       2017-01-22 21:11:08 +08:00 via iPhone
    @hantsy
    谢谢详细的回复,已经 fork 了 ng2 sample repo.

    手头上的项目会用到 jwt 和 testing 希望到时能贡献些代码
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2879 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 141ms UTC 14:06 PVG 22:06 LAX 06:06 JFK 09:06
    Do have faith in what you're doing.
    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