大林i瑶

在现代Web应用中，用户体验已成为衡量产品成功与否的关键标准。而在众多体验指标中，页面的流畅度——即交互是否“跟手”、动画是否“顺滑”——无疑是最直观、最能被用户感知的。...

盼了好久，最近 Chrome 125终于迎来了CSS 锚点定位的正式支持。这是一个和 CSS 滚动驱动动画一样，足以颠覆整个 Web 开发领域的新特性。有了这个特性，很多以...

当需要在页面中展示大量文本时，如果每段的文本都很长，阅读起来就会非常麻烦，有可能读错行或读串行。为了提高阅读的舒适性，CSS3 中引入了多列布局模块，用于以简单有效的方式创...

视觉格式化模型-块容器 块容器条件： 只有当元素包含块级或行级盒子时，它才是块容器盒子。 块容器框 要么只包含 块级框。 块容器框 要么只包含 行内级框。 问题 displ...

进入正文，这是一个很有意思的现象。可以直接跳到 总结一下 部分，看完再回过头来阅读本文。 上面的 p 标签只有一个内联 CSS，很明显，在没有其他样式的干预下，文本 .tx...

需要两个参数，分别是一个点的x轴和y轴坐标，L命令将会在当前位置和新位置（L前面画笔所在的点）之间画一条线段。 相对命令使用的是小写字母，它们的参数不是指定一个明确的坐标，...

觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 s...

个人感觉svg实现渐变边框相比较css的实现来说，相对代码量更大一些，但是svg其实还有很多好玩的地方。...

原理就是用渐变画两个圆，用小圆把大圆中间给掏空，大圆剩下的这一圈就是所谓的边框了。 然后我们在把渐变给旋转起来就搞定了。...

innerHtml在渲染和加载方面耗时都会大于createElement，因为需要js引擎做更多的处理。...

使用ric把繁重任务分割处理，减少了主线程阻塞，并且在低优先级的情况下去处理，可以优化用户的交互体验。...

有没有懂渲染流程的大佬，告诉我，为啥两次requestAnimationFrame的回调间隔这么短？ 难道是因为它们同时被执行了？第二个回调，并没有放入下一个帧中去执行吗？...

JSON.parse JSON.stringify 总结 replacer为函数时差别如下：1. 遍历顺序相反; 2.返回值结果不同;...