有两种方式：视图动态渲染和组件动态创建（笔者拟自己拟的概念）， 区别是前者的重心是使用 NgComponentOutlet 指令在视图模板中，后者的重心是使用 createComponent API 在组件内创建的 。

这是一个骚操作…因为目前为止 js 还没有提供可以直接设置伪类的 API，但是程序界流传着这样一句话：任何解决不了的问题都可以引入一个第三方去解决

有一种思路是：

1. js 添加自定义 style 属性
2. css 中读取并使用该属性的值

原文在我的知乎：Angular hostDirective 详解

前言

最近有一个需求是动态创建组件，然后给其组件添加指令，当时可难坏了，因为 createComponent API 不支持绑定指令，所以我当时猜想是否可以在 @Component 注入或 @HostBindingDirective 绑定实现呢？找了很久，最终发现官方支持了这种，选择的是前者，Feature Issue 如下：

1. 导入 icon

1

@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&display=swap";

查看端口占用

1

lsof -i:端口号

杀死进程

1

kill -9 PID

查看内存占用情况(前10位)

1

ps aux --sort -rss | head -n 10

从官网下载 vscode 会特别的慢，所以利用镜像可以提高下载速度。

1. 打开vscode官网

打开官网： https://code.visualstudio.com/Download/

大家应该都遇到过这样的错误： unable to resolve dependency tree 。

刚开始是根据报错提示给出的解决方案： npm install --legacy-peer-deps ，这个用过很多次了，也解决过大多数场景，但最近一次却栽到了这上面。

mermaid 是一款可以使用文本来绘图的工具，支持流程图、时序图、类图、饼状图等等，更多看这里。它可以支持在 markdown 中使用，这对于我这种程序员非常的好用，可以代替一些插图，hexo 对插图是一大痛点（上传图片，然后在 markdown 中插入链接，重要的是要考虑储存位置、空间和后期的维护），本人习惯使用代码块或文字的方式代替，所以这是一篇 hexo ocean 集成 mermaid 的文档。

第一次听说 AOP 这个概念大概还是在 5 年前，那时还是一个 Java 小白，只赚了个耳熟，这些年倒比较理解了，但并没有好好总结一篇，最近又看到相关话题，大家存在分歧有些争论，都多少有些片面，这里个人也大言不惭，谈一下 AOP。