-
background-size用于控制背景图尺寸，取值包括auto、具体数值、百分比、cover和contain，配合background-position和background-repeat可实现全屏背景、图标缩放等效果。
-
最稳妥方式是用ul+li渲染协作邀请列表，服务端返回明确字段（inviter_name、invite_time_iso、invite_time_relative等），前端用map()生成带按钮的li，fetch需设credentials:'include'并检查response.ok，按钮须满足iOS最小触控尺寸（min-width/min-height:44px）并加padding，避免XSS和重复提交。
-
侧边栏显隐必须用视口媒体查询而非容器查询，因其属页面级布局决策；小屏下应设display:none并调整grid-template-columns为单列，避免仅改列宽导致布局错乱。
-
CSS规范提升可维护性与协作效率，采用BEM命名、避免深层嵌套、按布局-盒模型-视觉顺序书写属性，并统一注释与格式，确保代码清晰一致。
-
本文讲解如何在基于JavaScript的自动轮播幻灯片中，实现用户手动点击“上一张”或“下一张”按钮后立即重置自动切换的5秒倒计时，避免计时器继续剩余时间导致体验割裂。
-
screen.width和screen.height返回设备主显示器的物理像素总宽高，如1920×1080，不随缩放、窗口变化而改变，且需配合devicePixelRatio才得真实物理像素。
-
浮动图片导致父容器高度塌陷，推荐用display:flow-root解决，其次clearfix，overflow:hidden仅适用于无溢出风险场景。
-
Object.getOwnPropertySymbols仅返回对象自身可枚举性为false的Symbol自有属性，不包含继承属性或字符串键；业务标识应使用Symbol.for()配合命名空间前缀确保全局唯一与语义清晰。
-
直接运行vite即可启动HTML开发服务器，无需配置、框架或JS模块，只要根目录有index.html；常见错误包括未安装vite依赖、index.html位置或命名错误、误用vitepreview替代开发服务器，路径引用须以index.html所在目录为基准。
-
事件委托能解决动态元素绑定失效问题，因其在父元素监听冒泡事件，不依赖子元素初始存在；动态插入的子元素触发事件仍可被捕获，避免重复绑定与内存浪费。
-
align-items设置所有子项列轴对齐，align-self单独调整某子项列轴对齐，justify-items控制所有子项行轴对齐，justify-self单独设置某子项行轴对齐，四者结合实现Grid布局精准对齐控制。
-
JavaScript通过FileAPI和FileReader实现浏览器端文件读取，支持文本、二进制和base64格式；利用ReadableStream分块处理大文件避免内存溢出；Node.js中使用fs模块进行文件读写，通过createReadStream和createWriteStream实现流式处理，并结合pipe构建高效数据管道，如压缩、加密等；两者分别侧重安全交互与系统控制，掌握其差异与共通点是实现高效文件操作的关键。
-
本文详解为何button:disabled无法覆盖ID选择器样式，揭示CSS特异性（specificity）机制，并提供兼容性强、语义完整、无障碍友好的禁用状态样式方案。
-
:checked选择器仅对checkbox和radio生效，匹配实时选中状态；不生效主因是DOM结构错误或事件时机不当，需通过兄弟/父级元素样式、隐藏原生控件并结合label实现自定义效果。
-
动态插槽名使用v-slot:[slotName]语法，slotName须为响应式字符串变量或计算属性，支持拼接如item-${index}，Vue3.1+支持三元运算符，需与子组件slotname严格匹配，避免undefined或空字符串。
