-
try...catch仅捕获运行时错误，无法捕获语法错误；catch参数必须是单个标识符；finally中return会覆盖try/catch的返回值；异步错误须用await或.catch()捕获。
-
需将视频转为MP4容器、H.264视频编码与AAC音频编码组合；可用FFmpeg命令行（含faststart优化）、HandBrake图形工具（选预设并启用WebOptimized）或CloudConvert在线服务（启用Optimizeforwebstreaming）实现。
-
本文讲解如何在映射嵌套对象时，动态判断并仅在可选字段存在时将其添加到目标对象中，避免undefined错误，同时完成键名重映射与结构重组。
-
本文详解在使用DataTables（尤其是服务端分页模式）时，为何pageLength:5失效，并提供可立即生效的配置方案，包括关键参数组合、常见陷阱及完整可运行示例。
-
HTML空格字符非响应式，需用CSS的margin、padding、gap或ch/em/rem单位实现响应式间距；语义空格应结合white-space和clamp()控制；布局空格必须转为CSS处理。
-
PSD转HTML5有四种方法：一、Photoshop切片导出旧版HTML，兼容性差；二、用Avocode等插件智能生成语义化代码；三、通过PSD2HTML等在线平台云端转换；四、手动切图+手写HTML5/CSS3，最规范可控。
-
flex容器高度不生效主因是父容器未提供有效高度约束，需逐级确保html、body及各层父容器有明确高度（如height:100vh），并注意align-items对视觉效果的影响。
-
单页应用通过前端路由实现无刷新导航，核心是利用JavaScript监听URL变化并动态渲染视图。前端路由基于两种模式：Hash模式通过监听hashchange事件，利用#后内容切换视图，兼容性好但URL不美观；History模式使用pushState和popstate实现更干净的URL，需服务器配置支持。简易实现可监听load和popstate事件，根据路径渲染对应内容。现代框架如React、Vue提供成熟路由库，封装底层逻辑，支持声明式、嵌套路由等高级功能，提升开发效率。
-
掌握CSS居中需根据元素类型选择方法：块级元素设width和margin:0auto实现水平居中；行内或行内块元素在父容器用text-align:center；单行文本通过line-height等于容器高度垂直居中；推荐使用Flex布局，通过display:flex、justify-content:center和align-items:center实现任意元素水平垂直居中，适用性广且灵活。
-
SVG替代Canvas动画可显著减小体积，因其为可gzip高效压缩的矢量文本，且缩放无损；实操建议优先用SVG+CSS或WebAnimationsAPI实现图标、转场等动效，并避免内嵌未压缩Base64图片。
-
CSS未生效的五大原因：①preload/prefetch未配合JS注入导致白屏；②media属性不匹配使样式被屏蔽；③link标签误加defer/async属性无效且危险；④服务器未返回text/cssMIME类型；⑤构建工具配置错误混淆script与style处理逻辑。
-
eval是JavaScript中高危函数，将字符串作为代码执行，易导致XSS、性能差、调试难、作用域混乱；应禁用，改用JSON.parse、方括号访问、Reflect.apply等安全替代方案。
-
输入框获得焦点时样式不生效，需确保元素可聚焦（如加tabindex）、正确使用:focus伪类、避免:focus-visible误用，并注意outline覆盖、移动端兼容性及焦点被抢占问题。
-
懒加载的核心目的是提升网页初始加载速度和用户体验，减少不必要的资源消耗，其最推荐的实现方式是结合HTML的loading="lazy"属性和JavaScript的IntersectionObserverAPI。对于图片和iframe，可直接使用原生loading="lazy"实现高效懒加载；对于背景图、视频、自定义组件等复杂场景，则应采用IntersectionObserverAPI异步监听元素进入视口的时机，动态加载资源，避免主线程阻塞。懒加载解决了传统全量加载导致的首屏渲染慢、带宽浪费、服务器压力大等
-
<p>HTML5注释不支持多语言语法，仅用<!---->包裹纯文本；所谓“多语言注释”靠前缀如zh:、js:等人工约定实现，需统一格式、空格分隔，并配合工具提取校验。</p>
