-
import和export是ES6引入的模块化语法，用于封装复用代码；export支持命名导出（多个、需原名导入）和默认导出（一个、可自定义名），import需对应语法且路径须带扩展名。
-
应拦截表单默认提交并手动发送请求，同时输入时存入localStorage、页面加载时回填，提交成功后清除缓存；动态字段需确保DOM存在且有name属性，并同步更新存储键值。
-
惰性加载的核心是推迟非首屏资源加载至用户需要时：原生支持loading="lazy"；JS推荐IntersectionObserver监听视口；动态import实现代码分割；需配合占位、加载态与预加载优化体验。
-
用grid-template-columns:repeat(auto-fit,minmax(100px,1fr))+gap实现等宽步骤指示器最稳妥，自动适配步数变化；连接线用容器伪元素+inset-block:50%居中绘制；IE11降级用inline-block+text-align:justify配合隐藏::after撑开。
-
选择排序是一种时间复杂度恒为O(n²)、空间复杂度为O(1)的原地排序算法，其核心思想是每次从未排序部分选出最小元素并交换至前端，交换次数固定为n-1次，适用于交换成本高的场景，但效率低且不稳定，不适合大规模或部分有序数据。
-
Flexgap属性在Chrome84+、Firefox63+、Safari14.1+中真正支持，旧版Safari（如13.x）会静默忽略；IE完全不支持，需用margin等手动模拟。
-
iOS原生App嵌入HTML5页面需用WKWebView安全加载本地或远程资源，正确配置allowingReadAccessTo、使用loadFileURL、规范JS与原生通信机制，并确保资源路径与权限匹配。
-
在JSX中无法直接写if-else语句，但可通过三元运算符或逻辑与运算符动态绑定style或className，实现基于props的样式条件渲染，既简洁又符合React声明式原则。
-
inline-block元素间空隙是换行符和空格被渲染为文本节点所致；float可消除间隙但需处理清除浮动、高度塌陷、box-sizing及图片留白等问题，且存在语义断裂与兼容性隐性代价。
-
flex-direction:column时子元素垂直居中需用justify-content:center；默认row方向下align-items:center才生效；多行文字居中受字体度量和浏览器渲染差异影响。
-
HTML轮播的自动播放完全由JavaScript控制，autoplay属性仅对video/audio有效，对轮播容器无效；稳定实现需用setTimeout递归+transitionend监听，并原子化管理索引、定时器和DOM状态。
-
最核心的技术是WebGL，通过HTML5的canvas结合JavaScript使用WebGLAPI渲染3D图形。首先创建包含canvas的HTML页面，获取WebGL上下文，编写GLSL着色器定义顶点位置与颜色，编译着色器并链接成程序，接着设置顶点缓冲区传入三角形坐标和颜色数据，引入gl-matrix库创建投影和模型视图矩阵实现3D视角与旋转动画，最后在绘制函数中绑定缓冲区、启用属性指针、传递矩阵并调用drawArrays绘制三角形，通过requestAnimationFrame循环渲染实现持续旋转。整个
-
HTML5的placeholder不支持密码提示语义化定制，应改用aria-describedby+独立提示区块实现可访问、可动态更新的引导方案。
-
Vue自定义事件必须用kebab-case命名且避开原生事件名，如user-created；禁用userCreated、click等；推荐加业务前缀如form:validated；setup中可用safeEmit校验。
-
HTML5本身不报错，所谓“报错”实为JS执行错误、资源加载失败（如404）或HTML语法容错导致的语义异常；排查应聚焦ChromeDevTools的Console和Network面板，结合上下文判断是否影响功能，并注意路径大小写、相对路径基准及服务器环境差异。
