做了多年的Angular的前端开发，一直没有胆量对前端进行单元测试，原因一是前端是跟用户打交道，不好测试，原因二是项目的时间压力没有精力弄单元测试。这也就导致在前端开发时，业务一旦改变，就要人肉进行测试。费时又没有技术含量，直接让我怀疑人生。最近得空，索性就把Angular的单…

所谓 “工欲善其事，必先利其器”，下面我会介绍 如何打磨 `VS Code`这把利器。 安装插件 Local History ，这个插件用于维护文件的本地历史记录。每次修改文件时，旧内容的副本都会保留在本地历史记录中，你可以随时将文件与历史记录中的任何旧版本进行比较，如果发生意…

Angular Modules 是个相当复杂的话题，甚至 Angular 开发团队在官网上写了好几篇有关 NgModule 的文章教程。这些教程清晰的阐述了 Modules 的大部分内容，但是仍欠缺一些内容，导致很多开发者被误导。我看到很多开发者由于不知道 Modules 内部…

怀着对于RxJS这项技术的好奇，笔者花了数天时间研究了这项技术，并肝了一包枸杞才完成这篇文章的撰写，属实不易。不过也正是通过这段时间的学习，我发现这项技术在一定程度上可以解决我在日常业务中遇到的一些痛点，以及有种想马上应用到自己的新项目中的欲望，的确这种以数据流的理念来管控大型…

让我们以购物车为例，看看下面的 effect 和 epic 是怎么滥用 switchMap 的，然后我们再考虑用一些替代的操作符。 我们的购物车列出了用户打算购买的商品，每个商品都有一个“移出购物车”按钮。点击该按钮就会将 RemoveFromCart 动作调至 effect/…

内嵌视图(Embedded View): 内嵌视图是由<ng-template></ng-template>元素声明的。 当然，在执行完remove()方法后，审查元素中这个组件自然是消失了，但是尴尬的是ngAfterViewChecked()生命周期钩子中仍显示子组件的个数是…

Angular文档中关于使用Angular DOM的操作，总是会提到一个或几个类: ElementRef, TemplateRef, ViewContainerRef等。本文旨在描述这种模型。 在Angular中DOM被抽象出ElementRef, TemplateRef, V…

Angular Ivy的变更检测执行