什么是类型联动呢? 假如有如下类型
tstype 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中可以利用自定义指令来快速实现
浏览器提供了 5 种 Observer 来监听DOM元素的变化:MutationObserver、IntersectionObserver、ResizeObserver、PerformanceObserver、ReportingObserver,其中比较常用的是前三个,能够很方便的实现一些特殊的效果。