-
通过JavaScript控制:invalid样式仅在提交触发后生效，避免页面加载时误标空字段为无效，实现精准、用户友好的表单验证反馈。
-
JavaScript日志与错误跟踪需规范console用法、组合全局捕获机制、结构化上报关键字段、配Sourcemap提升可读性，并将日志视为可观测性产品设计。
-
HTML5网页发布需确保路径正确、MIME类型准确、入口文件命名为index.html；迁移时注意大小写敏感、CORS配置和重定向规则差异；资源优先本地化，避免CDN单点故障。
-
模板字符串是JavaScript唯一原生支持表达式嵌入、多行书写和结构化插值的字符串语法，用反引号定义，核心价值在于解决拼HTML、SQL、防XSS、i18n、日志格式化等真实痛点。
-
box-shadow比border更可靠，因其提供独立视觉浮层且不占布局空间；需配合border-radius使用，响应式中应降级参数强度，并控制rgba透明度在0.03–0.12间。
-
JavaScript框架是解决复杂交互与状态管理的工具，React/Vue通过声明式语法显式定义“状态→视图”映射，自动追踪依赖、批量更新；useState驱动UI更新，useRef保存不触发渲染的可变值；框架带来可控性，也要求遵守其规则以避免竞态等问题。
-
CSS全局生效因无作用域，import仅触发加载注入head；路由隔离需useEffect动态增删link并加data-route标识；构建阶段须禁用CSS合并，优先用CSSModules避免样式冲突。
-
斜杠在HTML5中无需转义，可直接使用；但在URL、路径或自闭合标签中需注意语法规范，如反斜杠在JS中要双写，而<、>、&、"、'等字符需用实体编码避免解析错误。
-
CSSHoudini通过多个API让JavaScript直接操作浏览器渲染引擎，实现更灵活的样式控制。1.CustomPropertiesandValuesAPI支持定义带类型的CSS变量并进行动画；2.TypedOMAPI提供带单位的数值对象，提升性能和安全性；3.CSSParserAPI允许自定义CSS解析规则；4.PaintAPI通过PaintWorklet实现自定义绘制效果，如棋盘格背景；5.AnimationWorkletAPI创建高性能线程级动画；6.LayoutAPI自定义布局算法，如瀑布流
-
JavaScript用数组可高效模拟栈（LIFO，push/pop）和队列（FIFO，push/shift），但shift性能较差；可封装成Stack/Queue类提升语义化与复用性。
-
height设为auto时无法过渡，因auto非具体数值，浏览器无法插值；应改用max-height配合overflow:hidden实现过渡。
-
纯CSS实现响应式表格最稳妥的方式是用overflow-x:auto容器包裹table并设display:block，配合table-layout:fixed和百分比列宽；小屏时建议改用display:block模拟表格结构。
-
wkhtmltopdf、Chrome/EdgeHeadless、weasyprint均可离线转HTML为PDF，前提是HTML及所有依赖（CSS、JS、字体、图片）均为本地资源且路径正确，禁用远程引用与动态网络请求。
-
事件委托适用于大量动态增删元素的场景，通过在父容器绑定事件并利用冒泡和e.target.closest()精准捕获目标，避免重复绑定、内存泄漏及重绘时的逻辑耦合。
-
单行文本溢出显示省略号需设置white-space:nowrap、overflow:hidden和text-overflow:ellipsis，并确保容器有固定宽度；多行省略则使用display:-webkit-box、-webkit-line-clamp和-webkit-box-orient:vertical，配合overflow:hidden实现，但需注意浏览器兼容性。
