给产品经理讲技术丨究竟什么是渲染？

渲染这个词，在计算机世界里可以说无处不在，这个词的理解对于理解一切电脑或手机上的展示与呈现至关重要，渲染的意思是呈现，也就是显示出来的意思，浏览器呈现的是html，游戏里面呈现的是3D人物或地图，手机App里面呈现的是各种界面。

一个画家要画一副油画，我们看看整个过程是什么样的，他首先在脑中构思，在油画的三分之一处画一个房子，门前有一条小溪，房子后面有一座小山，然后他用铅笔将每一个物体的轮廓勾勒出来，并对每个物体的摆放位置不断调整，直到符合他的构思，这副画的骨架已经搭建完成，下一步才是用不同的色彩将每一个部分细致的按照自己的逼格不断完善。

计算机、浏览器、手机app的渲染道理一模一样，你在显示器上看到的一切也都经历了类似的过程，大致分为三步：测量、排版、绘制。拿支付宝手机App举例，我们进入界面之后看到了那么多按钮或TAB，计算机是如何知道哪个按钮该摆在何处，应该多宽多高，以及程序启动的时候应该是呈现出什么样子呢？

计算机里面存储的全部是01组成的串（这些串既有程序代码也有相应的数据），他们静静的躺在你的硬盘或sd卡中，当你点击手机app上的支付宝图标的时候，这个时候存储设备中的代码和数据迅速被载入内存，并加载执行。

当程序运行到构造界面的时候，这个时候计算机像画家一样开始测量，每一个按钮的宽高（其中是有一大堆算法或者说规则在默默的计算，比如一个按钮在另一个上方，如何不和其他的按钮重叠等等）。知道了多宽多高之后，计算机开始计算每一个按钮应该摆在屏幕上的什么位置。大小、位置都明确之后，计算机开始绘制，也就是把相应的颜色或者图片资源从CPU输送到显卡，显卡把这些数据发送给显示器的缓冲区，屏幕的下一次刷新将这些新数据更新到显示器上，整个渲染(呈现)过程结束。

说了很多废话，想说清楚的是，渲染是通过一些列计算并呈现的过程，其中包括测量、排版、绘制。你在任何屏幕上看到的任何一个图形，无一例外，都经过了这三个过程。

下次和程序界的朋友沟通展示慢，顿问题的时候，你可以很随意的说句，感觉整个渲染过程不是很流畅，保证你们的交流会很得心应手。

明天见，我不会告诉你明天我要讲什么的:)。

欢迎添加微信公众号：给产品经理讲技术