Gahing's blog Gahing's blog
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Gahing / francecil

To be best
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 前端基础

    • 编程语言

    • 开发工具

    • 前端调试

    • 浏览器原理

      • V8 执行引擎

      • 渲染机制

        • Edge 浏览器在亚像素宽度计算的表现差异
        • 从输入url后浏览器发生了什么
        • chromium 资源加载优先级
        • 你不知道的回流与重绘
        • 浅谈合成层
        • 浅谈屏幕刷新与浏览器渲染机制
          • 说说 Android 屏幕渲染
            • 结论
            • 古老的做法
          • tmp
          • headless
          • 浏览器的一帧指的是什么?
          • 为什么要有微任务
        • 浅谈现代浏览器渲染过程
        • 精读 Event loops 规范
    • 浏览器生态

  • 应用框架

  • 工程能力

  • 应用基础

  • 专业领域

  • 业务场景

  • 大前端
  • 前端基础
  • 浏览器原理
  • 渲染机制
gahing
2022-08-23
目录

浅谈屏幕刷新与浏览器渲染机制草稿

# 说说 Android 屏幕渲染

源码开放,容易分析,网上文档也比较多了。

# 结论

首先,系统是按照固定的刷新率获取 buffer 并展示到屏幕上

发布订阅机制:应用启动时会注册屏幕刷新事件,底层每次准备开始渲染,则通知应用

屏幕刷新事件通知到应用后,开始执行 CPU 计算、 GPU 渲染生成 buffer ,显示器取 buffer 展示到屏幕上

每个时刻,系统通知 APP 可以开始

buffer 的生成时机

单个 buffer ?

# 古老的做法

# tmp

底层帧率,比较切换 tab ,渲染时间降低了,是指生成 buffer 的间隔降低了

# headless

存在 buffer ,但未推到 display

# 浏览器的一帧指的是什么?

# 为什么要有微任务

本质还是因为单线程

编辑 (opens new window)
上次更新: 2024/09/01, 23:56:56
浅谈合成层
浅谈现代浏览器渲染过程

← 浅谈合成层 浅谈现代浏览器渲染过程→

最近更新
01
浅谈代码质量与量化指标
08-27
02
快速理解 JS 装饰器
08-26
03
Vue 项目中的 data-v-xxx 是怎么生成的
09-19
更多文章>
Theme by Vdoing | Copyright © 2016-2024 Gahing | 闽ICP备19024221号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式