在开发数据大屏时最头疼的就是多分辨率适配问题，可行方案有rem方式、媒体查询、flex+百分比+vh、scale方式。这里采用scale方式，因为使用其它方式时，在使用echarts时，一些字体大小的配置参数无法转换大小，就会造成在低分辨下，字体太大不美观。使用scale方式开发时，我们在编写css样式时，就可以根据UI提供的设计稿直接写具体的数值,比如

css
.header{
    height: 110px;
    width: 100%;
    padding: 0 10px 4px 10px;
}

表单组件input难免会输入空格，有时候这些空格会造成意外的事故，比如密码框如果意外在最后面加了空格，使用人又没注意，这就造成意想不到的效果。我们可以使用自定义指令在input失去焦点时自动去除前后空格,方便又省事

场景如下:在开发中实现一个动态表单，能方便对表单项进行增删改操作，为了操作方便，给每一个节点增加pre和next属性用来指向前一个节点和后一个节点。于是想到用链表的数据结构来实现改功能(不用链表结构也能实现，只需要给每一个Node节点对象增加两个属性pre和next，在增删操作额外去维护这两个指针就行)

什么是类型联动呢？ 假如有如下类型

ts
type Component = {
  type: 'button' | 'input' | 'select' | 'textarea';
  payload: {
    onChange: Function;
    onClick: Function;
    type: string;
    placeholder: string;
  };
}

类型联动，指的是当 type 的值发生变化时，payload的类型也跟着变化，比如当type为’input’时，可能希望payload中包含onChange，而当type为’button’时，则不希望payload中包含onChange。

在现实业务系统中,为了保证业务数据安全，要求不同的人员登录后页面现实不同的按钮，根据单前人员所拥有的角色以及权限点进行现实或隐藏。在Angular中可以利用自定义指令来快速实现