资料介绍
异步加载模块
在现在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次阅读
下载排行
本周
- 1DC电源插座图纸
- 0.67 MB | 3次下载 | 免费
- 2AN-1267: 使用ADSP-CM408F ADC控制器的电机控制反馈采样时序
- 1.41MB | 3次下载 | 免费
- 3AN158 GD32VW553 Wi-Fi开发指南
- 1.51MB | 2次下载 | 免费
- 4AN148 GD32VW553射频硬件开发指南
- 2.07MB | 1次下载 | 免费
- 5AN111-LTC3219用户指南
- 84.32KB | 次下载 | 免费
- 6AN153-用于电源系统管理的Linduino
- 1.38MB | 次下载 | 免费
- 7AN-283: Σ-Δ型ADC和DAC[中文版]
- 677.86KB | 次下载 | 免费
- 8SM2018E 支持可控硅调光线性恒流控制芯片
- 402.24 KB | 次下载 | 免费
本月
- 1ADI高性能电源管理解决方案
- 2.43 MB | 450次下载 | 免费
- 2免费开源CC3D飞控资料(电路图&PCB源文件、BOM、
- 5.67 MB | 138次下载 | 1 积分
- 3基于STM32单片机智能手环心率计步器体温显示设计
- 0.10 MB | 130次下载 | 免费
- 4使用单片机实现七人表决器的程序和仿真资料免费下载
- 2.96 MB | 44次下载 | 免费
- 5美的电磁炉维修手册大全
- 1.56 MB | 24次下载 | 5 积分
- 6如何正确测试电源的纹波
- 0.36 MB | 18次下载 | 免费
- 7感应笔电路图
- 0.06 MB | 10次下载 | 免费
- 8万用表UT58A原理图
- 0.09 MB | 9次下载 | 5 积分
总榜
- 1matlab软件下载入口
- 未知 | 935121次下载 | 10 积分
- 2开源硬件-PMP21529.1-4 开关降压/升压双向直流/直流转换器 PCB layout 设计
- 1.48MB | 420062次下载 | 10 积分
- 3Altium DXP2002下载入口
- 未知 | 233088次下载 | 10 积分
- 4电路仿真软件multisim 10.0免费下载
- 340992 | 191367次下载 | 10 积分
- 5十天学会AVR单片机与C语言视频教程 下载
- 158M | 183335次下载 | 10 积分
- 6labview8.5下载
- 未知 | 81581次下载 | 10 积分
- 7Keil工具MDK-Arm免费下载
- 0.02 MB | 73810次下载 | 10 积分
- 8LabVIEW 8.6下载
- 未知 | 65988次下载 | 10 积分
评论