【技术实现步骤摘要】
原生组件生成方法、装置、电子设备及存储介质
[0001]本专利技术涉及开发领域,尤其涉及一种原生组件生成方法、装置、电子设备及计算机可读存储介质。
技术介绍
[0002]目前前端开发项目中,React和Vue是近年来最引人注目的两个前端开发框架。React与Vue都是JavaScript的UI框架,专注于创造前端的富应用。React是一种声明式编程语言,通过DOM与HTML文档进行交互,Vue则是Laravel社区的流行框架。两个框架之前都为前端开发者提供了一种实用的方法来开发各种在线应用程序,但是两个框架都无法实现跨框架复用,从而使得框架的通用性较差。
技术实现思路
[0003]本专利技术提供一种原生组件生成方法、装置、电子设备及计算机可读存储介质,其主要目的在于提高异步框架通用性。
[0004]为实现上述目的,本专利技术提供的一种原生组件生成方法,包括:
[0005]获取原始组件文件,查询所述原始组件文件中的输出变量名,根据所述输出变量名,确定所述原始组件文件的组件声明内容;
[0 ...
【技术保护点】
【技术特征摘要】
1.一种原生组件生成方法,其特征在于,所述方法包括:获取原始组件文件,查询所述原始组件文件中的输出变量名,根据所述输出变量名,确定所述原始组件文件的组件声明内容;对所述组件声明内容进行内容编码,得到组件编码内容,并定义所述组件编码内容的内容回调函数;识别所述组件编码内容中的组件变量,提取所述组件变量中的动态变量,并配置所述动态变量的变量修改逻辑;根据所述内容回调函数和所述变量修改逻辑,创建所述原始组件文件的组件展示内容;将所述组件展示内容加载至预先构建的初始组件文件中,得到原生组件文件。2.如权利要求1所述的原生组件生成方法,其特征在于,所述根据所述输出变量名,确定所述原始组件文件的组件声明内容,包括:获取所述输出变量名对应的组件声明函数;根据所述组件声明函数,在所述原始组件文件中查找内容声明关键字,确定所述内容声明关键字的声明位置,并查询所述声明位置的位置声明函数;将所述位置声明函数与所述组件声明函数进行匹配,在所述位置声明函数与所述组件声明函数匹配成功时,提取所述位置声明函数的位置声明内容,并将所述位置声明内容作为所述原始组件文件的组件声明内容。3.如权利要求1所述的原生组件生成方法,其特征在于,所述定义所述组件编码内容的内容回调函数,包括:查询所述组件编码内容的回调关键字,并识别所述回调关键字对应的回调属性值;根据所述回调属性值,获得所述组件编码内容的方法函数;定义所述方法函数为所述组件编码内容的内容回调函数。4.如权利要求1所述的原生组件生成方法,其特征在于,所述识别所述组件编码内容中的组件变量,包括:查询所述组件编码内容中的组件标签,在所述组件标签内查找变量字段;提取在所述变量字段所包含的字段内容,根据所述字段内容,确定所述组件编码内容中的组件变量。5.如权利要求1所述的原生组件生成方法,其特征在于,所述配置所述动态变量的变量修改逻辑,包括:获取所述动态变量的组件声明内容,在所述组件声明内容中,查询所述动态变量的初始声明编码;在所述初始声明编码中,查找所述动态变量的声明方法,调用所述声明方法,以获取所述动态变量的返回数组,识别所述返回数组的数据调用方法,并将所述数据调用方法作为所述变量修改逻...
【专利技术属性】
技术研发人员:黄康,
申请(专利权)人:平安普惠企业管理有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。