《四大導師拯救麥渣》大眾點評網的H5使用了哪些新技術?

在分析《四大導師拯救麥渣》這個H5時,發現其整個頁面是Canvas,而頁面結構與數據內容寫在xml文件中

裡面主要用了require.js進行模塊化,但由於代碼經過了少些壓縮,我不太懂這頁面具體是用了什麼框架,能把頁面寫在canvas上的?難道是React-Canvas嗎?求大牛分析分析。。。

附上鏈接:四大導師拯救麥渣


看了一下,服。

框架應該是他們自己寫的,他們管這個叫做 AXE,基於 XHR + TypedArray + Blob 做了 assets 載入,基於 2d canvas 的渲染引擎,各種控制項,滾動管理,動態載入,幀動畫。

用 react-canvas 應該也能做出來差不多效果,控制項還要多些,但是 react canvas 的 build size 比這大好多。


感覺 在 canvas 裡面重新定義了 html 與 css

只是可惜大眾點評不是蘋果,炒不起這噱頭


推薦閱讀:

有哪些令人印象深刻的H5?
好的H5策劃方案,怎麼做?
H5究竟會火到什麼地步?
未來應用與易企秀這樣的製作平台有什麼區別?
有沒有類似開心推一樣的H5遊戲廣告定製的平台?

TAG:JavaScript | Canvas | React | H5廣告 |