基於Vue的防淘寶(手機端)模塊化加載解決方案

前段時間在掘金上看到一位小夥伴寫的模塊化解決方案，今天心血來潮也弄了一個

第一次發帖，文筆有限，技術有限，請各位多多包涵！

demo

源碼地址

解決問題

• 首屏內容過多致使的FPS下降卡頓
• 加快首屏加載速度
• 動態控制首屏加載內容

實現思路

使用window.requestAnimationFrame和document.readyState實現組件加載

window.requestAnimationFrame保證加載時的FPS不會過低

document.readyState獲取當前dom節點加載狀態，保證在以前的節點渲染完以後再去渲染新的節點

支持的功能

• 動態組件props傳遞
• 動態組件事件監聽
• 動態組價實例對象獲取
• 動態組件銷燬
• 動態組件異步加載

效果

這裏是普通加載模式

這裏是模塊化順序加載模式