DEV Community ·

JavaScript 专家面试准备指南

💡 原文英文，约200词，阅读约需1分钟。

📝

内容提要

本文介绍了事件委托的权衡、Web Workers、Web Storage、HTTP方法、浏览器API、IndexDB、观察者模式、Intersection Observer、Service Worker、WebWorker、事件冒泡和事件捕获、PWA、后台同步、高性能浏览器网络、debounce和throttle的区别。

🎯

关键要点

事件委托的权衡
Web Workers的定义和作用
Web Storage的概念
HTTP方法的分类
浏览器API的功能
IndexDB的使用
Web Storage的容量与Local Storage和Session Storage的区别
观察者模式的类型
Intersection Observer的应用
Service Worker与WebWorker的区别
事件冒泡与事件捕获的机制
渐进式Web应用（PWA）的特点
后台同步的功能
高性能浏览器网络的比较（HTTP1与HTTP2）
服务器推送事件（Server Send Events）
WebRTC的应用
轮询的类型（长轮询与短轮询）
WebSocket的使用
debounce与throttle的区别及实现

❓

延伸问答

什么是事件委托，它的权衡是什么？

事件委托是一种通过将事件处理程序附加到父元素而不是子元素来管理事件的技术。其权衡包括性能提升和代码简化，但可能导致事件处理的复杂性增加。

Web Workers的作用是什么？

Web Workers允许在后台线程中运行JavaScript代码，从而避免阻塞主线程，提高网页的性能和响应速度。

Web Storage与Local Storage和Session Storage有什么区别？

Web Storage包括Local Storage和Session Storage，Local Storage的数据在浏览器关闭后仍然存在，而Session Storage的数据在会话结束后消失。

什么是渐进式Web应用（PWA）？

渐进式Web应用（PWA）是一种结合了网页和移动应用优点的应用，具有离线工作、推送通知和快速加载等特性。

debounce和throttle有什么区别？

debounce会在事件停止触发后延迟执行，而throttle会限制事件在一定时间内只能执行一次，适用于控制频繁触发的事件。

什么是Service Worker，它与Web Worker有什么不同？

Service Worker是一种特殊的Web Worker，主要用于处理网络请求和缓存，支持离线功能，而Web Worker用于执行后台任务，二者在功能和用途上有所不同。

🏷️