【技术实现步骤摘要】
前端组件加载方法及装置
[0001]本申请涉及前端软件开发领域，也可用于金融领域，具体涉及一种前端组件加载方法及装置。
技术介绍
[0002]在前端开发过程中，前端代码在开发完成后就会打包为静态文件进行部署，代码功能不能再做任何修改。以前端渐进式框架组件Vue为例，在开发阶段，源代码通常以.vue文件存在，需要经过特定的源码解析器转换为浏览器支持的文件格式(例如js、css、html等)才可运行，在经过解析器解析并打包为静态文件后，就不支持再以源代码形式在运行态添加自定义组件。
[0003]专利技术人发现，由于打包后不能再以源代码形式添加自定义组件，就要求在开发阶段完全确定开发内容，因此当面临需要进行自定义功能扩展的需求时，只能尽量将所有可能的扩展情况都提前写入代码中，比如现有技术中通过开发一个参数化组件来应对该问题，在部署后通过接收的参数进行相应显示，但是这样不仅会带来额外的开发成本，而且参数化组件本身会成为业务扩展的瓶颈，在不能满足需求的情况下只能重新开发和部署，存在响应时间长的问题。
技术实现思路
【技术保护点】
【技术特征摘要】
1.一种前端组件加载方法，其特征在于，所述方法包括：获取待加载组件源代码并确定对应的类名，对所述待加载组件源代码进行拆分，得到页面逻辑文本和样式文本；根据所述页面逻辑文本和所述待加载组件源代码类名进行网页脚本转换，得到对应的网页调用组件并对目标网页进行组件加载；根据所述样式文本和所述待加载组件源代码类名确定网页样式信息，将所述网页样式信息挂载至所述目标网页头文件中并重新渲染所述目标网页。2.根据权利要求1所述的前端组件加载方法，其特征在于，所述根据所述页面逻辑文本和所述待加载组件源代码类名进行网页脚本转换，得到对应的网页调用组件并对目标网页进行组件加载，包括：将所述页面逻辑文本中的逻辑代码文本转换为网页脚本对象，并将所述页面逻辑文本中的页面代码文本添加至所述网页脚本对象中；将所述待加载组件源代码类名添加为所述网页脚本对象的描述字段并以所述网页脚本对象为输入参数调用组件构造器，导出所述组件构造器输出的网页调用组件并对目标网页进行组件加载。3.根据权利要求2所述的前端组件加载方法，其特征在于，在所述将所述页面逻辑文本中的逻辑代码文本转换为网页脚本对象之后，还包括：若所述页面逻辑文本中不包含页面代码文本，则直接将所述待加载组件源代码类名添加为所述网页脚本对象的描述字段并以所述网页脚本对象为输入参数调用组件构造器，导出所述组件构造器输出的网页调用组件并对目标网页进行组件加载。4.根据权利要求1所述的前端组件加载方法，其特征在于，所述根据所述样式文本和所述待加载组件源代码类名确定网页样式信息，将所述网页样式信息挂载至所述目标网页头文件中并重新渲染所述目标网页，包括：若所述样式文本中包含有特定局部属性标识符，则判定所述样式文本的样式类型为局部样式，并根据所述待加载组件源代码类名确定样式格式；根据所述样式格式和所述样式文本网页样式标签，将所述网页样式标签挂在至所述目标网页的头文件中并重新渲染所述目...
【专利技术属性】
技术研发人员：刘泱，林相相，詹娇淑，徐晓琳，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。