-
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控制断点布局，使按钮在不同屏幕尺寸下自动调整为横向或纵向排列，保持良好视觉与操作体验。
-
Vue组件中data与props属性同名易致监听混淆。本文将解析Vue属性合并机制，强调避免同名最佳实践。通过CompositionAPI的watch函数，可精确区分并监听data或props中同名属性的变更。同时，推荐利用setup函数优化组件状态管理，从根本上解决命名冲突，提升代码清晰度与可维护性。
-
单例模式确保类唯一实例，工厂模式封装对象创建，观察者模式实现事件订阅，结合SOLID原则提升代码可维护性，通过模块化分层架构实现清晰职责划分，合理应用设计模式与架构原则可构建高效、可扩展的前端应用。
-
正确处理JSON数据需兼顾错误处理与性能优化。首先使用try...catch封装JSON.parse()以捕获语法错误，并校验空值；序列化时通过replacer函数处理函数、Map等特殊类型，避免数据丢失；针对循环引用可采用第三方库或手动清理；性能方面建议缓存解析结果、使用structuredClone()深拷贝、分块处理大文件并启用Gzip压缩；复杂场景推荐fast-json-stringify、ajv等工具提升效率与安全性。
-
使用:has()伪类可直接匹配包含特定子元素的父元素，如div:has(p)选中包含p的div；传统选择器无法向上匹配父级，需依赖JavaScript或HTML类名替代方案。
-
分页组件高亮动画的常见实现是通过CSStransition和@keyframes，结合:hover与.active类，利用transform、opacity等高性能属性实现背景色渐变、下划线滑动、边框变化等视觉反馈，提升状态识别与交互流畅性；为兼顾性能与体验，应优先使用GPU加速属性，控制动画时长在0.3秒左右，采用ease-out缓动，避免过度动画，并通过伪元素创造丰富效果，同时尊重prefers-reduced-motion以保障可访问性。
-
:link和:visited是用于设置未访问和已访问链接样式的CSS伪类，通过不同颜色区分链接状态，提升导航可读性；:link设置未点击链接样式，如蓝色文字，:visited设置已访问链接为灰色等柔和颜色，受隐私限制仅允许修改部分样式属性；两者常与:hover、:active按LVHA顺序配合使用，确保状态样式正确叠加，使用户清晰识别浏览历史，增强界面交互体验。
-
position属性有static、relative、absolute、fixed、sticky五种类型，分别用于控制元素在文档流中的定位方式；z-index则决定非static定位元素的堆叠层级，但受堆叠上下文限制，不同上下文中高z-index元素可能仍被低z-index元素覆盖。
-
本文详细介绍了如何使用JavaScript和浏览器本地存储（localStorage）实现一个在24小时内（或每日）只能点击一次的按钮。通过记录上次点击的日期或时间戳，并在页面加载时及点击后更新按钮状态，确保用户无法在指定时间段内重复触发按钮功能，有效防止重复操作。
-
使用relative与absolute定位可实现子元素相对于父容器的精确布局。首先将父元素设置为position:relative，使其成为定位基准且不脱离文档流；再将子元素设为position:absolute，并通过top、left等属性相对于父元素定位。该方法常用于模态框、角标、下拉菜单及居中布局。需注意：若无已定位祖先，absolute元素会相对视口定位；其脱离文档流可能覆盖内容，需用z-index管理层级；父元素应有明确尺寸以避免高度塌陷。掌握“已定位祖先”概念是关键。
