-
通过line-height属性设置CSS行间距，可取值为数值、长度单位、百分比或normal；推荐使用无单位数值以确保良好继承性，避免文字重叠并提升响应式设计中的可读性。
-
圣杯布局不能用auto1frauto实现，因auto列内容过长会挤塌中间1fr；须改用fit-content(200px)1frfit-content(200px)，加align-self:start和grid-column:2，并禁用float/absolute。
-
推荐使用LiveServer插件运行HTML文件，安装后右键“OpenwithLiveServer”即可在浏览器中实时预览，支持自动刷新；也可右键文件用系统浏览器直接打开（file://协议），适合临时查看；还可通过终端使用npxserve或npxhttp-server启动本地服务器预览，更贴近真实部署环境。
-
判断当前页面是否为H5跳转而来需依赖发起方主动标识，因document.referrer不可靠；推荐用URL参数（如?from=h5）、sessionStorage（同源有效）或history.state（同域且不刷新）传递来源信息。
-
相对定位元素位移后仍占原文档流位置；其本质是先按正常流占位再基于原位置偏移，top/left等不引发重排，z-index受层叠上下文限制，absolute子元素以relative父元素为containingblock但不受其后续位移影响。
-
:nth-last-child仅匹配父元素的直接子元素，按DOM顺序从后往前计数，所有子节点参与计数（文本/注释节点在旧版Safari中行为不一致），不区分类型；与:nth-last-of-type不同，后者只计同类型元素；参数an+b中b必须为非负整数；它基于结构位置而非视觉位置，无法响应display:none或属性条件，复杂逻辑需JS配合。
-
跨平台JavaScript应用架构需统一技术栈，选型ReactNative、Electron等框架，采用分层设计与模块解耦，抽象通信接口，集成原生能力，实现构建自动化，最大化共用代码，最小化平台差异。
-
答案：HTML5的progress标签通过value和max属性定义进度，可结合JavaScript动态更新并用CSS美化样式，适用于文件上传等场景，兼容IE10+且支持无障碍访问，但度量用途应选用meter标签。
-
text-shadow实现立体感需多层叠加并控制偏移、模糊与颜色渐变：近层小偏移低模糊（如1px1px0.2px#000），远层逐步增大，避免全向右下堆叠致边缘模糊；兼容性上所有模糊值至少写0.1px；性能敏感场景建议≤2层；伪元素方案易错位且语义差，text-shadow更优。
-
max-width:100%失效主因是父容器无宽度约束或被其他样式覆盖；应配合height:auto、检查样式优先级，并区分object-fit用途。
-
必须使用.php扩展名或配置服务器解析HTML中的PHP。将文件重命名为.php并在支持PHP的服务器（如XAMPP）中运行，可直接嵌入PHP代码；通过include可引入其他.php文件；修改Apache或Nginx配置可使.html文件执行PHP；也可用Ajax动态加载PHP输出内容；或通过CGI方式离线生成静态HTML。
-
响应式图片墙布局核心是自适应显示与性能优化，采用CSSGrid创建灵活网格，利用minmax和auto-fit实现自适应列数，通过padding-top保持图片比例防止布局偏移，结合srcset与sizes适配多分辨率屏幕，并使用loading="lazy"提升加载效率，辅以移动端断点调整确保良好体验。
-
用span套内联样式是最直接解法：将整行拆分为语义或视觉可分离的片段，各用span包裹并单独加样式；需设display:inline-block/inline-flex，禁用line-height，动画加will-change:transform，渐变字用background-clip:text+color:transparent，兼容性差时降级为SVG或切图，mix-blend-mode叠加需设父容器背景色及isolation:isolate，避免canvas/SVGtextPath破坏可访问性，注意i
-
WebSocket是基于TCP的全双工通信协议，通过HTTP升级握手建立持久连接，实现高效双向实时通信；前端用原生API，后端需专用服务，实际应用需处理心跳、鉴权、可靠性及连接管理。
-
JavaScript垃圾回收机制通过标记-清除和分代回收策略自动管理内存，但频繁创建对象或内存泄漏会导致GC高频触发或全堆回收，引发页面卡顿、掉帧与响应延迟；开发者应避免不必要的对象创建、及时解绑事件与定时器，并复用对象以降低GC负担，提升性能。
