百度资深前端工程师，ECharts 项目的团队成员沈毅在这次分享中介绍了他们团队在ECharts GL中应用 WebGL 的探索和经验。包括他们现在使用的 Canvas 所存在的一些限制， 应用 WebGL 后解决了哪些原先 Canvas 无法解决的问题，以及带来的一些新的问题和他们所采用的解决方案。

分享的第一块是三维可视化中基础的点、线、面的绘制，点线面在 Canvas 中的绘制非常简单，在 WebGL 中却需要很多技巧才能绘制好。

点：ECharts GL中用了 Signed Distance Field 绘制不同矢量形状的点，Signed Distance Field 的优势是可以存储在小尺寸的纹理中，图形放大后也有清晰的边缘，而且还能够绘制描边、外发光、阴影等效果。

线：WebGL 中原生的绘制线段的方法有许多坑，比如在 Windows 中没办法设置线宽0。由于这些限制，ECharts GL 中最后放弃了原生的画线方式，改用三角面模拟线段，并且在像素着色器中动态计算，实现屏幕空间等宽的线条。

面：在可视化中需要根据输入的数据动态的构建三角面。合理拿三维地图的构建作为例子介绍了如何将用户输入的 GeoJSON 数据三角化后构建成三维的网格。最后分析了其中三角化所使用的算法 Ear Clipping 的性能问题以及几个优化的思路。

分享的第二块通过 WebGL 加速力引导布局这个案例介绍了在WebGL中实现 GPU 通用计算的思路。传统的力引导布局每次迭代都是 O(n2)，并且需要上百次的迭代才能完成布局，所以开销很大，就算使用了 Barnes Hut Simulation 将算法复杂度降到 O(nlogn) 也没办法很快对上千个点的关系图布局完。对此可以利用 GPU 的并行性，尝试在shader 里完成力引导布局的计算。GPU 加速后在高端的显卡中相对于传统的 JS 布局有上百倍的性能提升。

分享的第三块介绍了PBR、软阴影、SSAO、景深和散景、调色、超采样抗锯齿等几种对最后输出的画质影响比较大的技术，但是这里面的一些技术往往需要很多的采样才能有比较好的效果，这会导致在一些低端电脑中没法流畅的交互。对于这个问题 ECharts GL 中采用的思路是“交互时用较低的画质从而能够得到实时的画面反馈，交互结束后对画面渐进增强”，atv，把原先一帧中要做的工作分到很多帧中去做。从而减小单帧的计算压力，并且又能保证最后输出的画质是增强后的。

　　Web安全之HTTPS技术应用

张伟伟先后参与了百度搜索HTTPS、移动端网络优化等项目，之前工作方向包括SSLVPN、WAF、防火墙/路由器等。在这次演讲中，张老师更多的讲解了安全、证书、性能优化等内容方向。

此前，百度网站也遇到过篡改URL、302跳转、手机号泄露、DNS劫持到其他网站、搜索功能异常、白页等状况，影响了用户的访问体验。百度搜索在国内率先实现了全站HTTPS。全站HTTPS首先得考虑HTTPS带来的性能问题。HTTPS访问过程中增加的不只是SSL握手，还要其他一些因素，比如证书验证。

总体的来说，HTTPS主要优化点包括：消除网络延迟，减少CPU运算，节省流量，提前渲染。

HTTPS对内容保护提供了一些安全的保证，但是HTTPS本身是否安全呢？张老师说，这主要从四个角度考虑；第一、私钥的保护，很多域名共同用一个证书，第二、服务部署在多个点，甚至是第三方服务平台，部署环境比较复杂。第三、当一个私钥泄露以后，攻击者可以伪造服务端来劫持流量。解决方案可以从三个部署去做；首先要保证私钥加密保护。其次最好是有一个“私有”的加密方案，通过开源算法组合，以及在密钥选择的时候，通过一些噪声的干扰等等措施达到更好的保护效果。最后是通过特殊硬件，私钥所有的运算都放在硬件中，硬件也有自我保护避免被恶意破坏。

第二个安全方面，大家可以关注一下服务的安全等级。SSLLABS提供了影响安全等级的几个因素，包括证书、协议版本，加密套件，以及协议和实现中的漏洞。当然安全性和可用性是一对相矛盾的命题，如果对于普通的服务B这个等级就可以满足当前的基本安全要求。这里需要考虑两点。第一、需要建立一套发现、验证和修复的响应机制，及时修复服务漏洞。第二、建议使用不同的TLS协议栈。另外，针对不同类型的服务提供不同的安全等级，比如说金融类提供A等级及以上。