一种页面加载方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术公开了一种页面加载方法、装置、电子设备及存储介质，包括：在目标页面的加载过程中，通过页面加载线程加载目标页面对应的多项页面元素，并将待引用的JS文件的标识信息，传递至文件引用线程；通过文件引用线程根据标识信息获取与目标页面对应的JS文件，并将JS文件对应的获取结果传递至页面加载线程；通过页面加载线程根据JS文件对应的获取结果，对多项页面元素进行渲染，以完成对目标页面的加载。本发明专利技术实施例的技术方案可以提高页面的加载效率，提升用户对软件的使用体验。提升用户对软件的使用体验。提升用户对软件的使用体验。

【技术实现步骤摘要】
一种页面加载方法、装置、电子设备及存储介质


[0001]本专利技术涉及计算机
，尤其涉及一种页面加载方法、装置、电子设备及存储介质。

技术介绍

[0002]随着计算机技术的发展，软件页面上的元素越来越丰富，页面开发技术在整个软件开发过程中的占比越来越重。
[0003]现有的页面加载技术中，为了减少页面的代码量，优化页面的整洁度，通常会在页面加载函数中引入JavaScript(轻量级编程语言，JS)文件，通过运行JS文件中的业务逻辑代码，完成页面的渲染过程。
[0004]但是，在页面加载函数中引入的JS文件中，有一部分属于第三方文件，这些文件的引入过程对网络的要求较高。在JS文件置于顶层使用的情况下，如果软件网络不稳定将会导致JS文件无法引用或者下载到本地，由此可能出现页面一直显示空白的情形，降低了用户对软件的使用体验。

技术实现思路

[0005]本专利技术提供了一种页面加载方法、装置、电子设备及存储介质，可以提高页面的加载效率，提升用户对软件的使用体验。
[0006]根据本专利技术的一方面，提供了一种页面加载方法，包括：
[0007]在目标页面的加载过程中，通过页面加载线程加载目标页面对应的多项页面元素，并将待引用的JS文件的标识信息，传递至文件引用线程；
[0008]通过所述文件引用线程，根据标识信息获取与目标页面对应的JS文件，并将所述JS文件对应的获取结果传递至页面加载线程；
[0009]通过所述页面加载线程，根据所述JS文件对应的获取结果，对所述多项页面元素进行渲染，以完成对目标页面的加载。
[0010]可选的，将所述JS文件对应的获取结果传递至页面加载线程，包括：
[0011]通过所述文件引用线程，判断在预设的时间段内是否对JS文件获取成功；
[0012]若是，则通过所述文件引用线程，将获取成功的JS文件以及与所述JS文件对应的第一业务逻辑函数，传递至页面加载线程。
[0013]可选的，通过所述页面加载线程，根据所述JS文件对应的获取结果，对所述多项页面元素进行渲染，包括：
[0014]如果所述获取结果中包括JS文件，以及与所述JS文件对应的第一业务逻辑函数，则通过所述页面加载线程，根据所述JS文件中的业务逻辑代码以及第一业务逻辑函数，对所述多项页面元素进行渲染。
[0015]可选的，在通过所述文件引用线程，判断在预设的时间段内是否对JS文件获取成功之后，还包括：
[0016]若否，则通过所述文件引用线程，将获取失败的JS文件对应的第二业务逻辑函数，传递至页面加载线程。
[0017]可选的，通过所述页面加载线程，根据所述JS文件对应的获取结果，对所述多项页面元素进行渲染，包括：
[0018]如果所述获取结果中包括获取失败的JS文件对应的第二业务逻辑函数，则通过所述页面加载线程，根据所述第二业务逻辑函数，对所述多项页面元素进行渲染。
[0019]可选的，通过所述文件引用线程，将获取成功的JS文件以及与所述JS文件对应的第一业务逻辑函数，传递至页面加载线程，包括：
[0020]通过所述文件引用线程，将获取成功的JS文件、与所述JS文件对应的第一业务逻辑函数，以及所述JS文件的标识信息，传递至页面加载线程。
[0021]可选的，在通过所述文件引用线程，将获取成功的JS文件以及与所述JS文件对应的第一业务逻辑函数，传递至页面加载线程之后，还包括：
[0022]通过所述页面加载线程，根据与所述目标页面对应的执行文件，将所述JS文件更新为与目标页面开发环境相匹配的本地JS文件；
[0023]通过所述页面加载线程，根据所述JS文件中的业务逻辑代码以及第一业务逻辑函数，对所述多项页面元素进行渲染，包括：
[0024]通过所述页面加载线程，根据所述本地JS文件中的业务逻辑代码，以及第一业务逻辑函数，对所述多项页面元素进行渲染。
[0025]根据本专利技术的另一方面，提供了一种页面加载装置，所述装置包括：
[0026]标识传递模块，用于在目标页面的加载过程中，通过页面加载线程加载目标页面对应的多项页面元素，并将待引用的JS文件的标识信息，传递至文件引用线程；
[0027]文件获取模块，用于通过所述文件引用线程，根据标识信息获取与目标页面对应的JS文件，并将所述JS文件对应的获取结果传递至页面加载线程；
[0028]页面渲染模块，用于通过所述页面加载线程，根据所述JS文件对应的获取结果，对所述多项页面元素进行渲染，以完成对目标页面的加载。
[0029]根据本专利技术的另一方面，提供了一种电子设备，所述电子设备包括：
[0030]至少一个处理器；以及
[0031]与所述至少一个处理器通信连接的存储器；其中，
[0032]所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本专利技术任一实施例所述的页面加载方法。
[0033]根据本专利技术的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本专利技术任一实施例所述的页面加载方法。
[0034]本专利技术实施例提供的技术方案，通过在目标页面的加载过程中，由页面加载线程加载目标页面对应的多项页面元素，并将待引用的JS文件的标识信息，传递至文件引用线程，通过文件引用线程根据标识信息获取JS文件，并将JS文件对应的获取结果传递至页面加载线程，通过页面加载线程，根据JS文件对应的获取结果，对多项页面元素进行渲染，以完成对目标页面的加载的技术手段，可以避免目标页面加载过程中出现页面长时间显示空
白的情形，在JS文件无论引用成功或者失败的情况下，页面加载线程都会根据相应的业务逻辑进行处理，避免因为JS文件引用延迟，阻断整个页面的加载，减少页面的加载耗时，提高页面的加载效率，可以使页面加载线程根据JS文件的标识信息，对页面中对应的业务系统快速渲染，通过将JS文件更新为与目标页面开发环境相匹配的本地JS文件，可以避免页面加载过程中出现卡顿。
[0035]应当理解，本部分所描述的内容并非旨在标识本专利技术的实施例的关键或重要特征，也不用于限制本专利技术的范围。本专利技术的其它特征将通过以下的说明书而变得容易理解。
附图说明
[0036]为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0037]图1是根据本专利技术实施例提供的一种页面加载方法的流程图；
[0038]图2是根据本专利技术实施例提供的另一种页面加载方法的流程图；
[0039]图3是根据本专利技术实施例提供的另一种页面加载方法的流程图；
[0040]图4是根据本专利技术实施例提供的一本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面加载方法，其特征在于，包括：在目标页面的加载过程中，通过页面加载线程加载目标页面对应的多项页面元素，并将待引用的JS文件的标识信息，传递至文件引用线程；通过所述文件引用线程，根据标识信息获取与目标页面对应的JS文件，并将所述JS文件对应的获取结果传递至页面加载线程；通过所述页面加载线程，根据所述JS文件对应的获取结果，对所述多项页面元素进行渲染，以完成对目标页面的加载。2.根据权利要求1所述的方法，其特征在于，将所述JS文件对应的获取结果传递至页面加载线程，包括：通过所述文件引用线程，判断在预设的时间段内是否对JS文件获取成功；若是，则通过所述文件引用线程，将获取成功的JS文件以及与所述JS文件对应的第一业务逻辑函数，传递至页面加载线程。3.根据权利要求2所述的方法，其特征在于，通过所述页面加载线程，根据所述JS文件对应的获取结果，对所述多项页面元素进行渲染，包括：如果所述获取结果中包括JS文件，以及与所述JS文件对应的第一业务逻辑函数，则通过所述页面加载线程，根据所述JS文件中的业务逻辑代码以及第一业务逻辑函数，对所述多项页面元素进行渲染。4.根据权利要求2所述的方法，其特征在于，在通过所述文件引用线程，判断在预设的时间段内是否对JS文件获取成功之后，还包括：若否，则通过所述文件引用线程，将获取失败的JS文件对应的第二业务逻辑函数，传递至页面加载线程。5.根据权利要求4所述的方法，其特征在于，通过所述页面加载线程，根据所述JS文件对应的获取结果，对所述多项页面元素进行渲染，包括：如果所述获取结果中包括获取失败的JS文件对应的第二业务逻辑函数，则通过所述页面加载线程，根据所述第二业务逻辑函数，对所述多项页面元素进行渲染。6.根据权利要求2所述的方法，其特征在于，通过所述文件引用线程，将获取成功的JS文件以及与所述JS文件对应的第一业务逻辑函数，传递至页面加载线...

【专利技术属性】
技术研发人员：杨韶东，曹梦飞，张丹丹，张瑜，
申请(专利权)人：曙光智算信息技术有限公司，
类型：发明
国别省市：