CN113778393B 组件生成方法、装置、计算机系统和计算机可读存储介质 （北京沃东天骏信息技术有限公司）

开发区科创十一街18号院2号楼4层件生成框架中包含第一渲染方法和第二渲染方2览器原生组件的第二元素创建方法创建针对所述基础超文本标记语言标签类型的标签元在所述预定样式属于所述共享样式的情况下，获取声将所述样式标签插入所述后代组件对应的阴影文档对将所述目标虚拟文档对象模型和所述初始虚拟文档对象模型进行比在所述目标组件和与所述目标组件对应的初始组件的类型相在所述目标组件和与所述目标组件对应的初始组件的类型不JSX语法开发的组件编译为JS代码，调用所述组件生成框架的第一元素创建方法创建针对3第一渲染单元，用于利用所述第一渲染方法对所述基础超将所述标签元素插入与所述基础超文本标记语言标签类型对应的阴影文档对其中，当所述一个或多个程序被所述一个或多个处理器执7.一种计算机可读存储介质，其上存储有可执8.一种计算机程序产品，包括计算机可执行指令，所述指45所述目标组件和与所述目标组件对应的初始组件的类型不同的情况下，卸载所述初始组用于利用所述第二渲染方法对所述函数组件[0017]图1示意性示出了根据本公开实施例的可以应用组件生成方法的示例性系统架[0022]图6示意性示出了根据本公开实施例的适于实现组件生成方法的计算机系统的框6[0025]在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的7[0031]图1示意性示出了根据本公开实施例的可以应用组件生成方法的示例性系统架构器或服务器集群中。或者，本公开实施例所提供的组件生成方法也可以由终端设备101、[0042]根据本公开的实施例，上述组件生成框架例如可以为用于构建WebComponents(Web原生组件)的JavaScript框架，该框架对应的方法例如可以包括基于高效的JSX(一种8将其编译为可执行的JS代码，然后通过执行组件生成框架提供的createElement方法生成行渲染的渲染过程例如可以包括操作S301～[0054]根据本公开的实施例，上述虚拟DOM例如主要分为基础HTML标签类型和函数组件过操作S301判断是否基础HTML标签，来判断虚拟DOM的类型是属于基础HTML标签还是函数要渲染的虚拟DOM是基础HTML标签的情况下，例如可以执行上述操作S202-1，在上述操作9[0057]根据本公开的实施例，参见图3中操作S301～S302对应的内容所示，在上述操作S301的判断结果为是的情况下，上述操作S202-1例如可以对应为图3中的操作S302：通过上的createElement方法(即上述元素创建方法)创建标签元素，并将该元素插入到当前元素所在组件(即上述与基础超文本标记语言标签对应的阴影文档对象模型)的ShadowDom可以用于创建包括基础HTML标签和函数组件的WebCo[0062]根据本公开的实施例，关于上述操作S303，例如可以表现为：调用Custom调用自定义元素自带的attachShadow方法(即上述与挂载阴影文档对象模型相关的方法)的元素)及自定义元素(如函数组件中的元素)都将插入ShadowDom中，它将当前组件和外的虚拟DOM初步渲染完成的初始WebCom[0063]需要说明的是，上述初始WebComponents例如还可以包括多个c对该初始WebComponents中的各个子组件采用相应的渲染方法(如操作S302或S303)继续[0064]通过本公开的上述实施例，可以将JSX组件转化为虚拟DOM，并可以使用Custom[0066]根据本公开的实施例，每个函数组件都需要声明render函render函数的渲染方法例如可以包括上述操作S302或S303，render函数的返回值为普通括基础HTML标签和函数组件在内的所有组件渲的样式标签；以及将样式标签插入后代组件对应的阴影文档对象模型中。以实现Web字符串或者字符串数组，字符串内容例如可以为共享样式的上层组件名称(即上述目标名称)，后代组件可以以共享的样式字符串创建style标签(即上述样式标签)并插入ShadowDom(即上述后代组件对应的阴影文档对象模组件更新为目标组件；以及在目标组件和与目标组件对应的初始组件的类型不同的情况[0075]根据本公开的实施例，参见图4所示，在存在组件更新的情况下，例如可以采用也不再需要掌握WebComponents知识，只需要按照JSX标准开发组件，即可最终由上述JavaScript框架渲染成WebComp块520中还包括第一渲染单元521和第二渲染单[0085]根据本公开的实施例，上述第一渲染单元包括第一创建子单元和第一插入子单据本公开的实施例，第一调用模块510和渲染模块520440中的至少一个可以至少被部分地[0108]图6示意性示出了根据本公开实施例的适于实现组件生成方法的计算机系统的框在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的施例的方法流程的不同动作的单一处理单元或者是多存储器中的程序来执行根据本公开实施例的方法流[0111]根据本公开的实施例，系统600还可以包括输入/输出(I/O)接口605，输入/输出调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。被安装。在该计算机程序被处理器601执行时，执行本公开实施例的系统中限定的上述功[0115]例如，根据本公开的实施例，计算机可读存储介质可以包括上文描述的ROM602和/或RAM603和/或ROM602和RAM603以不脱离本公开精神和教导的情况下，本公