-
padding是内容到边框的距离，影响自身尺寸和背景显示；margin是边框到邻元素的距离，不参与自身渲染；box-sizing控制padding是否撑大元素，border-box为现代开发首选。
-
<section>标签应仅用于有独立主题、可命名和出现在文档大纲中的语义区块，必须配合<h2>–<h6>标题使用，否则语义失效；它不同于<div>（仅布局）和<article>（可独立分发的内容单元）。
-
没有CSS属性“根本没默认值”，所有属性均有W3C定义的初始值；如background-color初始值为transparent，display为inline，position为static，z-index为auto，其差异在于初始值是否继承、是否受useragent样式覆盖。
-
JavaScript内存管理依赖自动垃圾回收，但不当编码会导致内存泄漏。引擎通过标记-清除算法回收不可达对象，常见泄漏包括意外全局变量、未清理定时器、闭包引用大对象及DOM引用残留。使用严格模式、及时解绑事件与设引用为null可预防问题。借助ChromeDevTools分析堆快照和内存时间线，能有效检测泄漏。
-
网格项设为relative时仍属网格流，可微调位置；2.设为absolute则脱离网格流，需父容器有定位上下文（如relative）以正确参照；3.绝对定位元素不参与自动布局，可能影响结构，建议用于覆盖元素；4.优先使用Grid布局，定位仅作补充。
-
不该加载CSS的页面应在HTML输出时直接省略<link>标签，构建时用Webpack/Vite按入口注入，服务端则通过模板条件判断（如Express+EJS中用page变量），禁止JS检测location——因预加载已发生。
-
JavaScript支持函数式编程：纯函数要求相同输入恒得相同输出且无副作用；高阶函数接收或返回函数，是组合逻辑基础；map/filter/reduce比for循环更函数式因其不可变性与逻辑隔离。
-
作用域链是JavaScript中按词法嵌套顺序查找变量的只读链表，从当前执行上下文逐级向上至全局环境；变量查找先在当前词法环境记录中匹配，未找到则沿链向上搜索，直至全局；var声明会提升并初始化为undefined，而let/const存在暂时性死区，未声明前访问抛出ReferenceError；函数创建时固化其定义时的作用域链，形成闭包。
-
repeating-linear-gradient生成条纹需确保颜色停靠点首尾相接且总长等于重复周期，如0%,10px,10px,20px；必须配合background-size（值同周期）和background-repeat:repeat使用。
-
微博H5版不提供微信/QQ绑定入口，因自2021年起已将第三方绑定功能统一收口至App端，仅保留查看状态和解绑能力，此举出于安全策略与账号体系整合考虑。
-
用<spanclass="badge-essence">精华</span>嵌入帖子最外层容器，父容器设position:relative，角标用position:absolute、top:8px、right:8px、z-index:10，并通过prefers-color-scheme适配深色模式。
-
手机端fixed元素错位主因是viewport设置异常、页面缩放或键盘/地址栏导致视口重算；需用严格viewport标签、避免绝对像素定位、慎用fixed，优先考虑sticky或动态切换定位。
-
HTML下拉菜单即<select>元素，需用name属性确保提交，value设标识符而非显示文本，disabled禁用但不提交值，multiple支持多选但体验差，placeholder无效须用空option替代。
-
attr()无法用于Tooltip定位计算，因不支持单位解析且兼容性差；应改用CSS自定义属性配合calc()或JS动态设置，辅以transform位移和pointer-events精细控制。
-
拖放API通过dragstart、dragover、drop等事件实现交互，在dragover中阻止默认行为可触发drop；利用dataTransfer传递数据，结合视觉反馈与自定义图像提升体验，适用于列表排序与跨容器拖拽场景。
