-
rem布局本质是动态设置html根元素font-size，需JS监听DOM加载和屏幕变化实时计算并更新；须禁用用户缩放、避免CSS覆盖、用PostCSS自动转换px为rem，并统一flex属性单位。
-
video元素默认控制条无法换肤，必须禁用原生controls属性，通过HTML+CSS绘制控件并用JavaScript绑定播放、暂停、进度拖动等行为，同时注意跨浏览器兼容性与移动端交互细节。
-
苹果设备HTML5开发需兼顾Safari调试与XcodeWebView集成：一、启用SafariWebInspector远程调试iOS页面；二、Xcode中用WKWebView加载本地/远程HTML资源并调试；三、优化viewport、媒体内联播放、触摸事件及Webkit特性适配。
-
宽屏下内容太散的根本原因是容器默认随视口拉伸导致阅读动线过长；解决方法是用max-width限制主体宽度（如1024px）并配合margin:0auto居中，小屏不设、大屏分级控制，避免父容器flex/absolute/高优先级width干扰。
-
JavaScript会阻塞DOM构建，影响关键渲染路径；通过async或defer属性异步加载脚本，可避免解析阻塞；非关键JS应延迟加载或动态导入；确保DOM就绪后再访问元素，以提升首屏渲染速度和用户体验。
-
通过box-shadow与transition结合可实现鼠标悬停时卡片阴影的平滑渐变效果，如阴影放大或颜色加深，提升交互体验；默认状态下设置轻微阴影，hover时改为更大更明显的阴影，并通过transition定义过渡动画，使变化更自然；支持多层阴影叠加和cubic-bezier自定义缓动曲线增强层次感与弹性；需注意参数一致、明确指定属性避免all、使用rgba保证透明度过渡，兼容性方面现代浏览器良好但旧IE受限，移动端可用但不宜过度以保性能。
-
IDLE可用于简单HTML编辑，支持打开、修改和保存.html文件，虽无语法高亮，但可通过手动对齐和三引号包裹提升可读性；预览需借助浏览器或Python的webbrowser模块打开文件；适用于学习基础HTML、编写Python生成HTML报告等轻量场景，但缺乏专业功能，复杂项目建议使用VSCode等专用工具。
-
掌握WebGL及Three.js可实现Web端三维可视化，通过着色器、缓冲区、纹理与矩阵运算完成图形渲染，结合数据驱动与性能优化构建动态3D应用。
-
答案：构建离线可用的PWA博客需配置manifest.json、注册ServiceWorker并缓存资源。首先添加WebAppManifest定义应用元数据，通过link标签引入；接着在页面注册ServiceWorker（如sw.js）以拦截请求；利用CacheAPI预缓存静态资源，并动态存储文章内容；采用Workbox管理路由和缓存策略，结合静态生成与IndexedDB实现内容持久化；部署时启用HTTPS，设置正确MIME类型，确保更新机制可靠，最终实现离线浏览已访问文章的完整PWA体验。
-
CSS颜色值不区分大小写，包括颜色关键字（如red、RED）、十六进制代码（如#ff0000、#FF0000）和函数形式（如rgb()、hsl()），浏览器均能正确解析，但为保持代码一致性，推荐统一使用小写。
-
100vh在移动端不可靠，因Safari和部分安卓浏览器地址栏动态变化时其值不更新，导致布局异常；推荐用100dvh（配合@supports降级）、flex布局或JS动态设置高度。
-
使用CSS动画结合filter:blur()可实现流畅视觉过渡，如悬停清晰化或淡入效果。通过transition或@keyframes定义模糊到清晰的变化过程，常用于卡片悬停、内容浮现等场景。配合will-change和硬件加速优化性能，避免高值blur在大面积元素滥用，提升交互质感而不影响体验。
-
应将重复的hover效果抽离为公共工具类（如.u-hover-effect），统一设置transition与基础交互行为，再通过组合语义化修饰类（如.btn-primary、.card-lift）实现差异化表现，配合BEM命名与Sassmixin提升可维护性。
-
async/await是基于Promise的语法糖，使异步代码更直观；async函数自动返回Promise，await在async内暂停执行并等待Promise完成，支持错误捕获且不阻塞线程。
-
选择排序是一种时间复杂度恒为O(n²)、空间复杂度为O(1)的原地排序算法，其核心思想是每次从未排序部分选出最小元素并交换至前端，交换次数固定为n-1次，适用于交换成本高的场景，但效率低且不稳定，不适合大规模或部分有序数据。
