多维度探索HTML5技术 打造最佳应用体验干货分享

金秋十月，朦胧的秋色撷夹着一份收获，一份回忆，记录了一季的圆满。在十年前，无论多复杂的布局，在神奇的table面前都不是问题，惊叹着神奇的yahoo在IE5下都能表现的如此完美。在Web标准化后，开始专注于网站的性能优化以及交互体验，各种响应式以及CSS3的风靡，SVG和WebGL的流行，使得H5走进人们的眼帘。在云端的这个金秋季节，H5还能否为我们带来一丝丝新意？

Autodesk资深开发顾问杜长宇

首位演讲人是来自Autodesk资深开发顾问杜长宇，演讲的主题是《Web从此走入3D时代 -  基于HTML5/WebGL的3D模型浏览技术 》。目前负责其公司云技术的支持和推广，关注HTML5、WebGL、NodeJs及Web上的三维模型显示技术。

3D立体模型效果展示

杜老师给开发者演示Web中几种可交互的3D立体模型效果，看了如此效果，二维和三维如何选择想必现场开发者已有定论。

在线三维模型浏览工具

杜老师表示，用WebGL打造三维效果，无需任何插件并且几乎所有现代浏览器都支，但是WebGL也不是那么简单。有简单的方法那就是知晓上图这些在线三维模型浏览工具，其中Autodesk Viewer可以在浏览器和移动设备中浏览，简单、而且免费使用。

Autodesk Viewer

Autodesk Viewer支持ipt, neu, stla, stl, xlsx, jt, jpg, skp, prt, dwf, xls, png, sldas等众多数据格式，目前还在持续增加中。上图是模型 + 属性数据的展示，还提供编程接口View and Data API。可能的应用场景有，物业管理、电子商务商品展示、展品在线虚拟体验、生产管理、设备运行监控、游戏、虚拟现实等。

LeanCloud高级工程师尼奥

接下来演讲人是来自LeanCloud高级工程师尼奥（王潇），演讲的主题是《构建云上的云》。目前负责LeanCloud JavaScript SDK 及 Web 端产品，有丰富的 Web 产品和技术产品开发经验。

回顾云服务 解析云上的云

曾经开发一个产品需要Desiger、FE、BE、OP四各环节，之后OP就被众多云服务所代替。有了BaaS 以后（云服务 2.0）BE、OP这两个环节也可节省，使得写程序更容易，产品迭代更快速。基于LeanCloud自身需求与服务，开始在产品和技术层面的综合考虑，比 如说产品浏览器兼容性的问题，就要在技术层面权衡。

技术栈与分工

从尼奥老师的演讲中，开发者们可以了解当下如果Web产品的研发较色发生转变时，应该如何选择技术栈。并且和开发者们探讨了技术开发模式。多做产品、提升技术能力、尝试新技术、成为主导者等是前端技术发展和职业发展方向。

 LeanCLoud

LeanCLoud典型用户是知乎、UBer（中国）、功夫猫、决战喵星等。尼奥老师表示，前端工程师将成为技术主导者，前端工程师应该提升技术能力、尝试新技术、多做产品。

Dcloud高级前端工程师崔红保

压轴演讲人是来自Dcloud高级前端工程师崔红保，演讲的主题是《多端发布和流应用，HTML5超越原生的利器》，目前致力于如何让HTML5达到原生App体验。

MUI —高性能前端框架

MUI —高性能前端框架拥有众多UI扩展插件及模板，拥有小巧 、原生样式、流畅体验等特点。

HBuilder工具

HBuilder工具作为HTML5开发工具有多语言编辑、离线登录、一键搜索等优势。

基于HTML5流应用终将超越原生

HTML5应用在功能和性能上都可以和原生应用相媲美，HTML5应用跨平台六端齐发、动态执行、成本低等其特有的优势。崔老师最后表示，基于HTML5流应用产皮终将超越原生。

开发者提问

在每位讲师演完之后，现场的开发者们都踊跃的提出自己的观点，和三位讲师进行交流。大家相对比较关注的技术如三维模型显示、hybrid、5+ runtime引擎、流应用等。由于时间关系，讲师们回答有限几个问题之后，留下各自联系方式，以便后续和开发者交流。之后MDSA也会把各位老师分享的 PPT以及给广大的开发者分享。

大会以精心的抽奖环节告终，抽奖方式是从现场所有开发者手中收集的调查问卷中选出。通过三次抽奖，现场开发者热血沸腾，奖品是一款雷蛇游戏键鼠套装和两款智能的运动手环。

整个沙龙结束后开发者们意犹未尽，还在在和老师们探讨交流今天的演讲内容。

写在最后：

万维网联盟（W3C）宣布 HTML5 完成标准制定一周年纪念日已过去两天，15年HTML5飞速发展，有很多人正处在基于HTML5的宣传广告、移动应用、手机页游等产品开发的路上。纯粹的 HTML5正处于少年期，它有更广阔的未来，等着开发者脚踏实地的一步步深入探索。同时也有一些问题需要开发者们去克服。HTML5对移动应用革命性的影 响力深深地吸引着众多的开发者向前进，在明年，在未来HTML5 将会更加普及。相信来参加移动开发者服务联盟(MDSA)线下公开课的开发者，都已经感受到HTML5的力量，期待下次公开课与大家再次聚首。

MDSA线下公开课PPT下载地址：

◆ 多端发布和流应用，HTML5超越原生的利器副本