可通过局域网服务器、编辑器实时预览、文件传输或在线平台实现HTML页面在移动设备运行。首先推荐使用Python启动本地服务器，确保手机与电脑在同一Wi-Fi下，通过电脑IP加端口号在手机浏览器访问；其次可用VSCode配合LiveServer插件实现热更新预览；也可将HTML文件直接传至手机用浏览器打开；最后可借助CodePen等在线平台生成二维码扫码查看，四种方法均能高效完成真机测试。

建造者模式通过链式调用解决多参数对象创建的复杂性，提升可读性和维护性。例如，构建含姓名、年龄、角色等可选字段的User对象时，使用set方法逐步配置并返回this，最后调用build()生成实例，支持灵活扩展与校验，适用于构造逻辑复杂或需流畅语法的场景。

transform:scale()不触发重排，只触发重绘和合成；缩放不改变元素几何尺寸，但影响视觉呈现、溢出裁剪及阴影/圆角等效果。

HTML5元素隐藏有六种方法：一、hidden属性（移除渲染树）；二、CSSdisplay:none（不占布局）；三、visibility:hidden（占位但不可见）；四、opacity+transform（视觉隐藏且可交互）；五、aria-hidden配合视觉隐藏类（兼顾无障碍）；六、data属性+JavaScript条件渲染（动态DOM控制）。

React中应使用DOMParser解析XML字符串再递归生成JSX元素，以安全保留结构、属性和命名空间；需捕获parsererror错误，并区分ELEMENT_NODE与TEXT_NODE处理。

解构赋值是JavaScript中从数组或对象提取值并赋给变量的简洁语法，支持对象属性提取（含重命名、默认值）、数组按位置取值（含跳过、剩余元素收集）、函数参数解构及嵌套解构，默认值可防报错。

实现HTML响应式网站需五步：一、语义化HTML结构与视口设置；二、流体网格与相对单位布局；三、移动优先的媒体查询；四、响应式图像处理；五、Flexbox与Grid布局结合。

px和em的区别在于：px是绝对单位，固定不变；em是相对单位，基于当前元素的字体大小。1.px用于精确控制布局，如电商网站的产品详情页。2.em提供灵活性，如博客网站的文章排版。3.混合使用px和em可兼顾精确控制和灵活性。

使用CSSGrid定义容器布局，auto-fit与minmax实现自适应列宽；2.Flexbox用于卡片内部，确保内容垂直排列、按钮对齐底部；3.配合媒体查询优化不同屏幕尺寸下的显示效果，提升可读性与操作体验。

autofocus仅在元素初始渲染且处于可见文档流中时生效，动态插入、隐藏容器或框架重渲染会导致失效，需结合DOM状态与时机手动聚焦。

JavaScript装饰器尚未标准化，原生引擎不支持@语法，直接运行报SyntaxError；需Babel或TS编译，且各方案参数、行为差异大，执行时机在类定义阶段。

JavaScript日期格式化首选Intl.DateTimeFormat，因其支持国际化、自定义选项丰富且性能佳；对于特殊格式需求可手动拼接，解析日期字符串时应优先使用ISO8601标准格式以确保兼容性和时区正确性。

CSS的display属性通过定义元素的显示方式来控制网页布局。1.block元素独占一行，可设置宽高，默认如div、p等；2.inline元素不独占行，宽高由内容决定，如span、a；3.inline-block兼具block和inline特性，可并排显示且能设尺寸；4.none隐藏元素且不占空间；5.visibility:hidden仅视觉隐藏但保留布局空间；6.flex用于一维弹性布局，擅长对齐与分布空间；7.grid用于二维网格布局，可精准控制行列结构。这些值共同构成了现代CSS布局的核心体系。

定位元素的布局受父元素影响，关键在于包含块和已定位祖先。1.包含块由最近的已定位（relative、absolute、fixed、sticky）祖先决定，若无则相对根元素。2.父元素设为relative可作为子元素定位参考，不脱离文档流。3.absolute元素脱离文档流，相对于最近的非static定位祖先定位，偏移从内容区或border-box计算。4.fixed元素相对视口定位，通常不受父级影响；sticky元素依赖父容器滚动生效，需足够高度触发粘性。掌握这些机制可实现精准布局控制。

SSR通过服务器端直接生成完整HTML实现首屏直出，提升SEO索引率78%、LCP减少40%，并支持动态元信息与语义化标签，主流方案包括Next.js、Nuxt.js及自建Express渲染。