WebWorkers是浏览器提供的JavaScript后台线程机制，用于执行耗时任务而不阻塞主线程；它通过独立脚本文件、postMessage通信实现计算与UI的分离，适用于数据处理、图像编码等场景，但不可操作DOM。

JavaScript是运行在浏览器中的编程语言，用于实现网页交互、动态内容更新、服务器通信及构建应用，初学者可直接在HTML中嵌入script标签运行代码，建议先掌握基础语法再学框架。

BOM是JavaScript与浏览器窗口交互的接口，由浏览器厂商实现，核心对象为window，包含location、history、navigator、screen等子对象及setTimeout、alert、open等方法，用于操作浏览器环境而非页面内容。

现代浏览器已禁用Flash，SWF需通过object/embed混合嵌套并配合检测降级与HTML5替代方案实现兼容。

类继承基于ES6的class语法，通过extends和super实现，语法简洁、可读性强，底层为原型链；组合继承结合构造函数与原型链，兼容性好但代码冗长。前者是后者的语法优化版本，现代开发推荐使用类继承，理解组合继承有助于掌握原型本质。

try/catch语句用于捕获并处理JavaScript运行时错误，由try块（监控可能出错的代码）、catch块（处理错误）和可选finally块（执行清理操作）组成；2.错误处理至关重要，因它能提升用户体验、增强稳定性、便于调试维护、保障数据完整性；3.典型适用场景包括解析外部数据、async/await异步操作、潜在DOM错误、类型转换风险及调用第三方库；4.其他重要策略还有Promise.catch()处理链式异步错误、全局错误监听（window.onerror和unhandledrejectio

HTML5原生<video>标签可跨设备播放视频，需设置width/height、controls属性，嵌套多个<source>提供MP4/WebM/Ogg格式，添加muted+autoplay实现静音自动播放，并通过CSS和JavaScript实现响应式与自定义控制。

column-count优先级更高；当同时设置时，浏览器优先满足column-count，仅在容器过窄时才减少列数并趋近column-width。

通过:hover触发::before的transform实现悬停旋转，首先为::before设置inline-block和transition，再在.icon:hover::before中添加transform:rotate(90deg)，即可使前置符号平滑旋转，适用于下拉箭头等交互效果。

使用::before伪元素可高效添加装饰图标，保持HTML简洁。通过content属性插入生成内容，结合FontAwesome等字体图标或base64编码的SVG图片实现视觉效果，需注意引入字体文件、设置display与间距，并确保可访问性，适用于标题、链接等场景。

本文详解如何在Angular中通过按钮点击事件，利用@Input()和属性绑定实现父组件向子组件安全、响应式地传递数据，并附可运行代码示例与关键注意事项。

JavaScript无法读取HttpOnlyCookie，因其设计目的就是禁止客户端脚本访问以防范XSS；JS仅能通过document.cookie操作非HttpOnly、同域、未过期且满足Secure/SameSite等条件的Cookie。

Grid容器中部分子元素固定宽度、其余自动填充，需在grid-template-columns中混合使用具体长度（如200px）、fr单位和minmax()函数，避免auto与fr混用，并配合媒体查询实现响应式重排。

答案：实现无限滚动需监听滚动事件并动态加载内容。通过设置容器高度和overflow-y:scroll启用滚动，JavaScript监听scroll事件并在接近底部时调用loadMoreItems函数加载新数据，isLoading防止重复加载。为避免重复，可用Set存储已加载ID进行去重。性能优化包括使用节流或防抖控制事件频率，采用虚拟滚动减少DOM数量，结合IntersectionObserver实现图片懒加载。错误处理通过try...catch捕获异常，显示错误提示并提供重试按钮，同时限制重试次数防止资

new运算符执行四步：创建空对象并设置原型；绑定this并执行构造函数；按返回值类型决定最终返回对象或新对象；新对象constructor指向构造函数。