Vokidya

当然，你可以说，如果你了解了背后的原理，就不难记住在那种情况下该怎么用。 但是，不管是 JSX 还是各种框架的模版语言，都在创造新的方式和语法，让初学者很容易迷惑。我们似乎过于依赖某一种框架，而导致初学者无法离开框架，「自由」编程。 我们虽然曾经十分诟病的，jQuery。假设，…

其实是装了个逼，Angular Reactive Extention 其实就是 NgRx。之前一直嘲笑，NgRx 代表着 Angular Redux, 而不是官方的 Reative Extension。直到看到了 NgRx/Component，才开始有点信服。最近看到了， Ng…

最近在开始尝试将 Angular 中的逻辑抽离到一个中间 service 层，让纯 service 彻底变成 data service 也就是 API 的 wrapper。 然后就在查资料的时候发现，NgRx 新出的 component store，使用了一把以后确实是真香。下…

这里就是第一个问题，往往会出现同一个字段的不同名字，出现的原因，当然可能是，前后端不同的命名习惯，不同的 API 系统或者 version, 我们如果为了方便，前段的类型完全按照 API 来定义就有点被牵着鼻子走了。当然，一个简单的方法是，我们可以写一个 convert 方法：…

最近总结了一些能够让 Component 更加优雅的方法，不妨在这里分享一下。当然，你可以引入 NgRx, 然后把逻辑都写到 Reducer 里去，这也是挺优雅的。但是这里想存粹的探讨一下 Component 的一些优化方法。 changeDetection: ChangeDe…

大家知道前段框架一般都有自己的状态管理，React 有 Redux, Vue 有 Vuex。那么，Angular 或者 AngularJS 有没有自己的状态管理呢？当然你可以用 Ngrx/Store。 其实个人认为，Angular/AngularJS 区别于其他框架的一个最大的…

在 Angular 中，如果有一个 Ajax call，默认从 promise 改成了 observable。我们来看一下： 因为我们可以将 promise 看成只 emit 一次 value 的 observable。实际上通过简单的比较发现，then跟 subscribe …

如果你维护过一些不太好的 Angular 项目，会发现，代码的逻辑都柔和到了 Component 中，如果 Component 又没有很好的拆分，一堆 copy paste 的代码。比如以下代码： 这样，我们就需要穿梭在各种方法里面，看数据到底是怎么修改的，还有理清楚各个方法之…

Component 中 @Input 的数据变化 （NgChanges => Observable）（其实可以看出，@Input 本质上是一个 Observable， @Output 本质上是一个 Observer，双向绑定本质上是一个 Subject。） Component …