-
window.open()才是打开新页面的正确方式，alert/confirm等弹窗无DOM且不可交互；它返回Window对象支持完整API，但需用户手势触发、注意跨域通信与移动端兼容性。
-
用<canvas>画圣诞树最可控，需用递归生成分形枝干、循环绘制松针，适配devicePixelRatio防模糊，并通过globalCompositeOperation分层叠加装饰。
-
数组可用forEach、for...of等原生方法迭代，对象需先转为数组（如Object.values）；for...in不适用于数组，forEach无法中断，应优先用for...of或some/every；类型判断须用Array.isArray而非typeof。
-
CSS变量通过在:root中定义颜色并使用var()引用，实现颜色的统一管理和动态切换。1.定义基础色板和语义化颜色变量，如--primary-color、--text-color-dark；2.在样式中通过var()函数调用变量；3.修改变量值即可全局更新颜色；4.利用类切换（如dark-theme）结合JavaScript实现主题切换；5.通过style.setProperty()动态修改变量，支持运行时样式调整。该方法提升维护效率、确保视觉一致性，并增强组件可定制性。
-
过渡效果应聚焦高频交互元素，如按钮、折叠面板、导航菜单、标签页和输入框；避免用于列表项、表格行、图标切换和模态框整体；优先用transform/opacity，禁用transition:all，时长100–200ms，并适配prefers-reduced-motion。
-
JavaScript异步编程通过事件循环和任务队列实现非阻塞操作，async/await是基于Promise的语法糖；async函数自动返回Promise，await暂停当前函数执行并等待Promise结果，仅限async函数内使用。
-
HTML5游戏录视频需用MediaRecorder配合canvas.captureStream()生成MediaStream，注意Safari兼容性、帧率控制、权限检查及mimeType限制；MP4需服务端转封装。
-
模板编译是将字符串模板转为JavaScript渲染函数的过程，预编译在构建阶段完成该转换，避免运行时解析，提升性能。以{{name}}欢迎你！为例，编译后生成function(data){returndata.name+"欢迎你！";}，运行时直接调用函数。预编译优势包括减少运行时开销、加快首次渲染、支持代码压缩和提前报错。主流实现有Handlebars通过命令行工具预编译为轻量runtime依赖，Vue的SFC在构建时用@vue/compiler-dom转为render函数，生产环境无需编译器，Reac
-
开源HTML编辑器是功能完整、稳定可靠且免费的理想选择，包括Notepad++、KomodoEdit、CodeMirror-based编辑器、Brackets及VSCode+插件组合，各具语法高亮、实时预览、格式化等特性。
-
Linux服务器上Apache和Nginx默认区分URL路径大小写，/page.html与/Page.html被视为不同资源；HTML中href/src必须与实际文件名大小写完全一致，否则返回404。
-
父容器高度塌陷因浮动元素脱离文档流，导致无法正常计算高度。解决方法一：使用clearfix类通过伪元素清除浮动，使父容器包裹子元素；方法二：设置overflow:hidden等触发BFC，形成独立布局环境以包含浮动元素。根据兼容性与设计需求选择方案。
-
text-align合法取值包括基础值left、right、center、justify、inherit，以及CSS逻辑属性新增的start、end、match-parent；其中inherit不支持IE全版本，start/end需配合direction使用且旧版Safari兼容性有限。
-
align-items作用在display:flex或display:grid的父容器上，控制子元素在交叉轴上的对齐方式；justify-content同理作用于父容器，控制子元素在主轴上的分布。
-
黑屏主因是浏览器自动播放策略、MIME类型错误、跨域限制或编解码不兼容；需检查autoplay+muted、Content-Type、CORS头、H.264+AAC编码及用户手势触发play()。
-
HTML5无序列表圆点不显示时，可采用四种方法修复：一、设list-style-type:disc并确保li的color为黑色；二、用list-style-image引用黑点PNG图；三、用::marker伪元素设content和color；四、用li::before伪元素模拟黑点。
