JavaScript原有的表示“集合”的数据结构，有数组Array和对象Object，ES6新添了set和Map，这样就有了四种数据集合。可以组合使用，定义自己的数据结构，比如数组的成员是Map，Map的成员是对象，这样就需要一个统一的接口机制，来处理所有不同的数据结构。

感觉of操作符在快速创建Observable的时候挺方便的，使用from在进行一些转化的，对这两个操作符进行整理一下。

使用angular的router.navigate()方法进行跳转页面的时候，我们传值的方式有两种：

• 使用链接参数数组：router.navigate(['/a', {code: '123'}])。构造的链接为/a;code=123.
• 使用查询参数：router.navigate(['/b'], {queryMap: {code: '123'}})。构造的链接为：/b?code=123.

那么这两种传参方式的关系和区别是啥？我们该如何在正确的场景使用这正确的方法？来研究研究。

有些问题需要去研究下angular的源码，所以我把angular源码从github上拉下来后需要安装包。angular使用了yarn，而不是npm。所以需要安装yarn，使用brew安装：

1

brew yarn install

安装好后查看版本：yarn -v，版本是1.15.0.

1

debugger;

调用任何可用的调试功能，比如设置断点。当函数被调用时，会尝试调用一个可用的调试器进行调试。例如：

1
2
3
4

function debuggerFun() {
    debugger;
    // do other operation
}

当函数被调用时，执行暂停在debugger语句的位置。就像在脚本源代码中的断点一样。

我的服务器是租赁的阿里云的云服务器，系统是centos7。好几次从shell里面登入系统的时候，发现使用tab自动补全时，会出现磁盘已满的情况。特别记录下解决方法。

前面了解了如何通过render来操作dom，那我们遇到需要跳转到页面特定节点的需求该如何办？还是通过使用@ViewChild的方法来实现。

记录操作nginx遇到的问题以及解决方案

模板引用变量通常用来引用模板中的某个Dom元素。它还可以引用angular组件或指令或WebComponent。模板引用变量可以让我们在页面上声明变量并使用，也是一个可以让ts控制html的桥梁。

前面通过设定FromGroup的updateOn配置，将表单的验证时机修改为了当输入框输入焦点之后，这个操作引发的问题是，输入限制不起作用了！比如有些地方我只需要输入数字，不可以输入其他字符，做这个输入限制是靠在验证器里进行replace，现在是当鼠标遗失后才去验证，也就是鼠标遗失后采取replace，很糟心啊，得想想解决办法。