-
伪元素默认为inline，不支持宽高及上下margin，需设display:block或inline-block才生效；content属性必不可少；定位时需配合position且父元素设relative；还需排查overflow、样式覆盖及透明度干扰。
-
HTML5是网页开发必备核心技术，需系统学习五方面：一、语义化文档结构；二、增强型表单功能；三、原生音视频嵌入；四、DOM操作与事件处理；五、Canvas图形绘制。
-
使用横向滚动容器、媒体查询调整布局、转换为卡片式布局及CSS显示属性控制是实现响应式表格的关键方法，确保小屏下内容清晰可读。
-
async函数中维护缓存一致性的核心策略包括：1.理解异步并发特性，避免因交错执行导致的数据不一致；2.采用写穿透、写回或缓存失效等策略，根据一致性需求选择合适方案；3.引入版本控制或乐观锁，防止并发更新冲突；4.使用消息队列或事件总线解耦数据变更与缓存更新；5.结合分布式锁确保关键操作的原子性。async函数因并发性和状态不可预测性使缓存一致性更复杂，需通过上述策略在性能、一致性和复杂性间取得平衡。
-
图文混排结构不清晰的核心在于语义与布局缺乏分层，应通过列区域拆分内容层级，用语义化容器（如<section><aside><article>）明确区块边界，再以CSSGrid/Flex理顺内部图文关系，并统一间距、对齐与视觉锚点。
-
使用grid-auto-flow:row可实现按钮自动按行排列，结合grid-template-columns和minmax()能创建响应式多行按钮布局，适配不同屏幕尺寸。
-
关键在于用带透明度的linear-gradient叠加半透色而非纯色，如rgba(0,0,0,0.4)，透明度宜选0.2–0.6；可依图文位置设方向渐变，配合background-blend-mode（如multiply）及background-size:cover等确保融合自然。
-
视觉居中但布局异常通常由绝对定位脱离文档流或盒模型计算偏差导致，推荐用Flex或Grid实现真正居中，同时检查宽度、定位、盒模型及样式覆盖问题。
-
JavaScript操作JSON核心是JSON.stringify()和JSON.parse()，前者序列化对象为字符串，后者解析字符串为对象；对Date需reviver还原，循环引用需replacer规避或用第三方库，Map/Set等需手动转换，解析须try/catch容错。
-
缩放与旋转无法同时播放是因多个transform被覆盖，需将scale和rotate写入同一animation的transform中，如：transform:scale(1)rotate(0deg)；或通过父子元素分离实现独立动画控制。
-
解构赋值解决了属性提取繁琐、代码冗余的问题，提升了可读性和维护性。1.它允许从对象或数组中直接提取数据并赋值给变量，避免重复书写属性访问代码；2.支持重命名、设置默认值、嵌套提取、结合剩余操作符、函数参数解构等高级用法；3.在处理API响应、配置对象时尤为高效；4.常见注意事项包括：默认值仅对undefined生效、不能解构非对象类型、深层嵌套影响可读性；5.性能与传统方式差异极小，不影响实际使用。
-
装饰器是JavaScript中用于修改类、方法等行为的语法特性，本质为声明式函数，需Babel或TypeScript支持；可用于日志、权限校验等场景，分装饰器类型及执行顺序需注意兼容性。
-
通过REST接口暴露配置，前端JS可获取SpringBoot配置信息。1.使用@ConfigurationProperties绑定配置类，并通过@RestController提供/config接口返回配置；2.前端在DOMContentLoaded时用fetch请求该接口，动态设置UI模式和全局变量；3.仅暴露非敏感配置如功能开关、API地址，避免泄露数据库密码等信息，生产环境启用缓存优化性能；4.可选构建时通过Thymeleaf模板注入配置，减少运行时请求。需注意权限控制与配置脱敏。
-
利用CSSMediaQueries可根据设备特性调整颜色；2.prefers-color-scheme实现深浅色主题自动切换；3.prefers-contrast适配不同光照环境的对比度需求；4.print媒体查询优化打印时的颜色与内容呈现；5.color-gamut为宽色域设备提供更鲜艳色彩；6.合理适配可提升可读性与用户体验。
-
JavaScript缓存核心是存得准、取得快、不过期：内存用Map实现O(1)查找，HTTP协同原生缓存与ServiceWorker，本地存储按需选localStorage或IndexedDB，并配TTL/LRU失效策略防雪崩。
