-
Tailwind的响应式前缀是预设媒体查询的原子类，非运行时JS判断；自定义断点须在配置中声明，否则不生成CSS；多断点类互不覆盖，因作用于不同@media范围；混用min/max-width会导致断点空隙或重叠。
-
HTML5可视化编辑器默认不支持版本回溯，需额外构建快照系统：在保存等关键节点序列化状态（如GrapesJS用toJSON+getCss），服务端存储带versionId和timestamp的版本，前端还原时须替换状态并重渲染而非简单innerHTML。
-
Android4.4WebView滚动文字掉帧主因是渲染线程无法稳定提交transform帧至GPU，尤其受box-shadow、border-radius等触发软件渲染；应使用translateZ(0)强制硬件加速并精简样式，降级时用setInterval+scrollLeft替代requestAnimationFrame，辅以UA与特性检测自动切换策略。
-
opacity渐隐渐现卡顿的主因是未启用硬件加速、混用触发布局属性、动画参数不当、交互控制错误及隐式重排；应加will-change:opacity、避免filter等高开销属性、设时长0.25s~0.4s配ease-in-out、用visibility:hidden替代display:none、禁用JS直接改style.opacity、确保元素尺寸固定并用DevTools检测绘制性能。
-
JavaScript控制音视频需遵循浏览器策略：play()须由用户手势触发，autoplay仅静音时有效；volume需在loadedmetadata后设置，muted可随时设；关键状态用playing而非play判断；跨域需服务端配CORS或设crossorigin属性。
-
UtilityClasses是CSS作用域失控时的止损方案，非开发捷径；应限于组件内部或临时排版，禁用!important前缀类，响应式工具需手动启用，断点前缀须严格按xs顺序。
-
保持依赖更新并审查第三方模块，使用npmaudit和snyk扫描漏洞，锁定版本防止恶意更新；2.配置Express安全头部，移除x-powered-by，启用helmet、请求限制和速率控制；3.严格验证输入，使用Joi等工具防范SQL/NoSQL注入和XSS攻击；4.通过.env管理敏感信息，避免硬编码，生产环境使用系统变量，日志不记录密钥。
-
判断JavaScript对象是否为空可以使用以下两种方法：1.isEmpty(obj)：使用Object.keys(obj).length===0，适用于需要简洁和可读性的场景。2.isEmptyFast(obj)：使用for...in循环和hasOwnProperty，适用于需要高性能和处理大型对象的场景。这两种方法各有优劣，选择时需考虑具体需求和性能。
-
Chrome和Edge强制将小于12px的font-size提升至12px以保障可访问性，Firefox无此限制但受用户级最小字号设置影响；可通过transform:scale()、SVG文字或图片替代等方法绕过，需注意布局补偿与兼容性。
-
Word不支持HTML渲染，<img>标签粘贴后仅显示为文本或空白；仅部分新版桌面版可通过剪贴板富文本协议解析Base64图片（≤2MB），Web版完全忽略HTML图片标签。
-
使用WebComponents可实现HTML组件化开发。1.通过CustomElements创建自定义标签如<user-card>，结合ShadowDOM隔离样式与结构；2.利用<template>定义可复用模板，配合JavaScript动态渲染；3.使用JS加载外部HTML片段实现静态复用；4.支持属性传值与Slot插槽进行内容分发。该方案无需框架依赖，适合轻量化项目。
-
使用Flexbox可高效实现复杂导航布局，尤其适用于响应式设计。通过设置nav为display:flex，可灵活控制对齐、方向与空间分配，轻松构建含多级菜单、居中标志及两侧按钮的导航结构。
-
JavaScript水印需动态创建透明覆盖层并多重防护：Canvas绘制防DOM删除，MutationObserver监听恢复，多实例+动态内容增强鲁棒性，调试干扰提升分析成本，本质是溯源威慑而非绝对安全。
-
使用Flexbox和Grid结合媒体查询可实现响应式按钮排列。通过flex-wrap换行、minmax设置最小宽度及auto-fit自动填充，配合@media控制断点布局，使按钮在不同屏幕尺寸下自动调整为横向或纵向排列，保持良好视觉与操作体验。
-
JavaScript无法直接读取本地文件，需用户主动选择文件后通过FileAPI（如<inputtype="file">或拖放事件获取File对象，再用FileReader异步读取）。
