Reina

angular支持动态创建component，即在运行时动态创建component并将其加载到对应的dom中；而不是像通常情况下使用标签将component固定的添加到某个template中。动态创建组件的过程中涉及到两种component： 动态创建的component与普通…

单元测试：单元测试是开发人员编写的、用于检测在特定条件下目标代码正确性的代码，是指对软件中的最小可测试单元进行检查和验证。单元测试是在软件开发过程中要进行的最低级别的测试活动，软件的独立单元将在与程序的其他部分相隔离的情况下进行测试。 划重点： 单元测试只关注于功能代码，与数据…

Rxjs也为我们提供了一系列辅助类操作符，可能其功能不像其他的操作符那样惊艳，但某些场景下，这些辅助类的操作符可以极大的帮助我们简化代码，可以说是非常实用。 很明显，数学类操作符是具有数学运算功能的操作符，包括四个分别是：count,max,min和reduce。与之前提过的操…

当浏览器界面已经渲染完成，用户触发的一些event或一些异步的数据请求，可能会引起了系统中数据的变化；这种情况下，如果我们需要根据数据变化更新DOM会很麻烦，遍历整个DOM树的开销很大，因此我们需要在找到变化的内容的情况下，尽可能缩小对应更新的DOM范围。 在angualr应用…

应用开发过程中，我们总会根据需要去搭建不同的开发或测试环境，Angular为我们提供了非常方便的配置项，帮助开发人员管理维护各个环境。本文主要介绍Angular环境变量的配置。 当我们通过Angular-cli初始化一个application，src目录下会自动生成enviro…

之前已经了解过Rxjs中的创建类操作符，包括of,range,interval,timer等等，每个创建类操作符都能创建一个Observable对象，我们可以通过分别对每个Observable对象的订阅，得到我们需要的数据流。 同时，Rxjs提供了提供了一些非常实用的的合并类操…

Rxjs中提供了很多非常实用的操作符，所有的操作符都是一个个function，根据其使用目的或者功能的不同，可以将其分为两类：Creation Operators 和 Pipeable Operators。 Creation Operators - 根据字面意思，可以简单理解通…

it方法可接收number类型的值作为第三个参数，用来设置setTimaOut，使代码延时执行。 整个测试用例最复杂的测试逻辑，都包含在第二个回调中，我们可以尝试从语意角度分析一个测试用例。在每个测试用例中，都会包含一个测试期望，通过一个expect操作符开始，在上述代码中ex…

最近，项目组的开发工作不算紧张，老大要求去写单元测试，让覆盖率的数字好看一些。虽然从个人角度，对这种功能开发结束再补单元测试的行为嗤之以鼻（偷偷的）， 但也是一个学习了解的机会，于是，开始研究Angular test... 项目初始化完成后，直接运行ng test命令，就可以运…