Esun_R

作为前端开发，我们有必要关注我们各个客户端的性能指标，比如白屏时间，最早可交互时间等。 通过性能指标的监控，就能知道我们当前页面性能如何，与竞品相比有哪些差距。本文会介绍常见的性能指标如何获取并分析。

概述 因为忙好久没有更新文章了，正好在公司内部做了技术分享，私底下写了篇文章。希望给有需要的小伙伴带来帮助，一起成长~💪 Webpack 配置中 Loader 的用法 Webpack 配置中 Plug

一、什么是Loader loader 用于对模块的"源代码"进行转换，在 import 或"加载"模块时预处理文件 webpack做的事情，仅仅是分析出各种模块的依赖关系，然后形成资源列表，最终打包生

静态提升，就是指在编译器编译的过程中，将一些静态的节点或属性提升到渲染函数之外。它能够减少更新时创建虚拟 DOM 带来的性能开销和内存占用。

我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hello, Changed~'的时候，会触发组件的更新，视图的重新渲染。 但是 <ChildComponent…

在vue组件中内data内函数返回的对象默认是响应式的，vue的observe函数会遍历此对象所有的属性和子孙属性并转化为getter/setter， 使Vue能够追踪依赖，在属性被访问和修改时通知变更。这种响应式在被用在模板更新、watch变更、computed依赖中非常有用…

装饰器使用 @log 的形式，称为注解型装饰器，其中 log 必须能够演算为在运行时调用的函数。 装饰器工厂就是一个简单的工厂函数，它返回一个装饰器函数，区别就在于调用装饰的时候传不传参数。如需要传参则升阶为装饰器工厂。

本文将教你实现如何让极米投影仪（其他电视设备同理）接入到苹果 HomeKit 生态，实现搭配 HomePod 使用 Siri 唤醒或关闭投影仪，并且可以直接使用 IOS 集成在系统控制中心的电视遥控器

Vue3 + Typescript + pnpm + rollup/gulp 工程化搭建组件库,使用vitepress编写组件文档