-
首先安装Node.js与npm，再初始化项目并安装Gulp及插件，接着配置gulpfile.js定义Sass编译与浏览器同步任务，最后通过gulp命令启动自动化流程，实现CSS即时编译与HTML实时更新。
-
HTML5play()不能无条件直接调用，必须在用户手势（如click、touchend）回调中同步调用并处理Promise返回值，否则会因权限限制被拒绝。
-
本文介绍如何在使用window.open()创建新窗口后，准确、跨浏览器地检测其DOM和资源是否完全加载，重点解决DOMContentLoaded和onload失效问题，并提供基于document.readyState==='complete'的轮询方案。
-
根本原因是浏览器底层渲染引擎、WebGL实现、CSS逻辑及DPR处理差异；需分层排查：检查WebGL上下文并降级兼容、按DPR设置canvas物理尺寸、统一鼠标坐标计算、适配着色器精度与语法。
-
jQueryUI是基于jQuery的扩展库，提供日期选择器、对话框、拖放、排序、自动完成等交互组件，支持动画效果与ThemeRoller主题定制，适用于快速构建前端界面，常见于传统Web项目。
-
WeakMap和WeakSet通过弱引用机制避免内存泄漏，适用于需动态管理对象且依赖垃圾回收的场景。1.WeakMap以对象为键，不阻止其被回收，常用于存储DOM节点私有数据、缓存计算结果或模拟私有属性；2.WeakSet用于标记活动对象，如防止重复处理或跟踪事件监听元素；3.两者均不可遍历、无size属性、仅支持对象类型，调试困难，故应在确需弱引用时使用，以提升内存性能。
-
使用相对单位（如vh、%）替代px定位fixed元素，结合env()处理安全区域，可有效解决移动端位置偏移问题。
-
最稳定方式是用getComputedStyle().getPropertyValue()读取CSS自定义属性；修改则通过element.style.setProperty()设置，注意作用域、拼写和执行时机，避免强制同步布局。
-
WebSQL被废弃因其未进入W3C标准流程，仅是SQLite私有实现，而IndexedDB成为标准替代方案；二者本质不同：WebSQL关系型、SQL驱动，IndexedDB对象存储、键值+索引驱动，迁移需重构数据访问逻辑。
-
CSSborder简写必须同时指定宽度、样式、颜色三者，缺一不可；border-style为none或hidden会彻底隐藏边框且使其他属性失效；元素尺寸为0或被裁剪、覆盖、透明化等也会导致边框不可见。
-
iOS上DeviceOrientation不准的主因是未开启“MotionCalibration&Distance”系统服务，而非陀螺仪硬件故障；该服务默认常关闭，需手动启用，并配合平放静止、缓慢旋转等动作诱导系统重融合，且CIT校准后须重启Safari才生效。
-
transform需配合display:block或inline-block使用；transform-origin控制变形中心，默认50%50%；transition必须与transform同级声明；3D变形需父容器设transform-style:preserve-3d和3Dtransform；transform-origin不支持calc()混用时需JS动态设置。
-
使用transform配合transition可实现元素平滑移动，推荐translate()因性能更优，避免频繁触发重排，适用于悬停、菜单等场景，保持过渡时间0.2s~0.6s体验更佳。
-
全屏API调用必须由用户手势触发，需在click、touchstart、keydown等事件回调中调用；移动端推荐touchstart；禁止在异步回调中调用；iframe嵌套时父页面需添加allowfullscreen属性。
-
HTML可访问性测试需结合自动化工具与人工审查，自动化工具可快速发现如alt文本缺失等硬性错误，但无法评估上下文、键盘导航逻辑或屏幕阅读器体验，因此必须辅以手动键盘操作、屏幕阅读器测试及开发者工具检查，才能全面保障用户体验。
