上周四(6.20)GMTC2019大会的第一天，很荣幸作为「UI与图形渲染」专场出品人获得了与图形领域几位技术专家同场交流的机会。
图形技术在前端范畴内是一个相对小众的话题，虽然前端工程师几乎每天都在跟图形打交道(CSS)。CSS能够满足绝大多数的需求，即便偶尔遇到相对复杂的UI(比如描边文字)，稍加使用canvas或SVG便足以应对。大多数前端工程师在日常开发工作中并不会(也没必要)思考每个CSS方块背后的底层技术原理。除了从事于数据可视化、地图、游戏等强依赖图形技术行业的人以外，Canvas/SVG/WebGL及其背后的数学知识对于大多前端工程师而言都比较陌生。所以在一个前端大会上，尤其是在“大前端”以及“全栈”概念越来越普及的时代背景下，一个受众群体非常有限的小众技术专场便显得异常冷门和特立独行。当然，做图形专场的目的并不是为了凸显自身的与众不同，而是因为图形技术对前端工程师至关重要，具体原因稍后再表。
主办方在筹备GMTC2019之初并未设定图形专场，后承蒙主办方首肯采纳本人的建议，将去年的「UI与动画」专场更名为「UI与图形渲染」。其实我之所以极力争取设立图形专场有一点小小的私心，因为我本人从事于地图行业，目前的工作绝大多数是跟WebGL打交道但是水平非常粗浅，所以很想跟此领域的技术专家们请教一些技术问题。然而仍然高估了这个领域的从业者规模，讲题的收集异常艰难。相比去年的「前端工程化」专场，线上提交的讲题数量差了两个量级。幸得几位朋友推荐，请到了阿里的@徐远同和Twitter的@郭桦，才能够凑满名额。
在会议开始之前，我有预想到上座率不会很高，但到场的观众竟然颇多，尤其是第三场更是座无虚席并且门口也挤满了人，确实令人有些意外。四位讲师的分享都颇为精彩，干货满满，我作为主持人并未半分贡献，就充当个记流水账的账房先生吧。
《基于Flutter引擎的TypeScript UI框架在树莓派上的应用》-阿里-@徐远同这是本场四个讲题中最具技术深度的一个，内容并非是如何整合现有技术进行应用层UI开发，而是剖析渲染引擎的底层原理以及优化策略。每个前端工程师都或多或少地了解浏览器渲染HTML的流程和原理，这个讲题列出的渲染引擎技术与webkit大致类似，即便不是从事渲染引擎开发的普通前端工程师也能够通过此讲题更深入的了解渲染背后的技术细节。
《基于GLES的三维地图渲染技术工程实践》-高德-王前卫本场演讲开始之前出了一点小事故，ppt没有提前拷贝到工作人员的设备中并且讲台不能直接连接讲师的macbook，所以造成了几分钟的时间延误。在此向当时参会的观众道一声抱歉。
我确信当时在场的观众有很大一部分是从事地图行业的，因为演讲结束之后的现场问答环节观众提出的三个问题都是关于地图的。这个讲题真的是非常硬核的GIS科普课，非此领域的人应该都会听的一头雾水，跟我同行的朋友听完本场之后满头的黑人问号。当然我听的确实津津有味，也了解了一些很有用的地图渲染技巧，比如用简单的纹理坐标扰动便可实现水波纹效果。
《结合React与D3进行数据可视化开发》-Twitter-郭桦之前有预想这场的观众会很多，但是爆场确实有些意外。跟去年@Sky带来的Twitter前端工程化一样，可能国外大厂的名头有一定的“名人效应”加持，但更重要的是讲题本身的技术深度以及讲师对现场的把控能力。技术深度上，去年@Sky和今年@郭桦的讲题都非常优秀；演讲技巧上，@郭桦是我目前为止认为最好的演讲者，音量适当，不徐不疾，ppt简洁明了，时间掌握非常精准，40分钟的演讲时间刚刚好。并且所讲内容均聚焦于讲题本身，没有掺杂任何自我营销的成分。我比较反感把个人凌驾于讲题之上、语出惊人哗众取宠的“技术网红”，虽然不可否认网红的套路更容易引起关注和话题，但那不是技术从业者应有的态度。
D3.js对于接触过数据可视化的同学想必不会陌生，它更多地被应用于开发SVG charts。我第一份实习工作就是用D3.js做charts，那时候react还没问世，后来接触到react之后发现两者有一些相似之处，比如数据驱动UI，还写过一篇粗浅的文章。所以刚看到这个讲题时有些惊喜，因为终于有人跟我有相同的想法，在react诞生这么多年之后终于将其与D3.js结合并且应用于工业。虽然这个讲题的内容侧重于封装模式并未深入到底层技术，但这种探索和实践非常值得推广和借鉴。
《基于DOM 的可协作幻灯片编辑器架构模式》-石墨文档-刘怡年