-
JavaScript数据缓存需按需存储、合理淘汰、安全读写：内存缓存用Map+时间戳+LRU；localStorage需序列化、加版本号、禁存敏感信息；IndexedDB和CacheAPI适用于大容量或离线场景；策略应匹配业务节奏，注重一致性与隔离性。
-
flex:1在含文字列表中无法等宽，因flex-basis:0+flex-shrink:1导致长文本撑开后压缩失衡；可靠方案是flex:00calc(100%/n)配合min-width:0和white-space控制换行或截断。
-
用width/height做加载动画卡顿是因为触发重排，应改用transform:scale()并配合will-change或translateZ(0)提升合成层，确保初始态与0%帧一致，Safari中避免scale(0)改用scale(0.001)，并通过class切换控制启停。
-
HTML5页面跨浏览器兼容性测试需综合使用四类方法：一、在线平台（如BrowserStack）进行多版本实时测试；二、本地部署多浏览器手动验证控制台报错与语义标签解析；三、嵌入API检测脚本动态判断特性支持；四、通过Selenium自动化断言校验核心功能。
-
正确配置viewport和使用标准media查询可解决响应式网页在不同浏览器下的显示差异，确保跨浏览器一致性。
-
q标签不渲染引号的主因是CSSquotes属性未生效或被重置；需确保quotes正确设置、未被none/initial/all:unset覆盖，且提供足够引号对以支持嵌套，老浏览器应改用伪元素硬编码。
-
多行文字和图标底部对齐失效的根源在于align-items作用范围错误；应将图标与文字置于同一grid容器并设align-items:end或baseline，而非在父容器设置后又用align-self冲突。
-
用记事本编写HTML代码并保存为.html文件，选择“所有文件”类型和UTF-8编码，双击即可在浏览器中查看网页效果。
-
npm是Node.js默认包管理器，yarn和pnpm注重性能与确定性，cnpm已被npmmirror.com取代；新手用npm，中大型团队推荐yarn或pnpm。
-
HTML安全检查进度需用JavaScript动态更新progress标签的value值，不可写死在HTML中；应锚定8–12个可自动化判定的具体项，如CSP头、formautocomplete等；前端仅负责静态结构与同源DOM检测，关键项须依赖后端API返回结果。
-
函数声明会被提升，可提前调用；函数表达式不会提升，须定义后调用；箭头函数无this、arguments，不可构造；块级函数声明在严格模式下非法；应据场景选型并重视函数命名。
-
WebWorker可在后台创建独立线程处理计算密集型任务，避免阻塞主线程；通过postMessage通信，无法访问DOM，受限于同源策略与上下文隔离。
-
::backdrop仅在showModal()调用时生效，show()或open属性不创建backdrop层；需用background-color设置遮罩，避免渐变；fixed元素被遮不住因堆叠上下文分离，应将其纳入dialog上下文或改用内部结构。
-
transparent在linear-gradient中不会变黑，但因默认锚定为rgba(0,0,0,0)，与起始色插值易偏暗发灰；应改用同色相rgba(start,0)实现真正透明渐变。
-
CSSModules通过将类名编译为唯一哈希值实现样式局部作用域，解决前端开发中样式冲突与全局污染问题。在Webpack中配置css-loader的modules选项可启用该功能，推荐使用[name]__[local]__[hash:base64:5]格式命名类名。React项目中需将CSS文件命名为.module.css后缀，并通过importstylesfrom'./Component.module.css'导入，JSX中以className={styles.className}绑定。对于需保留全局的
