-
video默认display:inline导致右侧幽灵空白，根本解法是设display:block；flex中需加flex-shrink:0或flex:00auto；务必移除width/heightHTML属性，改用CSS的max-width:100%+height:auto。
-
横向虚拟滚动需用固定宽外层容器+flex内层列表，通过translateX偏移实现；计算可视范围时以容器边界为准，结合拖拽交互、懒加载和响应式重算。
-
前端组件化通过模块系统、框架组件、WebComponents和Hook等方案提升复用性与开发效率，适用于不同场景。1.ESModules/CommonJS用于逻辑复用，如封装API请求；2.React/Vue等框架支持UI与逻辑封装，实现高内聚组件；3.WebComponents提供跨框架原生组件能力，适合设计系统；4.函数式与Hook模式提取可复用状态逻辑，如防抖提交。方案选择需根据项目规模、技术栈和协作需求，核心是保持接口清晰、职责单一，以最大化复用价值。
-
表单拆分需以集中状态管理（如formData对象）为核心，统一通过updateField更新、localStorage持久化（配合beforeunload）、跨步骤校验，并用FormData手动聚合多表单数据，禁用formdata事件依赖。
-
CSS变量管理主题色是最灵活易维护的方案，通过语义化命名（如--color-primary）、全局定义、组件引用、多主题切换（class或JS控制）、fallback默认值及局部重写实现高效主题管理。
-
轮播图需手动绑定keydown事件监听ArrowLeft/ArrowRight键，容器必须设tabindex="0"以获取焦点，同时调用preventDefault()防止页面滚动；空格键可增强兼容性，移动端应通过用户交互后启用键盘控制。
-
HTMLOG标签本身不会导致社交分享失败，但写错、漏写、缓存未更新或服务端未正确返回会导致平台抓取空白/错误卡片；OG标签须在<head>中由服务端直出，JS动态注入无效；微信需JS-SDK配置且图片必须为绝对URL。
-
align-items:stretch默认生效，但常因子元素height/min-height设置、box-sizing为content-box、内部flex未设height:100%、图片未约束、跨行span或align-self覆盖等原因导致视觉不齐，需综合调整。
-
capture属性在移动端可调用摄像头，但仅限特定场景且高度依赖浏览器实现；现代AndroidChrome、Safari（iOS16.4+）支持capture="environment"或capture="user"触发原生相机界面，而旧版iOS、微信内置浏览器等多数不支持。
-
推荐五类HTML编辑器：一、代码型（如VSCode、SublimeText、Notepad++）；二、富文本型（如壹伴、135、有一云）；三、可视化构建型（如Webflow、WixADI、LynxAI）；四、国产特色型（如HBuilder、TraeIDE、UEditor）；五、在线轻量型（如CodeCraftStudio、DevPlayground、即时设计插件）。
-
动态模糊本质是Canvas帧间像素混合，非CSSfilter：通过每帧以透明度叠加历史帧模拟拖影，CSSblur()仅为静态高斯模糊；核心三步为设globalAlpha、drawImage自身、再绘新内容，禁用clearRect全清屏。
-
作用域决定变量和函数在代码中哪些地方能被访问，核心是“定义之后谁找得到它”；JavaScript通过词法分析预建作用域链，与运行时调用和this无关；var具有函数作用域和变量提升（声明提升、赋值不提升），无块级作用域；let/const具有块级作用域和暂时性死区（TDZ）；ESM模块作用域完全隔离，顶层声明不挂载全局，未export不可访问。
-
元素无法移动通常因CSS定位不当、JavaScript事件未正确绑定或父容器限制导致。首先应确保元素设置position为relative、absolute或fixed，并移除pointer-events:none等禁用交互的样式；其次检查JavaScript是否在DOM加载后绑定mousedown、mousemove等事件，且无语法错误；还需排查父元素的overflow:hidden或transform属性对子元素的限制影响；若使用HTML5拖放API，需设置draggable="true"并正确实现d
-
在可视化编辑器中无法直接添加事件监听，需通过自定义HTML组件插入script代码绑定事件，优先使用DOMContentLoaded确保元素已渲染，并用id或自定义data属性定位元素，避免依赖工具生成的哈希class。
-
本文详解如何通过jQuery实现基于主分类（category）动态筛选子分类（subcategory）的下拉联动，并确保<select>表单提交时能同时携带categoryID和subcategoryvalue，解决因误用$(this).data()导致子选项无法正确加载的问题。
