
重绘
通过CSS自定义属性(CSSVariables)配合JavaScript动态切换,可在一处修改颜色值,实时更新全站主题色,无需重复编写多套CSS类。
BlazorServer事件处理默认非线程安全,需用InvokeAsync确保UI更新线程安全,并配合CancellationToken及时取消异步操作以防ObjectDisposedExceptio...
应避免循环中反复查询DOM,优先用document.querySelectorAll批量获取后处理;遍历子节点时用children而非childNodes;事件委托推荐用closest+matches...
适合批量更新元素内容的DOM方法是textContent、setAttribute()和DocumentFragment;单个文本用textContent,批量插入用DocumentFragment避...
text-shadow的第三个参数是模糊半径,决定阴影边缘柔和度,单位为像素且必须非负;0值跳过高斯模糊,导致硬边;多层阴影中各模糊半径独立计算;过大值(>10px)易引发重绘卡顿。
DOM是浏览器将HTML解析成的内存中对象树,JavaScript通过它操作页面元素;它是可访问修改的对象模型,非HTML字符串,支持安全属性操作与事件绑定。
防抖是连续触发时只执行最后一次,每次新触发就清空并重设定时器;常用于搜索输入等场景,需注意this绑定、参数透传、取消机制及内存泄漏风险。
Canvas默认inline导致底部留白,应设vertical-align:top或display:block;width/height属性决定分辨率,CSS仅控制显示尺寸;Flex居中需父容器定宽高...
HTML5布局动画依赖CSStransition和transform,需避免对display等离散属性过渡;应使用opacity/visibility、max-height或transform替代;t...
移动端布局中必须全局设置box-sizing:border-box,否则默认content-box模型下padding会额外增加宽度导致溢出;需特别处理表单控件、嵌套padding及边框元素,并用De...