-
Vue编译器对v-bind="obj"采用静态分析与运行时代理协同优化：编译阶段标记为DynamicProps并剥离静态属性，运行时直接透传响应式对象、按需触发getter，更新时基于引用比较跳过未变更对象。
-
JavaScript性能优化需从代码拆分、内存管理、DOM操作等多维度入手，通过按需加载、减少回流重绘、避免内存泄漏、使用节流防抖及WebWorkers等手段，结合工具分析与细节调优，持续提升应用响应速度与用户体验。
-
trimStart()比trim更合适，因为它只移除字符串开头空白，保留末尾换行和内部缩进，避免误删代码格式所需的空行或缩进，语义明确、精准控制。
-
优先用inset()或circle()的相对单位（如50%、0.3rem），避免硬写px；polygon()坐标须按顺时针或统一逆时针排列，否则裁剪区域反向；Safari需双写-webkit-clip-path且慎用path()和transition。
-
viewport-fit=cover是iOSSafari（11.2+）中允许网页内容渲染到安全区外的声明，需配合env()函数使用，且必须与width=device-width、initial-scale=1.0共存才生效；安卓端完全忽略该属性。
-
模块联邦是Webpack5实现微前端的核心技术，允许运行时动态共享模块。主应用（Host）通过remoteEntry.js加载远程模块，如用户中心暴露的UserProfile组件，并通过shared配置避免重复打包React等依赖。需注意样式隔离、状态共享、容错机制及部署同步问题，适用于多团队协作的后台系统集成场景。
-
navigator.onLine仅反映链路层连通性，无法检测DNS故障、代理异常等“假在线”场景；需结合心跳检测（如fetch/healthz）与online/offline事件协同判断真实网络状态。
-
答案：现代Web开发中主流本地存储技术包括Cookie、WebStorage、IndexedDB、CacheAPI和FileSystemAccessAPI。1.Cookie存储容量小且每次请求自动携带，适合会话管理；2.WebStorage提供5~10MB键值对存储，API简单，适用于用户偏好等场景；3.IndexedDB为大容量结构化数据库，支持复杂查询，适合离线应用；4.CacheAPI专用于缓存网络资源，配合ServiceWorker实现离线加载；5.FileSystemAccessAPI可直接读写
-
DOCTYPE和字符编码怎么写才不进怪异模式HTML5的不是“简写”，而是一条强制浏览器启用标准模式的开关。写错一个字母、多一个空格，或混用HTML4的DTD（比如），IE8–IE11就可能直接切到怪异模式——盒模型变回border-box、width行为反直觉、float布局错位，调试时容易误判成CSSbug。字符编码也一样：必须放在最前面（最好第二行），且不能和旧式写法并存。两者混用，部分浏览器会忽略后者，导致乱码；若被JS动态插入，也无效——它必须是
-
Flex子项默认不收缩到内容宽度以下是因浏览器强制设定「最小内容尺寸」下限，由最长不可折行内容（如长单词或图片）决定；该尺寸是flex-shrink的收缩极限，min-width:0可覆盖此限制使收缩生效。
-
HTML在线样式丢失主因是外部CSS加载失败、网络延迟、路径错误、缓存策略不当及CSP限制。通过内联关键CSS、预加载、本地备用、路径规范、合理缓存与监控降级，可有效提升页面渲染稳定性与用户体验。
-
BEM通过命名约束强制切断隐式依赖，实现样式天然隔离。所有类名扁平自解释，禁止嵌套选择器，Modifier只描述视觉/行为状态，配合工具链和团队共识保障隔离有效性。
-
align-content用于控制多行Flexbox或Grid布局在交叉轴上的对齐方式，仅在存在多余空间且有多行时生效。其常用值包括flex-start、flex-end、center、space-between、space-around、space-evenly和stretch，分别实现不同对齐效果。在Flexbox中需配合flex-wrap使用，在Grid中则应用于多行轨道且容器高度大于内容高度时，能有效提升多行布局的美观性与规整度。
-
WebAuthnAPI能替代密码登录，但需用户预先注册密钥；其核心是通过navigator.credentials.create()和get()跳过密码输入，私钥永不出设备，依赖challenge、rp.id、user.id（Uint8Array）、authenticatorAttachment等参数严格校验，服务端须验证clientDataJSON.origin、challenge未重放、rpIdHash及UP标志位。
-
CSS动画需确保@keyframes名字合法（含短横线时必加引号）、旋转用transform:rotate()并配border-radius:50%、infinite与animation-fill-mode按需取舍、显隐用opacity+visibility而非display:none。
