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 · 5556 次点击
    这是一个创建于 2644 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近有个中等复杂度的项目(内部管理系统,二十几个页面,有些是单页就有十几个 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   ·   我们的愿景   ·   实用小工具   ·   1479 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 17:13 · PVG 01:13 · LAX 10:13 · JFK 13:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.