-
骨架屏闪烁动画禁用opacity而用position+transform，因opacity在低端环境易卡顿，transform可硬件加速；须设父容器position:relative和overflow:hidden，伪元素宽高略大，IE11/iOS12需降级left动画，多组件同步需JS控制起始。
-
模块联邦通过配置expose、remotes和shared实现跨应用模块共享。Remote应用暴露模块，Host应用动态导入并加载远程模块，同时共享依赖避免重复引入，运行时动态解析与加载，支持微前端独立构建与集成。
-
JavaScript模块需在模块上下文中运行，import/export是静态声明且仅限顶层作用域，动态导入用import()；默认导出与命名导出语法不同，混用需注意大括号；浏览器本地文件协议限制需HTTP服务解决。
-
本文介绍如何根据一个键名数组（如['yellow','blue']），从对象数组中精准筛选并重构每个对象，仅保留匹配的属性，同时保持原始结构清晰、可读性强。
-
子元素占比不正确源于未理解flex-grow、flex-shrink与flex-basis协作逻辑；flex-basis是分配剩余空间前的初始尺寸，设为0才能使grow按比例生效；grow瓜分的是剩余空间而非总宽，shrink在溢出时按basis×shrink加权收缩；常用组合如等宽三列用flex:110。
-
仪表盘页面结构分为四区：顶部导航区（调度入口）、核心指标区（KPI卡片网格）、可视化分析区（分维度图表模块）、数据明细与操作区（表格+快捷面板），区域间以留白和底色区分。
-
const与let核心区别是const声明后不可重新赋值，仅绑定不可变；const必须声明即初始化，存在暂时性死区，且不适用于传统for循环递增；let允许重复赋值和分步声明。
-
map、filter、reduce是JavaScript中不修改原数组、返回新数组或单值的三大高阶函数：map逐项转换生成等长新数组；filter筛选符合条件元素；reduce聚合计算生成任意类型结果。
-
HTML5不是可开关的功能，而是网页技术标准；用户实际需求是退出页面、阻止自动播放、禁用全屏或关闭WebView容器，需依具体场景选择对应操作路径。
-
CustomElements是WebComponents的核心功能，允许开发者通过继承HTMLElement创建带行为的自定义HTML标签，如<counter-button>；需使用customElements.define()注册，标签名必须含短横线；支持constructor、connectedCallback等生命周期钩子，结合ShadowDOM可实现高封装性组件，适用于现代浏览器。
-
this的指向在运行时由调用方式决定：全局环境中指向window；函数直接调用时指向window或undefined（严格模式）；作为对象方法调用时指向该对象；构造函数中指向新实例；通过call/apply/bind可显式绑定；箭头函数则继承外层作用域的this。
-
侧边栏滑入效果可通过CSS@keyframes和transform:translateX()实现。1.定义@keyframesslideIn，从translateX(-300px)到translateX(0)；2.将动画应用到.sidebar，设置animation:slideIn0.5sease-outforwards，初始隐藏；3.可通过JS添加.show类触发动画；4.扩展slideOut动画实现滑出。该方案流畅高效，无需JS即可实现基础动效。
-
无障碍视频播放器的controls必须可键盘操作、语义明确，且所有控件需有准确的aria-label或aria-labelledby；原生controls属性不满足要求，因其默认缺乏语义、状态不可知、键盘支持不一致；须为播放/暂停、静音、进度条、全屏等控件显式设置ARIA属性并同步状态，确保符合WCAG2.1。
-
HTML5<audio>标签不转码，仅通过多格式fallback实现兼容；需按MP3、M4A、OGG顺序提供源，并正确配置MIME类型与服务端转码。
-
HTML5本身不支持地图导航，需调用高德、百度等第三方地图JSAPI获取点击坐标并构造对应平台的URLScheme跳转；关键在于使用GCJ-02坐标系、按iOS/Android及App类型分别适配协议，微信内需降级为H5或wx.openLocation。
