-
CSSGrid可高效拼接群聊头像：通过grid-template-areas精准定位，统一设border-radius:50%、object-fit:cover及overflow:hidden；按人数（2×2/3×3）和屏幕断点响应式布局，配合z-index层级控制右下角叠加，并用width/height属性防闪烁。
-
position:absolute元素点击区域与视觉位置不一致，本质是布局坐标与渲染坐标脱节，主因是transform或可滚动父容器导致hit-testing区域偏移。
-
grid-template是CSSGrid布局的核心复合属性，它通过一行代码同时定义网格的行、列结构和命名区域。1.使用时需先设置容器为display:grid或inline-grid；2.它是grid-template-rows、grid-template-columns和grid-template-areas的简写形式；3.语法上，/前定义行结构与区域名称，/后定义列结构；4.支持fr单位实现弹性空间分配，minmax()函数设定轨道尺寸范围，从而提升响应式设计能力；5.可结合媒体查询实现不同屏幕尺寸
-
在AndroidStudio中运行HTML文件需将其放入assets目录，并通过WebView加载。首先创建assets文件夹并放入HTML文件，然后在布局中添加WebView组件，接着在Activity中启用JavaScript并使用loadUrl加载本地HTML文件，若HTML涉及网络请求还需在AndroidManifest.xml中添加互联网权限，最后运行项目即可在设备或模拟器中显示页面内容。此方法适用于基于WebView的混合开发场景。
-
:hover触发放大阴影需加transition实现平滑动画，用transform:scale()和完整box-shadow值，显式设初始态，行内元素需display:inline-block，移动端应兼容touch事件并避免父容器overflow:hidden或transform裁剪。
-
HTML表格通过table、tr、td、th标签构建，用于清晰展示数据。示例包含姓名、年龄、城市三列，使用border-collapse合并边框，提升可读性与语义化，便于SEO和辅助技术识别。
-
多选框应使用<inputtype="checkbox">而非<selectmultiple>，因其支持单点切换、全选联动、键盘操作且语义明确；需确保DOM就绪后查询、过滤disabled元素、反选逻辑鲁棒、前后端均校验选中项并防重复提交。
-
JavaScript是事件驱动、基于对象与原型、单线程但支持异步的浏览器编程语言；初学应先理解事件绑定、对象属性方法、const/let作用域及异步概念，再渐进深入。
-
使用状态机管理UI组件生命周期可提升可维护性。通过定义明确的状态（如空闲、上传中）与事件（如开始、暂停），利用状态转移表控制状态切换，结合UI框架监听状态变化更新视图，并在状态变更时处理异步操作与副作用，实现逻辑与视图分离，降低复杂度。
-
Tailwind的opacity工具类不支持CSS变量，需通过配置扩展（如theme.extend.opacity添加'var':'var(--tw-opacity)'）或内联style="opacity:var(--my-alpha,1)"实现动态透明度控制。
-
浮动元素撑不开父容器时，应优先用overflow:hidden或auto触发BFC；左右浮动间距不一致需统一margin侧向设置；清除浮动后空白由清除元素的盒模型属性引起，应用伪元素并设height:0等属性消除；移动端应避免依赖浮动，改用响应式布局。
-
:last-child用于选中父元素的最后一个子元素，如li:last-child使最后一个li变红；常用于移除列表末尾边框或调整卡片样式，需注意仅当末尾元素匹配时才生效，支持IE9以上浏览器。
-
translate属性用于禁用浏览器自动翻译，不影响i18n库或API；必须加translate="no"的包括code内容、品牌名、API路径、字段名、CSS类名等；该属性可继承，但textarea/input的value、script/style内部文本除外。
-
前端性能稳定性保障体系由加载容错、错误捕获、监控告警、自动回滚四层闭环驱动；loadScriptWithFallback需支持三级可配置回退（主CDN→备CDN→同域本地）、失败后走reportError+triggerFallback而非直接reject、记录网络类型与UA用于分析，并在成功fallback后上报resourceFallbacked事件同步运行态版本。
-
用:root定义带语义前缀的主题变量（如--theme-color-primary），通过class切换:root下的变量值实现主题切换；transition需作用于具体属性（如background-color），而非变量名本身，且所有尺寸变量须在初始CSS中定义以避免抖动。
