-
flex-basis决定弹性项目在主轴上的初始尺寸，优先级高于width/height；当设为auto时尊重内容或宽高设置，适用于内容驱动布局；设为0时则完全由flex-grow分配空间，适合等分场景；需注意与min-width、flex-shrink协同使用以避免收缩受限等问题。
-
确保用户主题偏好在页面刷新后依然有效的方法是使用localStorage持久化存储；2.页面加载时从localStorage读取主题设置并应用到html元素；3.结合系统偏好（prefers-color-scheme）提供默认主题；4.在大型项目中可采用组件级状态管理（如ContextAPI）、SSR主题同步、CSS-in-JS集成及按需加载CSS等高级优化策略，以提升性能与维护性，整个方案通过JavaScript动态操作类名与CSS变量实现主题切换，并保证用户体验连贯完整。
-
HTML5中实现iframe横向并排有五种CSS方案：一、Flexbox（推荐）；二、Float（兼容旧浏览器）；三、Inline-block（易控垂直对齐）；四、CSSGrid（精确列控制）；五、Table-cell（天然横向+垂直居中）。
-
EventTarget是JavaScript事件系统的核心接口，提供addEventListener、removeEventListener和dispatchEvent三个方法，用于注册、移除和触发事件；所有可响应事件的DOM对象如Element、Document、Window都实现该接口，支持捕获、目标、冒泡阶段的事件流处理，并可通过CustomEvent实现自定义事件通信。
-
应通过用户点击等手势触发element.requestFullscreen()，并兼容webkit/moz/ms前缀；全屏整个页面用document.documentElement；监听fullscreenchange事件响应状态变化。
-
严格模式通过"usestrict"启用，禁止删除变量、要求参数唯一、切断arguments与参数绑定、禁用八进制语法、使this不指向全局对象，并加强保留字限制，提升代码安全与健壮性。
-
HTML5中正确显示图片需用<img>标签并确保src路径准确、添加alt属性；支持本地/网络路径、picture响应式、Base64内联及onerror备用方案。
-
实现背景颜色渐变过渡主要通过CSS的linear-gradient与transition配合，常用方法有四种：1.直接使用background属性过渡，但兼容性差；2.利用background-position和background-size创建滑动渐变效果，兼容性好且流畅；3.使用伪元素结合opacity实现渐变融合，控制更精确；4.通过CSS自定义属性与JS动态调整，实现灵活动画。最实用的是第二种方法。
-
要使HTML元素始终固定在视口指定位置，应使用position:fixed；若需滚动至阈值后固定则用position:sticky；兼容旧浏览器可用JavaScript动态设置top；响应式场景可结合媒体查询调整fixed方位；还需预留空间避免遮挡内容。
-
兼容性最好的CSS颜色写法是十六进制（#ff0000）和rgb()函数，二者均支持IE6+；应避免3位简写、rgba()、命名色及hsl等低兼容性写法。
-
答案：JavaScript中实现数字千分位格式化常用toLocaleString()和正则表达式。toLocaleString()支持国际化与小数控制，适合多数场景；正则方式灵活自定义分隔符，适用于需脱离语言环境的定制需求。
-
$.map()用于遍历数组并转换数据，如将[1,2,3,4,5]翻倍为[2,4,6,8,10]，支持过滤大于2的数并平方得[9,16]，与原生map不同的是会自动排除undefined值，返回新数组而非jQuery对象。
-
恢复隐藏元素可见性的五种方法：一、JS设display为block等；二、removeProperty移除内联display；三、切换CSS类如.hidden/.visible；四、removeAttribute("style")重置内联样式；五、同步处理visibility和opacity隐藏。
-
rgba()仅影响颜色透明度，opacity影响整个元素及其子元素；通过rgba设置背景透明可实现图层叠加效果，结合opacity可控制整体视觉层次，常用于创建不干扰文字的透明遮罩。
-
应优先使用transform实现hover动画，因其不触发重排，仅走合成层；如用scale()替代width/height放大，translate()替代margin移动，并明确transition属性。
