一种可扩展前端功能组件的实现方法、装置和电子设备制造方法及图纸

本公开涉及一种可扩展前端功能组件的实现方法、装置和电子设备，其中，方法包括：通过对前端页面功能模块进行解耦，得到若干抽象封装为单一组件功能的脚本文件，且脚本文件能够跨框架复用，将脚本文件添加到初始化成员列表，对初始化成员列表中的脚本文件进行初始化，得到具有唯一标识的目标组件，检测基库中与目标组件存在关联的基础组件，将目标组件与基础组件进行关联，得到功能组件，将功能组件添加到基库中，得到前端功能组件库。本公开实现了组件的集中控制，便于维护；且组件能够进行跨框架应用，适用范围广；还能够通过组件之间的关联进行功能扩展，满足前端功能需求，提高了开发效率和开发质量。高了开发效率和开发质量。高了开发效率和开发质量。

【技术实现步骤摘要】
一种可扩展前端功能组件的实现方法、装置和电子设备


[0001]本公开涉及计算机软件开发
，尤其涉及一种可扩展前端功能组件的实现方法、装置、电子设备及计算机可读存储介质。

技术介绍

[0002]相关技术中，随着软件、互联网的发展，前端开发技术在项目研发中占比越来越大，对前端开发技术的要求也越来越高。同时，前端库和框架也层出不穷，例如Jquery、Angular、Vue、React等，它们都分别用自己的方式实现了外观、结构和功能的分离，但这也意味着不同框架的项目不能够兼容地去复用功能模块，同时技术选型的变更将使得研发任务倍增。
[0003]因此，亟需一种能够不依赖于三方库和框架，广泛适用，实现代码跨框架复用的方法。

技术实现思路

[0004]为克服相关技术中存在的问题，本公开提供一种可扩展前端功能组件的实现方法、装置、电子设备及计算机可读存储介质。
[0005]根据本公开实施例的第一方面，提供一种可扩展前端功能组件的实现方法，包括：对前端页面的功能模块进行解耦，得到若干抽象封装为单一组件功能的脚本文件，所述脚本本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种可扩展前端功能组件的实现方法，其特征在于，包括：对前端页面的功能模块进行解耦，得到若干抽象封装为单一组件功能的脚本文件，所述脚本文件能够跨框架复用；将所述脚本文件添加到初始化成员列表，对所述初始化成员列表中的脚本文件进行初始化，得到具有唯一标识的目标组件；检测基库中与所述目标组件存在关联的基础组件，将所述目标组件与所述基础组件进行关联，得到功能组件；将所述功能组件添加到所述基库中，得到前端功能组件库。2.根据权利要求1所述的可扩展前端功能组件的实现方法，其特征在于，所述对前端页面的功能模块进行解耦，得到若干抽象封装为单一组件功能的脚本文件，包括：获取前端页面的若干功能模块，所述功能模块包括对应的功能字段，根据所述功能字段对所述若干功能模块进行解耦，得到若干解耦文件；采用单一性原则将所述若干解耦文件抽象为独立的单一组件功能；对所述单一组件功能进行封装，得到对应的脚本文件。3.根据权利要求1所述的可扩展前端功能组件的实现方法，其特征在于，所述将所述脚本文件添加到初始化成员列表，对所述初始化成员列表中的脚本文件进行初始化，得到具有唯一标识的目标组件，包括：将若干所述脚本文件添加到初始化成员列表；向所述初始化成员列表对应的脚本文件注入初始化函数；结合批处理函数和所述初始化函数，通过批处理的方式对所述脚本文件进行统一初始化，并对初始化后的脚本文件打上唯一标识，得到目标组件。4.根据权利要求1所述的可扩展前端功能组件的实现方法，其特征在于，所述基础组件用于实现前端页面基础需求功能，通过引入基类函数并命名实现对所述基础组件进行监听和调用，结合所述基类函数和所述基础组件构建得到基库。5.根据权利要求4所述的可扩展前端功能组件的实现方法，其特征在于，所述检测基库中与所述目标组件存在关联的基础组件，将所述目标组件与所述基础组件进行关联，得到功能组件，包括：基于所述目标组件，在所述基库中检测与所述目标组件存在关联关系的至少一个基础组件；根据所述基类函数将所述目标组件与至少一个基础组件进行关联，得到功...

【专利技术属性】
技术研发人员：秦武涛，
申请(专利权)人：国科础石重庆软件有限公司，
类型：发明
国别省市：