计算机图形学是计算机的传统的领域，随着UI技术不断发展，封装好的组件很大程度替代了基础的图形学能力，尤其是前端职能兴起，使得业务的开发不再需要关注底层的图形技术。但是现代UI设计对技术的要求越来越高，移动端场景对性能的诉求也越来越高，随着这样的变化，图形技术又开始有了需求。

演讲提纲：

1. 移动时代图形技术的应用场景
2. 图形技术的原理
3. 图形技术的基础设施

听众收益：

1. 从计算机图形技术在前端中的应用获得启发。
2. 学习基本的图形技术原理。
3. 了解业界开源资源。

随着互联网的发展和技术的不断进步，前端工程师面对复杂产品（如流程化、跨场景、跨设备的产品）时，遇到体验问题多且碎，容易陷入细节中。如何快速找出体验问题的本质，建立有效行动的支柱，是前端工程师进阶必须要建立的理论体系，本次演讲会从大量日常接触的案例中，归纳梳理前端体验领域的设计原理。

 

演讲主要包括：

1.前端体验中的设计原理

    （1）前端体验和设计原理的定义

    （2）四项设计原理

        ◆ 1、健壮性原则

            ◇ 发送时保守，接收时开放；

            ◇ 举例

        ◆ 2、不确定性

            ◇ 无法预料的无数种可能

            ◇ 举例

        ◆ 3、渐进增强

            ◇依赖可靠的技术，实现核心的功能

            ◇ 举例

        ◆ 4、通用性设计

            ◇ 对所有人友好

            ◇ 举例

2.现实情况

     （1）项目时间

     （2）开发者便利

 

听众受益：

1.初步了解前端体验的设计原理体系

2.对前端技术方案选型有更广度的认知

3.理解设计理念还原的重要性

随着微信小游戏的爆发，HTML5游戏迎来了一轮新的高峰，从 2014 年开始白鹭引擎团队就一直致力于 HTML5 游戏引擎的开发工作。本次演讲将从游戏的渲染原理角度出发，重点探讨基于 HTML5 API 的游戏引擎的渲染模块的架构设计思路及优化技巧。

演讲提纲：

1. 从技术角度来看，什么是 HTML5 游戏

2. HTML5 游戏的渲染 API 选型

    （1） DOM

    （2） Canvas - 2d

    （3） Canvas - WebGL

3. 游戏引擎的渲染实现方式

    （1） 渲染静态内容

    （2） 渲染动画内容

4. 渲染 API 的设计

    （1） 空间变换与父子节点

    （2） 鼠标、触摸事件的碰撞检测

5. 性能优化技巧

 

听众受益：

1. 了解游戏引擎的原理

2. 了解游戏渲染以及动画开发中性能优化技巧

前端作为一项表现层的技术，图形图像的处理是其很重要的一部分。

房屋作为一种非标品，也需要更丰富的图形信息对其做展示，以达到更有效的信息传图作用。

在过去的两年，链家在房屋图形图像方面做了一些工作，在这里为大家分享一下前端技术可以做哪些事情。

 

演讲大纲：

        1、非标化产品线上化需要更丰富的信息展示

        2、房屋作为非标产品对UI技术有什么诉求

        3、前端UI技术在二维空间下的一些应用探索

        4、前端UI技术在三维空间下的一些应用探索

        5、如何将技术结合业务场景

 

听众获益

1.了解前端图形技术的一些使用场景，探寻一些实现的可能性。

2.前沿技术如何与业务相结合