如果有一系列的页面布局很类似,为了节省时间,我们可以把这些类似的页面所通用的属性和方法抽离成一个BaseView,让其它页面继承该基础页面,同时将一些经常改变的属性和差异的属性写到配置文件里。例如树容器初始时是否展开、某些图表是否显示等都可以写到配置文件里面。本文将带你实现该功能,抽离出BaseView页面组件,鉴于json文件无法写注释的情况,配置文件采取yml的格式
在iframe嵌套的业务中,如果父页面需要向子页面发送消息,通过传统的iframe.contentWindow.postMessage和window.addEventListener('message',(data) => {})的方式,有时候会出现父页面发送了消息,但是子页面没有收到消息的情况,这一般是由于子页面加载并创建message监听的时机出现了延误。在这里我们通过发布订阅的方案来解决它。
Vue 3 的 customRef API 允许创建自定义 ref,提供对依赖项跟踪和更新的显式控制。它可以用于实现防抖、节流、自定义计算属性及性能优化。customRef 与 ref 的主要区别在于定制化程度,ref 更适合常规场景,而 customRef 提供更细粒度的控制。customRef 应用场景包括在获取和设置值时执行额外操作,例如与本地存储交互或实现防抖功能。本文利用customRef实现全局loading效果