-
Base64图片在CSS中需用url("data:image/...;base64,...")格式，引号和MIME类型缺一不可；字符串禁换行；大图（>10KB）内联损害性能；注意CSP、Safari兼容性及构建策略。
-
JavaScript前端路由分Hash和History两种实现：Hash利用location.hash和hashchange事件，兼容性好但SEO差；History用pushState/replaceState和popstate事件，URL干净但需服务端配合返回同一HTML。
-
formenctype属性用于在特定提交按钮上覆盖父级表单的编码类型。其核心作用是允许不同提交动作使用不同的编码方式，如application/x-www-form-urlencoded（默认，适合文本）、multipart/form-data（用于文件上传）和text/plain（调试用）。使用时需注意仅适用于submit或image类型的input，且需服务器端配合解析。合理使用可提升表单灵活性，避免冗余代码。
-
虚拟DOM是一种更新策略优化手段，通过内存中轻量级JS对象树比对差异后批量最小化操作真实DOM，避免高频零散DOM操作引发的重排重绘卡顿。
-
使用JSONSchema结合JavaScript可高效验证数据。首先通过ajv库定义schema并编译验证函数，对用户输入、API请求等进行结构化校验，确保类型、格式、必填项等符合要求，提升安全性与一致性。
-
FetchAPI默认不校验HTTP状态码，404/500等仍会resolve，需手动检查response.ok或status；无默认超时、不自动解析JSON、不带凭据，错误处理分网络失败、HTTP异常、解析失败三层。
-
font-size不支持直接transition动画，需用rem+CSS自定义属性或transform:scale()实现可控过渡；JavaScript动态修改时须用getComputedStyle强制触发。
-
用display:flex实现导航水平居中且等宽，需父容器设justify-content:center、子项设flex:1并显式声明min-width:0防Safari错位，配合white-space:nowrap避免换行。
-
CSScolor属性仅控制可继承的文本颜色，无法统一全局色调；真正实现需通过:root定义CSS变量（如--color-text）并显式引用，同时兼顾background-color、border-color等多属性协同。
-
HTML中给链接加UTM参数直接在标签href属性中拼接，起始用?，后续用&连接，参数名如utm_source等须小写且编码值，常见错误是&符号未转义或目标站未正确配置GA统计。
-
for循环适用于已知执行次数的场景，需正确配合初始化、条件判断和更新三部分，常见错误是条件或更新缺失导致死循环或漏执行。
-
异步组件与按需引入协同工作：前者解决运行时动态加载，后者实现构建时代码裁剪；二者结合可显著降低首屏体积、提升性能。
-
使用SemanticUI的data-tooltip和data-position属性可快速创建弹出提示；2.通过JavaScript初始化popup并设置on:'manual'实现手动控制显示与隐藏；3.支持添加inverted、basic类及data-variation调整样式与尺寸；4.需确保正确引入CSS与JS文件，注意z-index层级和移动端点击触发适配。
-
首先确认HTML文件是否以.html为扩展名并用UTF-8编码保存，1、检查文件命名是否规范且无特殊字符；2、验证代码包含<!DOCTYPEhtml>及完整的<html><head><body>结构；3、确保所有标签正确闭合且嵌套合法；4、通过右键选择浏览器打开或拖入窗口方式运行；5、使用W3C工具检测语法错误；6、创建最小测试页验证环境，若test.html可运行则原代码需排查内容错误。
-
HTML5结构标签无默认样式，仅具语义功能；需CSS显式定义样式，旧版IE需shiv支持；推荐结合类名使用以保障复用性与隔离性；误用会破坏语义，响应式中应以语义锚点协同媒体查询。
