前言

• 渲染是一个复杂的过程,离不开硬件和软件的分开配合的过程。今天和大家一起了解一下GPU和CPU的基本工作原理以及分析页面卡顿的原因。

• 1.GPU和CPU基本概念

• GPU
  GPU 图形处理器（英语：Graphics Processing Unit，缩写：GPU），视觉处理器。对CPU提交的数据进行处理后显示。

• CPU
  CPU中央处理器（CPU，central processing unit）作为计算机系统的运算和控制核心。

• 2.计算机的渲染原理

• CPU内部组成图

  
  图片1.png

• GPU内部组成图

  
  图片2.png

• 随机扫描显示
  CRT显示器概述图

  
  a71ea8d3fd1f41343fe13bd0241f95cad0c85e4d.jpeg

• 概念
  电子束随着线条的显示位置而移动，按亮度要求轰击荧光而发光。

  
  图片3.png

• 随机扫描显示

  
  image.png

• 光栅扫描显示系统组成

  
  image.png

• 光栅扫描显示系统组成

  
  image.png

• 屏幕扫描

  
  image.png