refer : https://www.npmjs.com/package/reflect-metadata refer : https://www.typescriptlang.org/docs/handbook/decorators.html refer : http://blog.wolksoftware.com/decorators-metadata-reflection-in-typescript-from-novice-to-expert-part-4 Attribute 和 ref…

更新 : 2018-11-27 { date: Date } 之前好像搞错了,这个是可以用 design:type 拿到的 { date: Date | null } 任何类型一但配上了 | 就 design:type 就变成 object 了 { arr : string[] } design:type = array design:type 是可以被我们覆盖的. e.g.:  Reflect.metadata('design:type', Date); 即使对象没有 property 反射依…

1.接口奇葩验证 interface Abc { name : string } function abc(obj : Abc) { } let ttc = { name: "adad", age: 12 }; abc(ttc); //no error abc({ name: "adad", age: 12 }); //error 对象字面量会有特别的检查, 所以一个 no error ,一个 error. 2. readonly const data: strin…

Angular2学习笔记(1) 1. 写在前面 之前基于Electron写过一个Markdown编辑器.就其功能而言,主要功能已经实现,一些小的不影响使用的功能由于时间关系还没有完成:但就代码而言,之前主要使用的是jQuery,由于本人非专业前段,代码写的自己都感觉是"一塌糊涂",十分混乱.现在看到Angular2十分火爆,跑了跑它的The Tour of Heroes的例子,感觉非常不错,代码组织的井井有条,于是乎决定学习一下Angular2,然后用它将之前的NiceMark重写一下…

1. 写在前面 之前基于Electron写过一个Markdown编辑器.就其功能而言,主要功能已经实现,一些小的不影响使用的功能由于时间关系还没有完成:但就代码而言,之前主要使用的是jQuery,由于本人非专业前段,代码写的自己都感觉是"一塌糊涂",十分混乱.现在看到Angular2十分火爆,跑了跑它的The Tour of Heroes的例子,感觉非常不错,代码组织的井井有条,于是乎决定学习一下Angular2,然后用它将之前的NiceMark重写一下. 2. 整体感知 它组织代码的…

RxJS 博大精深,看了好几篇文章都没有明白. 范围牵扯到了函数响应式开发去了... 我对函数式一知半解, 响应式更是第一次听到... 唉...不过日子还是得过...混着过先呗 我目前所理解的很浅, 大致上是这样的概念. 1.某些场景下它比promise好用, 它善于过滤掉不关心的东西. 2.它是观察者模式 + 迭代器模式组成的 3.跟时间,事件, 变量有密切关系 4.世界上有一种东西叫 "流" stream, 一个流能表示了一段时间里,一样东西发生的变化. 比如有一个值, 它在某段时…

refer : https://angular.cn/docs/ts/latest/guide/server-communication.html https://xgrommx.github.io/rx-book/index.html http://wiki.jikexueyuan.com/project/android-weekly/issue-145/introduction-to-RP.html 概念上没什么太多的区别. 下面记入一些例子和小区别 : 不同的地方 : 1.不支持 uplo…

2016-08-25, 当前版本是 RC 5. 参考 : https://angular.cn/docs/ts/latest/guide/ngmodule.html 提醒 : 这系列笔记的 "ng" 指的是 angular2 哦! ECMA 6 中, 每一个 .js 文件都是一个模块. ng 中的模块则指的是一组被封装起来的组件, 指令, 管道, 它们可以来自不同的 .js 文件. 所以 ng 模块可以说是 ECMA 模块的更上一层封装. 这正是我们需要的. import { NgMo…

/// /// 特性:中括号声明 /// /// 错觉:每一个特性都可以带来对应的功能 /// /// 实际上特性添加后,编译会在元素内部产生IL,但是我们是没办法直接使用的, /// 而且在metadata里面会有记录 /// /// 特性,本身是没用的 /// 程序运行的过程中,我们能找到特性,而且也能应用一下 /// 任何一个可以生效的特性,都是因为有地方主动使用了的 一个应用场景:  可以用特性标注枚举值,以便 程序用到该枚举的 中文 public enum UserState    …

Angular2 这里 Angular2 是指采用 TypeScript 语言的 Angular 2.0及以上版本.与采用 JavaScript 语言的 AngularJS 相比,Angular2 不仅底层语言有变化,框架结构也完全不同. Angular CLI Angular CLI 是用来实现诸如创建 Angular 工程,添加 Angular 组件,测试打包发布 Angular 应用程序等一系列功能的一个命令行工具. CLI 是 Command Line Interface(命令行界面)的…