-
flex-direction:column实现底部自适应的关键约束是父容器必须有明确高度（如min-height:100vh），否则flex:1或margin-top:auto失效；仅中间内容区设flex:1，头部和底部用flex:00auto。
-
用linear-gradient实现按钮背景渐变时，需省略background-color、至少设两个色标、配合background-clip避免露白；radial-gradient宜用百分比定位圆心并设transparent控制光晕；须声明纯色兜底防降级失效，注意多层叠加性能与色觉可访问性。
-
图片未铺满主因是父容器无高度，需设html和body为height:100%并清除margin/padding；装饰图用background-image，语义化需求用<img>配object-fit:cover；Safari下vh容器需动态适配；高清屏需@2x图或SVG替代。
-
WeakSet只能存储对象且不阻止垃圾回收，仅提供add()、delete()、has()方法，适用于对象身份标记等无需影响对象生命周期的场景。
-
使用类选择器可精准选中带特定类名的元素。1.基本写法用“.类名”选中所有该类元素，如.highlight设置文字红色；2.多类组合用“.类1.类2”连写选同时拥有多个类的元素，注意无空格表示“且”关系；3.限定标签类型可用“标签.类名”如p.highlight仅作用于段落；4.结合结构选择器如.container.title选后代元素。掌握点号语法与组合规则即可灵活应用。
-
首先确认浏览器支持硬件加速编码，通过VideoEncoder.isConfigSupported()检测配置兼容性并选择H.264等广泛支持的格式；接着创建VideoEncoder实例，设置hardwareAcceleration为'prefer-hardware'以优先启用硬件编码，同时配置输出回调处理编码后的chunk；然后将来自摄像头、canvas等源的图像数据封装成VideoFrame对象，按时间戳顺序输入编码器，并控制队列大小避免积压；最后在编码结束时调用flush()完成剩余帧编码并关闭编码器
-
使用Flexbox和Grid可实现响应式卡片等高排列。1.Flexbox通过display:flex与align-items:stretch使卡片自动拉伸，适合一维布局；2.Grid利用display:grid与repeat(auto-fit,minmax(250px,1fr))实现二维等高控制，多行更稳定；3.响应式推荐优先使用Grid，结合gap和minmax优化断点适配，保持视觉整齐。
-
Vite构建的单页应用（SPA）部署到静态托管平台（如Vercel、Netlify、Nginx）后，直接访问/login等子路径返回404或跳回首页，根本原因是服务端未正确配置SPA路由回退机制。
-
浮动元素的margin不生效？先确认是否触发了BFC直接给浮动元素设margin看似合理，但常发现上下间距“消失”或“塌陷”——根本原因是浮动元素脱离文档流，其margin与父容器或其他非浮动块之间不再按常规盒模型计算。尤其当父容器没清除浮动时，margin-top和margin-bottom往往视觉上无效。解决前提是：让浮动元素之间的间距真正由margin控制，而不是靠父容器“猜”高度。关键一步是确保父容器形成BFC（块级格式化上下文）。给父容器加overflow:hidd
-
Grid容器需设position:relative，因absolute定位依赖最近已定位祖先，而grid容器默认static不构成定位上下文，否则子元素将相对于视口定位。
-
本文讲解如何在Express应用中将PostgreSQL（或其他SQL数据库）中存储的多条文本记录，以清晰的换行列表形式渲染到HTML页面上，解决\n换行符在浏览器中失效的问题。
-
使用Bulma构建响应式导航栏只需四个步骤：1.用.navbar创建基础结构，包含品牌标识、菜单按钮和链接；2.通过JavaScript控制汉堡菜单的展开与收起，实现移动端适配；3.应用is-primary、is-dark等类自定义颜色与样式，结合is-fixed-top实现顶部固定；4.使用.has-dropdown和.is-hoverable添加下拉菜单，支持桌面悬停与移动端点击。
-
本文介绍如何使用纯HTML与CSS实现文本逐字打字机效果，通过steps()时间函数控制动画帧数，无需JavaScript即可完成流畅的字符逐显效果。
-
变量提升是声明在编译阶段被“记忆”而赋值保留在原地；var声明提升并初始化为undefined，let/const提升但不初始化（进入TDZ），函数声明完全提升，函数表达式仅声明提升。
-
优先用类选择器，标签选择器适合全局复用，ID选择器仅限JS锚点或唯一容器；ID重复导致CSS/JS不可预测，类名重复合法，标签写错则不匹配。
