(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211113916.9 (22)申请日 2022.09.14 (71)申请人 上海得帆信息技 术有限公司 地址 201821 上海市嘉定区福海路101 1号3 幢A区1335室 (72)发明人 宋静杰　 (74)专利代理 机构 上海科盛知识产权代理有限 公司 312 25 专利代理师 夏健君 (51)Int.Cl. G06F 9/445(2018.01) G06F 9/50(2006.01) (54)发明名称 一种前端资源的按需加载 方法和系统 (57)摘要 本发明涉及一种前端资源的按需加载方法 和系统， 方法包括预先对所述非核心功能进行插 件化， 得到多个插件， 各个插件均设置有多个与 生命周期相对应的功能钩子， 多个功能钩子包 括： 安装钩子、 生效钩子、 失效钩子和卸载钩子； 当前端资源进行加载时， 获取各个插件的信息， 在需要运行非核心功能时， 则通过预先设置的插 件引擎， 加载对应插件的功能钩子， 获取执行结 果， 进行页面渲染。 与现有 技术相比， 本发明将一 个前端页面的核心功能和非核心功能分离开来， 具有降低了初始化前端资源的内容大小、 加快了 前端页面初始化的速度、 减少了核心模块部分的 开发难度等优点。 权利要求书2页 说明书6页 附图2页 CN 115291979 A 2022.11.04 CN 115291979 A 1.一种前端资源的按需加载方法， 所述前端资源包括核心功能和非核心功能， 其特征 在于， 所述方法包括： 预先对所述非核心功能进行插件化， 得到多个插件， 各个插件均设置有多个与生命周 期相对应的功能钩子， 多个功能钩子包括： 安装钩子， 在插 件加载后调用， 用于执 行插件初始化操作以及向页面进行 数据注入； 生效钩子， 在插 件在被激活生效后调用， 用于注 册插件生效状态的功能钩子； 失效钩子， 在插件被失效后调用， 用于对插件在生效时注册的功能钩子进行解除注册 并回收资源； 卸载钩子， 在插 件被完全卸载 前调用， 用于执 行资源回收操作； 当前端资源进行加载时， 获取各个插件的信 息， 在需要运行非核心功能时， 则通过预先 设置的插 件引擎， 加载对应插 件的功能钩子， 获取 执行结果， 进行页面 渲染。 2.根据权利要求1所述的一种前端资源的按需加载方法， 其特征在于， 所述插件的功能 钩子执行前， 需加载对应的插件； 插件加载过程为： 根据插件的信息加载插件文件， 并执行 该插件的安装钩子 。 3.根据权利要求2所述的一种前端资源的按需加载方法， 其特征在于， 所述插件的信 息 包括插件的唯一识别Code、 存储地址、 是否包含CSS文件、 名称和描述信息， 若存在CSS文件， 则在加载插 件文件的同时也记载CS S文件。 4.根据权利要求1所述的一种前端资源的按需加载方法， 其特征在于， 所述插件引擎包 括： 插件实例存 储器， 用于存放加载并注 册的插件实例； 插件状态管理器， 用于管理插件生效状态， 当通过插件引擎生效插件时， 将插件状态注 册为生效； 当通过插 件引擎失效插 件时， 将插 件状态注销； 插件执行器， 用于在插 件加载后， 注 册各个功能钩子， 并传输用于执 行的功能钩子； 插件加载器， 用于执 行插件加载和卸载操作； 功能钩子执行器， 用于在触发功能钩子加载指令时， 查找并执行在插件引擎中注册的 功能钩子 。 5.根据权利要求4所述的一种前端资源的按需加载方法， 其特征在于， 当处于安装周期 时， 获取插件加载指 令后， 在插件加载器中， 通过插件信息加载插件文件； 在 插件执行器中， 执行安装钩子， 并存储和注册其它功能钩子； 所述功能钩子执行器获取注册安装状态的功 能钩子； 在插 件实例存 储器中， 生成插 件实例并存 储。 6.根据权利要求5所述的一种前端资源的按需加载方法， 其特征在于， 当处于生效周期 时， 获取生效钩子执行指令后， 在插件实例存储器获取插件实例； 在插件执行器中， 执行生 效钩子； 在 插件状态管理器中， 注册插件生效状态， 所述功能钩子执行器获取注册生效状态 的功能钩子 。 7.根据权利要求5所述的一种前端资源的按需加载方法， 其特征在于， 当处于失效周期 时， 获取失效钩子执行指令后， 在插件实例存储器获取插件实例； 在插件状态管理器中， 注 销插件生效状态， 所述功能钩子执行器注销插件生效状态； 在插件执行器中， 执行失效钩 子。 8.根据权利要求5所述的一种前端资源的按需加载方法， 其特征在于， 当处于卸载周期权　利　要　求　书 1/2 页 2 CN 115291979 A 2时， 获取卸载钩子执行指 令后， 在插件实例存储器获取插件实例； 在功能钩子执行器中注销 所有功能钩子； 在 插件执行器中， 执行卸载钩子， 注销所有生命周期； 在 插件加载器中， 卸载 插件脚本。 9.根据权利要求1所述的一种前端资源的按需加载方法， 其特征在于， 所述前端资源加 载过程具体为： S1： 前端资源预先声明插件的功能钩子及其类型为指定插件名称的功能钩子或不指定 插件名称的功能钩子； S2： 前端资源在需要插 件介入的埋 点处， 调用功能钩子； S3： 插件引擎获取功能钩子的名称， 并在功能钩子执行器中查找是否存在对应的功能 钩子， 如果存在该功能钩子则继续执 行步骤S4； S4： 功能钩子执行器获取相应的功能钩子并读取其信息， 判断该功能钩子的类型； 如果 该功能钩子是指定插件名称的功能钩子， 则执行步骤S5； 如果是不指定插件名称的功能钩 子， 则执行步骤S6； S5： 在功能钩子执行器 中寻找该插件对应的钩子是否可用， 如果可用， 则执行该功能钩 子， 获取执行结果并继续执 行步骤S7； 当插件在安装状态或失效状态时， 只有其安装状态的功能钩子可用， 当插件在生效状 态时， 其所有功能钩子均可用， 当插 件在卸载状态时， 其所有功能钩子均不可用； S6： 功能钩子执行器遍历所有插件， 并获取所有对应的可用的功能钩子， 统一执行后获 取执行结果集并继续执 行步骤S7； S7： 获取结果或结果 集， 返回到前端资源的埋 点处， 并执 行步骤S8； S8： 前端资源的埋 点获取到插 件执行功能钩子后的结果， 根据结果 渲染页面。 10.一种前端资源的按需加载系统， 其特征在于， 包括存储器和 处理器， 所述存储器存 储有计算机程序， 处理器调用所述计算机程序执行如权利要求1至9任一所述的方法的步 骤。权　利　要　求　书 2/2 页 3 CN 115291979 A 3