金秋十月，朦朧的秋色擷夾著一份收獲，一份回憶，記錄了一季的圓滿。在十年前，無(wú)論多復(fù)雜的布局，在神奇的table面前都不是問(wèn)題，驚嘆著神奇的yahoo在IE5下都能表現(xiàn)的如此***。在Web標(biāo)準(zhǔn)化后，開始專注于網(wǎng)站的性能優(yōu)化以及交互體驗(yàn)，各種響應(yīng)式以及CSS3的風(fēng)靡，SVG和WebGL的流行，使得H5走進(jìn)人們的眼簾。在云端的這個(gè)金秋季節(jié)，H5還能否為我們帶來(lái)一絲絲新意？

10月31日，51CTO在北京理想國(guó)創(chuàng)業(yè)咖啡廳舉辦了第七期線下公開課，本次沙龍主題聚焦HTML5高質(zhì)量應(yīng)用開發(fā)，繼續(xù)于H5標(biāo)準(zhǔn)定稿后，如何在云時(shí)代低成本打造***用戶體驗(yàn)的H5應(yīng)用。

[[154479]]

本次公開課51CTO誠(chéng)邀三家H5新銳企業(yè)的一線前端技術(shù)專家，通過(guò)不同領(lǐng)域的H5探索，分別從新穎的HTML5/WebGL的3D建模、云端的Web技術(shù)棧的選擇、以及如何利用H5超越原生應(yīng)用體驗(yàn)的技術(shù)分享。

[[154480]]

Autodesk資深開發(fā)顧問(wèn)杜長(zhǎng)宇

首位演講人是來(lái)自Autodesk資深開發(fā)顧問(wèn)杜長(zhǎng)宇，演講的主題是《Web從此走入3D時(shí)代 -  基于HTML5/WebGL的3D模型瀏覽技術(shù) 》。目前負(fù)責(zé)其公司云技術(shù)的支持和推廣，關(guān)注HTML5、WebGL、NodeJs及Web上的三維模型顯示技術(shù)。

3D立體模型效果展示

[[154481]]

杜老師給開發(fā)者演示W(wǎng)eb中幾種可交互的3D立體模型效果，看了如此效果，二維和三維如何選擇想必現(xiàn)場(chǎng)開發(fā)者已有定論。

在線三維模型瀏覽工具

杜老師表示，用WebGL打造三維效果，無(wú)需任何插件并且?guī)缀跛鞋F(xiàn)代瀏覽器都支，但是WebGL也不是那么簡(jiǎn)單。有簡(jiǎn)單的方法那就是知曉上圖這些在線三維模型瀏覽工具，其中Autodesk Viewer可以在瀏覽器和移動(dòng)設(shè)備中瀏覽，簡(jiǎn)單、而且免費(fèi)使用。

Autodesk Viewer

Autodesk Viewer支持ipt, neu, stla, stl, xlsx, jt, jpg, skp, prt, dwf, xls, png, sldas等眾多數(shù)據(jù)格式，目前還在持續(xù)增加中。上圖是模型 + 屬性數(shù)據(jù)的展示，還提供編程接口View and Data API?？赡艿膽?yīng)用場(chǎng)景有，物業(yè)管理、電子商務(wù)商品展示、展品在線虛擬體驗(yàn)、生產(chǎn)管理、設(shè)備運(yùn)行監(jiān)控、游戲、虛擬現(xiàn)實(shí)等。

LeanCloud高級(jí)工程師尼奧

接下來(lái)演講人是來(lái)自LeanCloud高級(jí)工程師尼奧（王瀟），演講的主題是《構(gòu)建云上的云》。目前負(fù)責(zé)LeanCloud JavaScript SDK 及 Web 端產(chǎn)品，有豐富的 Web 產(chǎn)品和技術(shù)產(chǎn)品開發(fā)經(jīng)驗(yàn)。

回顧云服務(wù) 解析云上的云

[[154482]]

曾經(jīng)開發(fā)一個(gè)產(chǎn)品需要Desiger、FE、BE、OP四各環(huán)節(jié)，之后OP就被眾多云服務(wù)所代替。有了BaaS 以后（云服務(wù) 2.0）BE、OP這兩個(gè)環(huán)節(jié)也可節(jié)省，使得寫程序更容易，產(chǎn)品迭代更快速。基于LeanCloud自身需求與服務(wù)，開始在產(chǎn)品和技術(shù)層面的綜合考慮，比 如說(shuō)產(chǎn)品瀏覽器兼容性的問(wèn)題，就要在技術(shù)層面權(quán)衡。

技術(shù)棧與分工

從尼奧老師的演講中，開發(fā)者們可以了解當(dāng)下如果Web產(chǎn)品的研發(fā)較色發(fā)生轉(zhuǎn)變時(shí)，應(yīng)該如何選擇技術(shù)棧。并且和開發(fā)者們探討了技術(shù)開發(fā)模式。多做產(chǎn)品、提升技術(shù)能力、嘗試新技術(shù)、成為主導(dǎo)者等是前端技術(shù)發(fā)展和職業(yè)發(fā)展方向。

 LeanCLoud

LeanCLoud典型用戶是知乎、UBer（中國(guó)）、功夫貓、決戰(zhàn)喵星等。尼奧老師表示，前端工程師將成為技術(shù)主導(dǎo)者，前端工程師應(yīng)該提升技術(shù)能力、嘗試新技術(shù)、多做產(chǎn)品。

Dcloud高級(jí)前端工程師崔紅保

***演講人是來(lái)自Dcloud高級(jí)前端工程師崔紅保，演講的主題是《多端發(fā)布和流應(yīng)用，HTML5超越原生的利器》，目前致力于如何讓HTML5達(dá)到原生App體驗(yàn)。

MUI —高性能前端框架

MUI —高性能前端框架擁有眾多UI擴(kuò)展插件及模板，擁有小巧 、原生樣式、流暢體驗(yàn)等特點(diǎn)。

HBuilder工具

HBuilder工具作為HTML5開發(fā)工具有多語(yǔ)言編輯、離線登錄、一鍵搜索等優(yōu)勢(shì)。

基于HTML5流應(yīng)用終將超越原生

HTML5應(yīng)用在功能和性能上都可以和原生應(yīng)用相媲美，HTML5應(yīng)用跨平臺(tái)六端齊發(fā)、動(dòng)態(tài)執(zhí)行、成本低等其特有的優(yōu)勢(shì)。崔老師***表示，基于HTML5流應(yīng)用產(chǎn)皮終將超越原生。

[[154483]]

開發(fā)者提問(wèn)

在每位講師演完之后，現(xiàn)場(chǎng)的開發(fā)者們都踴躍的提出自己的觀點(diǎn)，和三位講師進(jìn)行交流。大家相對(duì)比較關(guān)注的技術(shù)如三維模型顯示、hybrid、5+ runtime引擎、流應(yīng)用等。由于時(shí)間關(guān)系，講師們回答有限幾個(gè)問(wèn)題之后，留下各自聯(lián)系方式，以便后續(xù)和開發(fā)者交流。之后MDSA也會(huì)把各位老師分享的 PPT以及給廣大的開發(fā)者分享。

大會(huì)以精心的抽獎(jiǎng)環(huán)節(jié)告終，抽獎(jiǎng)方式是從現(xiàn)場(chǎng)所有開發(fā)者手中收集的調(diào)查問(wèn)卷中選出。通過(guò)三次抽獎(jiǎng)，現(xiàn)場(chǎng)開發(fā)者熱血沸騰，獎(jiǎng)品是一款雷蛇游戲鍵鼠套裝和兩款智能的運(yùn)動(dòng)手環(huán)。

[[154484]]

整個(gè)沙龍結(jié)束后開發(fā)者們意猶未盡，還在在和老師們探討交流今天的演講內(nèi)容。

寫在***：

萬(wàn)維網(wǎng)聯(lián)盟（W3C）宣布 HTML5 完成標(biāo)準(zhǔn)制定一周年紀(jì)念日已過(guò)去兩天，15年HTML5飛速發(fā)展，有很多人正處在基于HTML5的宣傳廣告、移動(dòng)應(yīng)用、手機(jī)頁(yè)游等產(chǎn)品開發(fā)的路上。純粹的 HTML5正處于少年期，它有更廣闊的未來(lái)，等著開發(fā)者腳踏實(shí)地的一步步深入探索。同時(shí)也有一些問(wèn)題需要開發(fā)者們?nèi)タ朔?。HTML5對(duì)移動(dòng)應(yīng)用革命性的影 響力深深地吸引著眾多的開發(fā)者向前進(jìn)，在明年，在未來(lái)HTML5 將會(huì)更加普及。相信來(lái)參加移動(dòng)開發(fā)者服務(wù)聯(lián)盟(MDSA)線下公開課的開發(fā)者，都已經(jīng)感受到HTML5的力量，期待下次公開課與大家再次聚首。

MDSA線下公開課每月一期，力求為廣大開發(fā)者解決移動(dòng)開發(fā)各個(gè)環(huán)節(jié)中所遇到的問(wèn)題。也希望更多開發(fā)者關(guān)注51CTO，關(guān)注MDSA。 我們會(huì)一如既往為廣大開發(fā)者邀請(qǐng)業(yè)內(nèi)最權(quán)威的講師，分享最有價(jià)值的干貨！下期見了！

MDSA線下公開課PPT下載地址：

◆ 多端發(fā)布和流應(yīng)用，HTML5超越原生的利器副本

◆ 構(gòu)建云上的云

◆ Web從此走入3D時(shí)代 - 基于HTML5/WebGL的3D模型瀏覽技術(shù)探討