-
JavaScript模块化有ES6（静态、活绑定、编译时加载）和CommonJS（动态、值拷贝、运行时加载）两大体系，二者在加载时机、导出机制、循环依赖处理及环境支持上存在本质差异。
-
本文详解如何在单元测试中确保useEffect触发的状态更新和组件重渲染完成后再执行断言，避免因异步时机问题导致测试失败。核心方案是使用act()包裹渲染逻辑，或采用更现代的@testing-library/react配合waitFor。
-
visibility:hidden使<select>隐藏但保留布局空间且仍可聚焦操作；display:none则彻底移除、不占位且禁交互；需禁交互时应配合disabled或pointer-events:none，或直接使用hidden属性。
-
使用background-clip和伪元素可实现渐变边框效果，配合协调的文字颜色提升视觉统一性与界面活力。
-
GoogleIdentityServices（GIS）SDK突然报错._$e，通常源于renderButton配置项width类型变更——从字符串强制改为数字类型，需将'200'改为200，否则触发静默失败。
-
Ace编辑器默认不依赖ID名称，但常见错误是误以为只能用ID="editor"；实际上只需为每个编辑器传入唯一DOM元素或null（由Ace自动创建容器），再手动挂载即可实现多实例共存。
-
应优先用in、typeof或CSS.supports检测API存在性与CSS特性，避免解析userAgent；对可能抛错的API调用需try...catch；polyfill应按需引入，关键功能降级处理，行为不一致的API需实测验证。
-
不能，background-blend-mode仅混合多个background-image，纯色需用linear-gradient伪装成图像；最稳方案是background:linear-gradient(rgba(),rgba()),url()；background-color无法叠加遮罩。
-
密码不可跨域明文传递，须用WebCryptoAPI的PBKDF2在前端加盐派生密钥（iterations≥100000、SHA-256、后端下发盐），导出十六进制凭证供后端校验，全程内存操作并立即清空原始密码。
-
掌握Foundation需理解其四大核心：响应式12列网格系统通过.small-、.medium-、.large-类实现跨设备布局；模块化组件如.button、.top-bar封装常用UI元素；丰富的工具类如.show-for-small-only、.text-center提升样式调整效率；基于Sass的配置支持通过\_settings.scss自定义变量与断点，实现主题统一与性能优化。
-
移动端应禁用CSS多列布局，改用单列流式布局：在max-width:768px断点将column-count设为1、column-gap设为0，并确保容器width:100%、box-sizing:border-box；图文并排优先用Flexbox，卡片列表推荐CSSGrid。
-
Flex布局必须作用于直接父容器，子元素设display:flex无效；主轴默认为row，justify-content控制主轴对齐，align-items控制交叉轴；flex:1是flex-grow:1、flex-shrink:1、flex-basis:0%的简写；IE11需加-ms-前缀且部分属性不支持。
-
align-self优先级高于align-items，用于单个子项覆盖容器的交叉轴对齐设置，合理使用可提升Flexbox布局灵活性。
-
JavaScript错误处理需分三层：同步错误用try...catch，Promise拒绝用unhandledrejection监听，全局异常用window.onerror；须区分任务类型、避免静默吞错、正确配置跨域，并重视第三方异步错误的特殊处理。
-
兼容旧浏览器主要通过使用polyfill和降级策略实现，其核心是渐进增强与优雅降级理念；2.Polyfill通过JavaScript模拟新特性，填补旧浏览器缺失的API，如html5shiv让IE识别HTML5标签，而转译（如Babel）则是将ES6+语法转换为ES5；3.两者区别在于polyfill解决运行时API缺失，转译解决语法兼容性，现代开发常结合使用Babel和core-js；4.使用polyfill可能带来性能问题，包括文件体积、执行开销和内存占用，可通过按需加载、CDN加速、缓存、压缩和延迟
