-
使用HTML编辑器的实时预览功能可即时查看代码效果。1、选择支持该功能的编辑器如VSCode+LiveServer或在线平台如CodePen；2、编写包含基本结构的HTML文件；3、启用预览模式并实时观察修改效果。对于无自动刷新的编辑器，可通过Python启动本地服务器，在浏览器访问localhost查看，需手动刷新；也可使用JSFiddle等在线平台实现动态渲染与分享。
-
服务端渲染（SSR）指服务器在响应请求时动态生成含真实内容的完整HTML并返回浏览器，由服务器完成首次渲染，浏览器再通过hydrate激活交互能力。
-
HTML中<h1>至<h6>是语义层级标记而非字号开关，须按内容逻辑严格嵌套（h1→h2→h3…），禁止跳级或滥用；现代实践推荐单个<h1>表页面主旨，配合<section>和<article>实现正确层级解析。
-
JavaScript字符串操作方法均不修改原字符串，而是返回新值：包括查找（indexOf、includes）、截取（slice）、大小写转换（toLowerCase）、去空格（trim）、分割拼接（split/join）、替换（replace/replaceAll）等。
-
阴影过重主因是使用不透明纯色，应改用带alpha通道的rgba值（如rgba(0,0,0,0.15)），并配合调整模糊半径、偏移量及颜色倾向以增强自然感和界面呼吸感。
-
float让父容器高度为0是因为其脱离文档流，父容器计算高度时忽略浮动子元素；正确清除需在浮动后添加处于文档流中的块级元素，或使用display:flow-root创建BFC。
-
纯CSS无法直接过渡渐变背景，需用伪元素配合opacity、background-position或transform等可过渡属性模拟动画效果。
-
答案：transition与border-radius结合可实现圆角平滑动画。通过设置transition属性，使元素在状态变化时圆角值过渡自然，如按钮悬停变圆形。需注意单位一致以确保动画流畅，避免使用all过渡以防性能问题，可结合transform、box-shadow等增强效果，且应保持overflow:hidden防止内容溢出，现代浏览器普遍支持，但旧版本可能对混合单位插值不佳。
-
HTML5<template>不支持递归渲染，因其仅为惰性容器，不解析、不执行、不绑定数据；需手动用JS实现递归克隆、填充与挂载逻辑。
-
最稳方案是原生<video>标签：必加controls和playsinline，MP4H.264编码（baseline/level3.0），分辨率≤1280×720，微信/QQ需额外加x5-video-player-type等四属性。
-
伪元素::before无法在td上显示内容，因td是替换元素且默认display:table-cell，不支持生成内容；应改用data-label+::before在小屏下实现标题显示。
-
opacity+transform动画更流畅，因transform触发GPU合成层加速，避免重绘；需配合不改变视觉的transform（如translateZ(0)）并避免触发布局的属性。
-
本文讲解如何将JSON文件中存储的类型名称字符串（如"number"、"string"）安全、准确地映射为对应的JavaScript原生构造函数或类型标识，从而在运行时动态创建实例或执行类型相关逻辑。
-
直接用rounded类不能全局统一按钮圆角，因为它是原子类，需手动为每个按钮添加如rounded-md；推荐用@layercomponents定义.btn统一应用rounded-lg，兼顾可维护性与优先级。
-
Safari旧版本（iOS12.2及更早、macOSMojave及更早）中position:sticky完全不生效，非前缀可修复；可靠支持始于Safari13.1（iOS13.4），此前需JSfallback并注意overflow截断、fixed偏移及兼容性验证。
