CSS
4篇文章 · 0订阅
  • 案例+图解带你一文读懂Canvas🔥🔥（2W+字）
    Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。
    • ndz
    • 2年前
    • 75k
    • 279
    前端 Canvas
    案例+图解带你一文读懂Canvas🔥🔥（2W+字）
  • 浏览器重绘(repaint)重排(reflow)与优化[浏览器机制]
    很多人都知道要减少浏览器的重排和重绘，但对其中的具体原理以及如何具体操作并不是很了解，当突然提起这个话题的时候，还是会一脸懵逼。希望大家可以耐着性子阅读本文，仔细琢磨，彻底掌握这个知识点！ 第四步和第五步是最耗时的部分，这两步合起来，就是我们通常所说的渲染。 网页生成的时候，至…
    前端 浏览器
    浏览器重绘(repaint)重排(reflow)与优化[浏览器机制]
  • 深入解析你不知道的 EventLoop 和浏览器渲染、帧动画、空闲回调（动图演示）
    resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame，你可能在做一些需求的时候想到了 requestIdleCallback，但是你不知道…
    JavaScript 面试
  • CSS动画的性能分析和浏览器GPU加速
    此文已由作者袁申授权网易云社区发布。 欢迎访问网易云社区，了解更多网易技术产品运营经验。 有数的数据大屏可以在一块屏幕上展示若干张不同的图表，以炫酷的方式展示各种业务数据。其中有些图表使用CSS实现了饼图轮播、地图标记点闪烁等动画，然而在一张大屏上同时显示了许多张图表时，持续的…
    Chrome CSS SVG