浏览器原理

addEventListener 第三个参数的两种形式及使用场景

比较两种事件绑定方法的语法、this 指向和事件流差异

主流浏览器及其渲染内核介绍

常见浏览器兼容性问题及解决方案

渲染引擎和 JS 引擎的作用与工作原理

渲染引擎为节点创建新图层的触发条件

浏览器的 Browser、Renderer、GPU、Network、Plugin 进程及其职责

DOM树、CSSOM、渲染树、回流与重绘的工作原理

Cookie、localStorage、sessionStorage、IndexedDB 的对比与使用

使用 User-Agent 解析和特性检测识别浏览器版本

DOM 中 children 和 childNodes 属性的区别与使用场景

前端开发中常见的浏览器兼容性问题及解决方案

Chrome 打开一个页面需要启动的进程及其作用

区分客户区坐标、页面坐标和屏幕坐标

使用 localStorage、SharedWorker、BroadcastChannel 实现标签页间通信

JavaScript 中删除 Cookie 的方法

使用 CustomEvent 和 EventTarget 创建自定义事件

DOM0、DOM2、DOM3 三种事件处理方式的区别与用法

offsetWidth、clientWidth、scrollWidth 三组属性的区别和使用场景

DOM 节点的增删改查、移动和复制方法

事件捕获、冒泡、事件委托及 target 与 currentTarget 的区别

对比两种事件监听方法的语法、兼容性和行为差异

使用 DOM API 获取页面中所有 checkbox 元素的几种方法

比较 HTMLCollection 和 NodeList 的获取方式、内容类型和动态特性

Hybrid App 原理、JSBridge 通信机制及实现

浏览器强缓存命中时的完整流程

强缓存与协商缓存的工作原理和使用场景

解决 HTML 页面与外部资源编码不一致导致的乱码问题

bind、live、delegate、on 四种事件绑定方法的区别与用法

点击 input 元素依次触发的事件及其顺序

常见的 JS 浏览器兼容问题及解决方案

jQuery 同时绑定多个事件的使用方式与实现原理

理解 JSBridge 的命名由来和实现方式

解决 a 标签点击后 hover 样式不生效的问题

浏览器渲染优化的实用技巧

移动端点击延迟的原因及解决方案

viewport meta 标签的属性与常见配置方案

移动端 touch 事件导致的点击穿透原因及解决方案

常见移动端兼容问题及解决方案

实现 Web 与 Native 双向通信的桥接方案

解决 Retina 屏幕下 CSS 1px 边框过粗的问题

理解浏览器渲染管道

window.onload 与 $(document).ready 的区别和使用场景

理解 DOM 元素的三组尺寸和位置属性

浏览器同源策略的限制及 6 种跨域方案实现

script 放在 head 和 body 底部的区别及最佳实践

Service Worker 的工作原理、生命周期及 PWA 应用场景

对比浏览器四种存储方案的容量、API、跨域和自动发送特性

HTTP 强缓存在未设置过期时间时的默认行为

从输入 URL 到页面渲染的每个步骤

V8 执行 JS 的三个阶段：Parse、Ignition、TurboFan