iOS开发高手课
戴铭
前滴滴出行技术专家
立即订阅
11464 人已学习
课程目录
已完结 46 讲
0/4登录后，你可以任选4讲全文学习。
开篇词 (1讲)
开篇词 | 锚定一个点，然后在这个点上深耕
免费
基础篇 (20讲)
01 | 建立你自己的iOS开发知识体系
02 | App 启动速度怎么做优化与监控？
03 | Auto Layout 是怎么进行自动布局的，性能如何？
04 | 项目大了人员多了，架构怎么设计更合理？
05 | 链接器：符号是怎么绑定到地址上的？
06 | App 如何通过注入动态库的方式实现极速编译调试？
07 | Clang、Infer 和 OCLint ，我们应该使用谁来做静态分析？
08 | 如何利用 Clang 为 App 提质？
09 | 无侵入的埋点方案如何实现？
10 | 包大小：如何从资源和代码层面实现全方位瘦身？
11 | 热点问题答疑（一）：基础模块问题答疑
12 | iOS 崩溃千奇百怪，如何全面监控？
13 | 如何利用 RunLoop 原理去监控卡顿？
14 | 临近 OOM，如何获取详细内存分配信息，分析内存问题？
15 | 日志监控：怎样获取 App 中的全量日志？
16 | 性能监控：衡量 App 质量的那把尺
17 | 远超你想象的多线程的那些坑
18 | 怎么减少 App 电量消耗？
19 | 热点问题答疑（二）：基础模块问题答疑
20 | iOS开发的最佳学习路径是什么？
应用开发篇 (12讲)
21 | 除了 Cocoa，iOS还可以用哪些 GUI 框架开发？
22 | 细说 iOS 响应式框架变迁，哪些思想可以为我所用？
23 | 如何构造酷炫的物理效果和过场动画效果？
24 | A/B 测试：验证决策效果的利器
25 | 怎样构建底层的发布和订阅事件总线？
26 | 如何提高 JSON 解析的性能？
27 | 如何用 Flexbox 思路开发？跟自动布局比，Flexbox 好在哪？
28 | 怎么应对各种富文本表现需求？
29 | 如何在 iOS 中进行面向测试驱动开发和面向行为驱动开发？
30 | 如何制定一套适合自己团队的 iOS 编码规范？
31 | iOS 开发学习资料和书单推荐
32 | 热点问题答疑（三）
原理篇 (6讲)
33 | iOS 系统内核 XNU：App 如何加载？
34 | iOS 黑魔法 Runtime Method Swizzling 背后的原理
35 | libffi：动态调用和定义 C 函数
36 | iOS 是怎么管理内存的？
37 | 如何编写 Clang 插件？
38 | 热点问题答疑（四）
原生与前端共舞 (5讲)
39 | 打通前端与原生的桥梁：JavaScriptCore 能干哪些事情？
40 | React Native、Flutter 等，这些跨端方案怎么选？
41 | 原生布局转到前端布局，开发思路有哪些转变？
42 | iOS原生、大前端和Flutter分别是怎么渲染的？
43 | 剖析使 App 具有动态化和热更新能力的方案
用户故事 (1讲)
用户故事 | 我是如何学习这个专栏的？
结束语 (1讲)
结束语 | 慢几步，深几度
iOS开发高手课
登录|注册
42 | iOS原生、大前端和Flutter分别是怎么渲染的？
戴铭 2019-06-18
你好，我是戴铭。今天，我来和你聊聊 iOS 原生、大前端和 Flutter 分别是怎么渲染的。
用户在使用 App 时，界面的设计、流畅程度是最直接的体验。为此，苹果公司提供了各个层级的库，比如 SwiftUI、UIKit、Core Animation、Core Graphic、OpenGL ，以方便 App 界面的开发。
说起来，即使你不了解这些库的实现原理，也可以通过它们提供的易用接口上手去开发 App，特别是 SwiftUI 大大简化了界面的开发，也确实能够解决大部分问题。但是，一旦遇到性能问题，完全依靠搜索获得的不完整的、拼凑来的知识，大概率只能解一时之需，要想系统地解决问题，还是要知道这些库的实现原理。
而这些与界面相关的库，背后的知识其实就是渲染。接下来，我就和你说说渲染的原理。
渲染原理
我们看到的 App 界面，都是由 CPU 和 GPU 共同计算处理的。
CPU 内部流水线结构拥有并行计算能力，一般用于显示内容的计算。而 GPU 的并行计算能力更强，能够通过计算将图形结果显示在屏幕像素中。内存中的图形数据，经过转换显示到屏幕上的这个过程，就是渲染。而负责执行这个过程的，就是 GPU。
渲染的过程中，GPU 需要处理屏幕上的每一个像素点，并保证这些像素点的更新是流畅的，这就对 GPU 的并行计算能力要求非常高。
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《iOS开发高手课》，如需阅读全部文章，
请订阅文章所属专栏。
请订阅文章所属专栏。
立即订阅
登录 后留言
精选留言(2)
🚲 刘大欢斗胆尝试回答一下楼上同学的问题 屏幕开始渲染的时候 cpu会做包括视图创建 布局计算 图层绘制 图像解码等一系列事情 等构件好图层树 渲染层拿到并反序列化后成为渲染树调用openGL操作gpu指令时 其实在序列化完成 这个事务已经完成了 剩下的就是屏幕上绘制这一帧的显示了 你说的改变位置应该是下帧的事情了 不可能在在中间还有穿插一次提交这么一说吧2019-12-08
方金峰老师，问一下啊！iOS的图层树经过序列化发送到渲染服务进程，渲染服务进程反序列化得到图层树，然后生成渲染树，这里如果当前只改动了一个图层的位置，app当前进程也会将整颗图层树序列化发送到渲染服务进程？如果是整颗图层树这样设计的好处是什么，因为进程和进程之间的通讯，数据传输是一个制约效率的因素，这里能否请老师帮忙解答下，或是指明下哪里有这方面材料，可以研究下。麻烦了啊！2019-07-02
收起评论