Web Series | 现代 Web 开发基础与工程实践
📖 Home
🌟 Star on Github
💻 Code
Search…
Introduction
Node
Introduction
BFF
Egg
Express
GraphQL
Koa
Nest
事件 IO
全栈开发
包管理器
实时通信
工程实践
开发环境
快速开始
文件存储
权限认证
生产调优
系统进程
React
Introduction
Antd
Fiber 与调和算法
GraphQL
Hooks
React Router
Storybook
Ueact
事件系统
函数式组件
异步加载
快速开始
性能优化
服务端渲染
测试
状态管理
类 React 库
类组件
组件数据流
组件样式
组件系统
组件范式
背景特性
设计模式
过渡与动画
静态类型
Vue
Introduction
TypeScript
Vuex
工具链
性能优化
架构机制
状态管理
组件
工程实践
Introduction
Chrome Extension
Web 测试
Webpack
主题样式
低代码搭建
前端路由
响应式适配
国际化
异常处理
录屏与重放
控件开发
数据请求
构建工具
浏览器自动化
端到端测试
编码规约与协作
调试
面试准备
开发基础
Introduction
CSS 处理器
CSS 模块化
CSS
DOM
HTML
Observer
IntersectionObserver
MutationObserver
PerformanceObserver
ResizeObserver
WebAssembly
WebWorker
jQuery
事件响应
元素布局
变换与动画
导论
数据存储
盒模型与文档流
网络请求
跨域通信
架构与优化
Introduction
MVVM
MobX
PWA
Redux
SPA
Svelte
Virtual DOM
WebComponents
优化案例
体验优化
内存优化
前端工程化
前端框架
微前端
性能监控与度量
浏览器工作机制
渲染执行优化
状态管理
组件化
资源加载优化
混合开发
Introduction
Cordova
Electron
Flutter
React Native
Remax
Taro
Weapp
小程序
Powered By
GitBook
Observer
观察者(Observer)是一个观察或注意事物的程序。观察者可以观察浏览器中发生的某些活动并做出相应的响应。观察者类似于狗,观察某些活动,并提醒我们发生了一些不寻常的事情。一旦我们为某些活动获取到狗发出的警告时,我们有责任采取相应的行动。
使用观察者我们可以观察浏览器中发生的不同类型的活动(Activity),并采取必要的行动。比如,可以观察一个视频是否在视窗中显示,并启用自动播放;比如从父 DOM 元素中添加或删除子元素;比如一个盒了元素的大小尺寸发生变化等等。以下是现代浏览器支持的四种不同类型的观察者:
Intersection Observer
Mutation Observer
Resize Observer
Performance Observer
Previous
语义化与头标签
Next
IntersectionObserver
Last modified
3yr ago
Copy link