前端开发

1. 核心：`设计模式`提供相关问题的解决方案，使人们可以`复用`成功的设计和体系结构。 2. 要素：模式名称、问题、解决方案、效果。 3. 分类：5种`创建型`、7种`结构型`、11种`行为型`。

new MouseEvent() 它的参数配置支持设置 button、buttons、detail 等，比 initMouseEvent 更好用。

使用 Angular cdk overlay 实现打开的下拉组件、模态框等，如何支持下拉面板的缓入缓出动画效果？ 本文提供 指令式、编程式 两种实现方式。

1. 使用replaceUrl:true来解决实际问题。 2. ActivatedRoute 查询路由数据时什么时候用params?什么时候用queryParams?什么时候用snapshot快照？

Angular 动态加载组件的两种方式。 Angular动态加载内嵌视图。 Angular cdk 之 Portal 支持动态加载组件或视图。原生动态加载器与portal的区别是什么？

Overlay 包提供了一种在屏幕上打开浮动面板的方法。Overlay的底层实现是什么？Overlay的create和OverlayRef的attach方法具体做了哪些事情？

FocusEvent.relatedTarget relatedTarget 属性返回与触发 focus/blur 事件的元素相关的元素。

一、变量$ 需要复用的CSS值，比如字体、颜色等，可以使用 $ 将其变成一个变量。 二、嵌套 三、父选择器 & 父选择器 & 是 Sass 发明的一种特殊选择器，在嵌套选择器中用于引用外部选择器...

flex-shrink 属性指定了 flex 元素的收缩规则，默认值是1。在flex 元素的默认宽度之和大于容器的宽度时候，元素会发生收缩，其收缩的大小的依据是 flex-shrink 的值。

前端生态圈，前端体系化。今天花了点时间了解了一下前端行业的常见要求，扩展和补充自己对前端行业的整体认知。

探索 scroll 滚动的实现，滚动的性能，以及Angular cdk scrolling的底层实现。

svg 的事件会影响其父元素的事件，svg 的 pointer-events 和其它元素的 pointer-events 有区别。