《四大導師拯救麥渣》大眾點評網的H5使用了哪些新技術?
01-01
在分析《四大導師拯救麥渣》這個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廣告 |