1、前言
最近跟部门同学一起分享了跨平台的事儿，写了将近200+页ppt，最后只讲了100+页，只把其中重点的内容讲了，但是，我认为对跨平台的学习，不止是重点的技术内容，还有很多值得探索的问题，比如历史背景，历史发展，那些事儿，那些人儿，往往不经意间，改变历史的技术，就在那一瞬时，，固守自封的必须会被淘汰，把握了机遇就有新出路，没有看准方向的会浪费大量的时间。当然，从历史脉络来看跨平台，必须千人千面，能有共鸣之处就好。
下面会有将近200+图片，后续有时间，会针对每张ppt添加对应的讲解。
2、PPT
幻灯片001.jpeg
幻灯片002.jpeg
幻灯片003.jpeg
幻灯片004.jpeg
幻灯片005.jpeg
幻灯片006.jpeg
幻灯片007.jpeg
幻灯片008.jpeg
幻灯片009.jpeg
幻灯片010.jpeg
幻灯片011.jpeg
幻灯片012.jpeg
幻灯片013.jpeg
幻灯片014.jpeg
幻灯片015.jpeg
幻灯片016.jpeg
幻灯片017.jpeg
幻灯片018.jpeg
幻灯片019.jpeg
幻灯片020.jpeg
幻灯片021.jpeg
幻灯片022.jpeg
幻灯片023.jpeg
幻灯片024.jpeg
幻灯片025.jpeg
幻灯片026.jpeg
幻灯片027.jpeg
幻灯片028.jpeg
幻灯片029.jpeg
幻灯片030.jpeg
幻灯片031.jpeg
幻灯片032.jpeg
幻灯片033.jpeg
幻灯片034.jpeg
幻灯片035.jpeg
幻灯片036.jpeg
幻灯片037.jpeg
幻灯片038.jpeg
幻灯片039.jpeg
幻灯片040.jpeg
幻灯片041.jpeg
幻灯片042.jpeg
幻灯片043.jpeg
幻灯片044.jpeg
幻灯片045.jpeg
幻灯片046.jpeg
幻灯片047.jpeg
幻灯片048.jpeg
幻灯片049.jpeg
幻灯片050.jpeg
幻灯片051.jpeg
幻灯片052.jpeg
幻灯片053.jpeg
幻灯片054.jpeg
幻灯片055.jpeg
幻灯片056.jpeg
幻灯片057.jpeg
幻灯片058.jpeg
幻灯片059.jpeg
幻灯片060.jpeg
幻灯片061.jpeg
幻灯片062.jpeg
幻灯片063.jpeg
幻灯片064.jpeg
幻灯片065.jpeg
幻灯片066.jpeg
幻灯片067.jpeg
幻灯片068.jpeg
幻灯片069.jpeg
幻灯片070.jpeg
幻灯片071.jpeg
幻灯片072.jpeg
幻灯片073.jpeg
幻灯片074.jpeg
幻灯片075.jpeg
幻灯片076.jpeg
幻灯片077.jpeg
幻灯片078.jpeg
幻灯片079.jpeg
幻灯片080.jpeg
幻灯片081.jpeg
幻灯片082.jpeg
幻灯片083.jpeg
幻灯片084.jpeg
幻灯片085.jpeg
幻灯片086.jpeg
幻灯片087.jpeg
幻灯片088.jpeg
幻灯片089.jpeg
幻灯片090.jpeg
幻灯片091.jpeg
幻灯片092.jpeg
幻灯片093.jpeg
幻灯片094.jpeg
幻灯片095.jpeg
幻灯片096.jpeg
幻灯片097.jpeg
幻灯片098.jpeg
幻灯片099.jpeg
幻灯片100.jpeg
幻灯片101.jpeg
幻灯片102.jpeg
幻灯片103.jpeg
幻灯片104.jpeg
幻灯片105.jpeg
幻灯片106.jpeg
幻灯片107.jpeg
幻灯片108.jpeg
幻灯片109.jpeg
幻灯片110.jpeg
幻灯片111.jpeg
幻灯片112.jpeg
幻灯片113.jpeg
幻灯片114.jpeg
幻灯片115.jpeg
幻灯片116.jpeg
幻灯片117.jpeg
幻灯片118.jpeg
幻灯片119.jpeg
幻灯片120.jpeg
幻灯片121.jpeg
幻灯片122.jpeg
幻灯片123.jpeg
幻灯片124.jpeg
幻灯片125.jpeg
幻灯片126.jpeg
幻灯片127.jpeg
幻灯片128.jpeg
幻灯片129.jpeg
幻灯片130.jpeg
幻灯片131.jpeg
幻灯片132.jpeg
幻灯片133.jpeg
幻灯片134.jpeg
幻灯片135.jpeg
幻灯片136.jpeg
幻灯片137.jpeg
幻灯片138.jpeg
幻灯片139.jpeg
幻灯片140.jpeg
幻灯片141.jpeg
幻灯片142.jpeg
幻灯片143.jpeg
幻灯片144.jpeg
幻灯片145.jpeg
幻灯片146.jpeg
幻灯片147.jpeg
幻灯片148.jpeg
幻灯片149.jpeg
幻灯片150.jpeg
幻灯片151.jpeg
幻灯片152.jpeg
幻灯片153.jpeg
幻灯片154.jpeg
幻灯片155.jpeg
幻灯片156.jpeg
幻灯片157.jpeg
幻灯片158.jpeg
幻灯片159.jpeg
幻灯片160.jpeg
幻灯片161.jpeg
幻灯片162.jpeg
幻灯片163.jpeg
幻灯片164.jpeg
幻灯片165.jpeg
幻灯片166.jpeg
幻灯片167.jpeg
幻灯片168.jpeg
幻灯片169.jpeg
幻灯片170.jpeg
幻灯片171.jpeg
幻灯片172.jpeg
幻灯片173.jpeg
幻灯片174.jpeg
幻灯片175.jpeg
幻灯片176.jpeg
幻灯片177.jpeg
幻灯片178.jpeg
幻灯片179.jpeg
幻灯片180.jpeg
幻灯片181.jpeg
幻灯片182.jpeg
幻灯片183.jpeg
幻灯片184.jpeg
幻灯片185.jpeg
幻灯片186.jpeg
幻灯片187.jpeg
幻灯片188.jpeg
幻灯片189.jpeg
幻灯片190.jpeg
幻灯片191.jpeg
幻灯片192.jpeg
幻灯片193.jpeg
幻灯片194.jpeg
幻灯片195.jpeg
幻灯片196.jpeg
幻灯片197.jpeg
幻灯片198.jpeg
幻灯片199.jpeg
幻灯片200.jpeg
幻灯片201.jpeg
幻灯片202.jpeg
幻灯片203.jpeg
3、总结
目前比较忙，后续会慢慢的对每张ppt添加对应的讲解，请期待吧。
相关的资料在 GitHub 可获得：
以上就是跨平台那些事儿，当我们在谈论跨平台的时候，不止是Flutter，还有更多的底层知识或者新生命的事物，理解跨平台，才能应对 ReactNative、Flutter，或者未来的新事物，同时，还要跨越自己，让自己成为一个平台！那么，当我们再在谈论跨平台的时候，我们一定能够应对未来！这就是我想要表达的想法。
参考
移动跨平台框架：
- facebook/react-native: A framework for building native apps with React.
- flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond.
- Get Qt - Download now
- Xamarin | Open-source mobile app platform for .NET
- electron/electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
- Yoga Layout | A cross-platform layout engine
苹果 WWDC:
- All WWDC Videos - Apple Developer
- Introducing Core Haptics - WWDC 2019 - Videos - Apple Developer
- Designing Audio-Haptic Experiences - WWDC 2019 - Videos - Apple Developer
- Essential Design Principles - WWDC 2017 - Videos - Apple Developer
- Designing Across Platforms - WWDC 2017 - Videos - Apple Developer
- Haptics - User Interaction - iOS - Human Interface Guidelines - Apple Developer
- Haptic Feedback - User Interaction - watchOS - Human Interface Guidelines - Apple Developer
- Design For Everyone - WWDC 2017 - Videos - Apple Developer
- Dark theme - Material Design
- Design - Apple Developer
谷歌 Android：
- 开发者指南 | Android 开发者 | Android Developers
- OpenGL ES | Android 开发者 | Android Developers
- 缩减图片下载大小 | Android 开发者 | Android Developers
其它资料文档：
技术：
- 【扫盲】HTML5、Web APP、3G网站、Wap网站傻傻分不清楚慕辰北新浪博客
- app和wap手机网站的区别在哪里 | 菜鸟教程
- Web 1.0、2.0、3.0 分别是什么意思？ - 知乎
- 腾讯公司简介 - Tencent 腾讯
- WAP业务常见问题_中国移动通信
- GPRS套餐_广东移动
- MM_服务中心_中国移动通信
- 中国移动通信产业20年大事记-搜狐IT)
- 1G到5G，我国移动通信发展里程碑 - C114通信网
- 中国互联网络信息中心
- 看电视的人，越来越少了 | 爱范儿
- 分不清ARM和X86架构，别跟我说你懂CPU！
- 苹果、三星、高通都属ARM阵营，为啥华为就不行？-EDN 电子技术设计
- 世界上还有哪些能做基带的公司？ - 知乎
- 移动GPU和桌面GPU最核心的差别（讲述TBR和Immediate Rendering） - 知乎
- Android的UI底层是用CPU绘图的还是GPU绘图的呢？以及surfaceview,window,普通view是如何实现的？ - 知乎
- WWDC 2018：写给 OpenGL 开发者们的 Metal 开发指南 - 掘金
- CPU/GPU/TPU/NPU傻傻分不清楚 - 知乎
- 什么是张量（tensor）& 深度学习 - 知乎
- 在移动领域，ARM 在哪些方面领先英特尔？ - 知乎
- Android屏幕绘制机制及硬件加速 - CSDN博客
软文：
- 如有侵权，联系必删！
- 如有不正确的地方，欢迎指导！
- 如有疑问，欢迎在评论区一起讨论！
注：本文首发于 iHTCboy's blog，如若转载，请注来源。
