電子發燒友App
創作
發文章
發帖 
提問 
發資料
發視頻資料介紹
異步加載模塊
在現在WEB開發中，前端的代碼量已經變得非常龐大，不可能再像以前那樣，把所有JS全部壓縮成一個文件，然后一次性全部加載。所以，無論你用什么樣的前端框架，異步加載模塊都是一個必備的功能。為了幫助初學者理解最基本的思路，畫圖示例如下：
以下是代碼塊和路由之間的對應關系（虛構的）：
http://localhost:4200/home chunk-0.js（10k）
http://localhost:4200/user chunk-1.js（10k）
http://localhost:4200/role chunk-2.js（50k）
http://localhost:4200/permission chunk-3.js（80k）
就算你不是前端開發者，你也能看出來，這樣好多了對不對？你不需要一上來就把所有js文件（一共150k）全部加載進來，只有當用戶開始使用某個菜單的時候，才去異步加載。很明顯，這是一個必備的特性，我們來看在Vue和Angular里面分別是怎么實現異步模塊的。
我們先來看Vue里面繁瑣的做法：
根據以上文檔，你首先要寫一下你已經寫好的Vue組件，然后自己再去利用webpack的code splitting特性自己寫配置文件。很明顯，當你的項目規模已經做得很大的時候，比如你已經寫了500個Vue組件，這時候你想切一下異步模塊，然后你就開始惡心了。首先你要把這500個組件都改一下，雖然每個組件改動的幅度不大，但是要改的數量還是挺多的！或者，當你發現某一些組件本來被打包在chunk-0.js里面的，但是由于業務上的修改，你現在必須把它們移動到chunk-1.js里面去，那對不起，請你自己到配置文件里面去慢慢改吧！
- 三種植物冠層分析儀技術參數對比分析 34次下載
- CXY1和CXY2稱重傳感器的對比分析 0次下載
- SolidWorks軟件的圖解法與CAD軟件的圖解法詳細對比分析 17次下載
- TD-LTE和FDD LTE的對比分析資料免費下載 2次下載
- BF981和BF982雙柵場效應管詳細特性數據對比分析免費下載 0次下載
- 多普勒天氣雷達網探測數據對比分析 0次下載
- 藍牙透傳模塊選型和對比分析 19次下載
- Xpeedic ViaExpert和SnpExpert的使用和對比分析 0次下載
- 穿戴式醫療設備MCU選型對比分析 16次下載
- 基于希爾伯特_黃變換和小波變換的500kV變電站諧振數據對比分析 1次下載
- 小型PLC對比分析
- MA計劃方式遷移機制的對比分析
- 幾種適合變速恒頻風力發電機并網方式對比分析
- TD-SCDMA技術獨立和混合組網對比分析
- 幾種適合變速恒頻風力發電機并網方式對比分析
- 常用音頻線接口對比分析 1493次閱讀
- 激光錫焊與回流焊接對焊點影響的對比分析 497次閱讀
- 交流伺服電機與直流伺服電機的對比分析 949次閱讀
- 控制繼電器與PLC的對比分析 1.9w次閱讀
- 超級電容儲能與飛輪儲能的對比分析 3133次閱讀
- 使用Vue3時遇到的一些問題 1080次閱讀
- SpringBoot+Vue實現網頁版人臉登錄、人臉識別 1093次閱讀
- 在iOS中集成Vue是什么 679次閱讀
- 詳談 Vue 和 React 的八大區別 8118次閱讀
- 各種光源的發光效率對比分析 4.7w次閱讀
- 逆變器和家電(電磁爐)的輻射對比分析 1.1w次閱讀
- 八種硬件設計EDA工具對比分析（價格、難度、功能） 2.2w次閱讀
- 動力電池能量密度技術企業哪家強_七家企業對比分析 1w次閱讀
- 用實例深入闡述雙端口分析和回歸比分析 6213次閱讀
- 兩種整流電路的工作原理對比分析 7219次閱讀
上傳資料賺積分下載排行
本周
- 1電子電路原理第七版PDF電子教材免費下載
- 0.00 MB | 1491次下載 | 免費
- 2單片機典型實例介紹
- 18.19 MB | 95次下載 | 1 積分
- 3S7-200PLC編程實例詳細資料
- 1.17 MB | 27次下載 | 1 積分
- 4筆記本電腦主板的元件識別和講解說明
- 4.28 MB | 18次下載 | 4 積分
- 5開關電源原理及各功能電路詳解
- 0.38 MB | 11次下載 | 免費
- 6100W短波放大電路圖
- 0.05 MB | 4次下載 | 3 積分
- 7基于單片機和 SG3525的程控開關電源設計
- 0.23 MB | 4次下載 | 免費
- 8基于AT89C2051/4051單片機編程器的實驗
- 0.11 MB | 4次下載 | 免費
本月
- 1OrCAD10.5下載OrCAD10.5中文版軟件
- 0.00 MB | 234313次下載 | 免費
- 2PADS 9.0 2009最新版 -下載
- 0.00 MB | 66304次下載 | 免費
- 3protel99下載protel99軟件下載(中文版)
- 0.00 MB | 51209次下載 | 免費
- 4LabView 8.0 專業版下載 (3CD完整版)
- 0.00 MB | 51043次下載 | 免費
- 5555集成電路應用800例(新編版)
- 0.00 MB | 33562次下載 | 免費
- 6接口電路圖大全
- 未知 | 30320次下載 | 免費
- 7Multisim 10下載Multisim 10 中文版
- 0.00 MB | 28588次下載 | 免費
- 8開關電源設計實例指南
- 未知 | 21539次下載 | 免費
總榜
- 1matlab軟件下載入口
- 未知 | 935053次下載 | 免費
- 2protel99se軟件下載(可英文版轉中文版)
- 78.1 MB | 537793次下載 | 免費
- 3MATLAB 7.1 下載 (含軟件介紹)
- 未知 | 420026次下載 | 免費
- 4OrCAD10.5下載OrCAD10.5中文版軟件
- 0.00 MB | 234313次下載 | 免費
- 5Altium DXP2002下載入口
- 未知 | 233046次下載 | 免費
- 6電路仿真軟件multisim 10.0免費下載
- 340992 | 191183次下載 | 免費
- 7十天學會AVR單片機與C語言視頻教程 下載
- 158M | 183277次下載 | 免費
- 8proe5.0野火版下載(中文版免費下載)
- 未知 | 138039次下載 | 免費
工商網監
評論