[发明专利]一种组件渲染方法及装置

说明书

本发明公开了一种组件渲染方法及装置，涉及组件渲染技术领域，主要目的在于降低组件渲染出错误尺寸的概率；主要技术方案包括：在前端框架下，与代码编辑器相应的组件加载代码编辑器时，检测所述组件的边框元素的当前显示尺寸是否达到第一预设尺寸；若达到所述第一预设尺寸，组件渲染所述代码编辑器，得到所述代码编辑器对应的编辑界面。

技术领域

本发明涉及组件渲染技术领域，特别是涉及一种组件渲染方法及装置。

背景技术

代码编辑器由于具有代码编辑功能，因此代码编辑器通常在各种前端框架下配合程序开发使用。

目前，前端框架下的组件一旦加载代码编辑器，则组件立即对代码编辑器进行渲染。在组件立即对代码编辑器进行渲染时，若组件的边框元素尚处于未显示状态，则组件渲染代码编辑器后，得到的代码编辑器的编辑界面为一个点，由于代码编辑器只渲染一次，当组件切换为显示状态时，用户观看到的编辑界面仍仅是一个点，此时编辑界面的尺寸异常，导致用户无法正常使用代码编辑器。

发明内容

有鉴于此，本发明提出了一种组件渲染方法及装置，主要目的在于降低组件被渲染出错误尺寸的概率。

第一方面，本发明提供了一种组件渲染方法，所述方法包括：

在前端框架下，与代码编辑器相应的组件加载代码编辑器时，检测所述组件的边框元素的当前显示尺寸是否达到第一预设尺寸；

若达到所述第一预设尺寸，渲染所述代码编辑器，得到所述代码编辑器对应的编辑界面。

第二方面，本发明提供了一种组件渲染装置，所述装置包括：

检测单元，用于在前端框架下与代码编辑器相应的组件加载代码编辑器时，检测所述组件的边框元素的当前显示尺寸是否达到第一预设尺寸；若达到所述第一预设尺寸，触发渲染单元；

渲染单元，用于在所述检测单元的触发下，渲染所述代码编辑器，得到所述代码编辑器对应的编辑界面。

第三方面，本发明提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现第一方面中所述的组件渲染方法。

第四方面，本发明提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行第一方面中所述的组件渲染方法。

第五方面，本发明提供了一种设备，设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，处理器、存储器通过总线完成相互间的通信；处理器用于调用存储器中的程序指令，以执行第一方面中所述的组件渲染方法。

借由上述技术方案，本发明提供的一种组件渲染方法及装置，首先在前端框架下与代码编辑器相应的组件加载代码编辑器时，检测组件的边框元素的当前显示尺寸是否达到预设尺寸。若检测出边框元素的当前显示尺寸达到预设的尺寸时，则渲染代码编辑器，得到代码编辑器对应的编辑界面供用户进行代码编辑。可见，本发明提供的方案中当与代码编辑器相应的组件加载代码编辑器时，并不立即对代码编辑器进行渲染，而是当组件的边框元素的显示尺寸达到预期的预设尺寸时才渲染，从而得到符合用户预期的编辑界面。因此，本发明提供的方案能够降低组件渲染出错误尺寸的概率。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示出了本发明一个实施例提供的一种组件渲染方法的流程图；