-
使用min-width和max-width可设置容器宽度范围，.sidebar{min-width:200px;}防止过小，.content{max-width:800px;margin:0auto;}限制过宽，结合width:100%实现响应式弹性布局，适配多设备显示效果。
-
background-image默认重复铺满容器，需同时设置background-repeat:no-repeat、background-size:auto或contain、background-position:center才能实现单张原图居中显示。
-
Vue数据变化通过响应式系统通知依赖，组件更新函数入异步队列，nextTick批量执行render生成新VNode，仅被读取的响应式数据变化才触发重渲染。
-
columns属性在媒体查询中常无效，因依赖容器宽度和流式布局，父容器width:auto或flex/grid影响断点计算，且columns不触发重排；应设width/max-width、用column-count代替columns简写、显式声明column-gap，并避免与Grid/Flex混用。
-
按业务流量、部署约束、方案对比、推荐架构、风险点和落地清单，梳理前端静态资源上云时对象存储、CDN 和容器服务的选择方法。
-
IE10/11必须使用display:-ms-flexbox，不识别标准display:flex；需按顺序声明：-webkit-box、-ms-flexbox、-webkit-flex、flex，漏掉或顺序错误将导致布局退化为block。
-
auto-fit必须搭配minmax()才生效，因auto-fit仅收缩空列并再分配空间，而minmax()定义的弹性范围（如minmax(250px,1fr)）才是触发浏览器动态计算列数的关键。
-
WebGL是基于OpenGLES的JavaScriptAPI，可在网页canvas中渲染2D/3D图形，利用GPU加速，无需插件。它通过顶点和片元着色器（用GLSL编写）控制渲染流程，核心步骤包括获取上下文、编译着色器、链接程序、传入顶点数据并绘制。示例中绘制红色三角形需设置顶点位置、颜色，并调用drawArrays。attribute传递顶点数据，uniform传全局参数，varying用于着色器间通信。尽管Three.js等库简化开发，掌握原生WebGL有助于性能优化与调试。
-
应优先用<strong>表示语义强调，如错误提示关键词；仅视觉加粗用CSS（font-weight:700）；禁用<b>伪装语义或整段包裹<strong>。
-
消息撤回需服务端广播message_recall类型状态变更并写入日志，前端通过msgId精准更新UI，离线用户需兜底同步，确保跨终端状态一致。
-
JavaScript单例模式核心是确保多次调用始终返回同一实例引用，常用闭包缓存或ES6私有静态字段实现，单线程下天然线程安全，推荐直接导出实例以保证模块级唯一。
-
只读属性描述符（writable:false）不能构建微任务运行配置中心，真正起作用的是用只读机制保障配置不可变性，并结合微任务队列控制配置生效时机。
-
按钮缩放无反应或异常，主因是user-select/pointer-events禁用、iOSSafari的300ms延迟、transform-origin未显式声明及transition未限定为transform/opacity。
-
text-overflow:ellipsis仅对块级元素生效，需同时满足display为block/inline-block、white-space:nowrap、overflow:hidden且设置宽度；hover展开完整文本只能靠title属性或JS实现。
-
结构化数据必须用BreadcrumbList类型，itemListElement数组需含position从1开始的ListItem，item必须为带@id（绝对URL）或name的对象，JSON-LD需服务端注入且与HTML结构严格一致，当前页用aria-current="page"且不可链接。
