页面渲染方法及渲染装置与流程

1.本公开涉及计算机应用技术领域，具体来说，涉及一种页面渲染方法及渲染装置。


背景技术：

2.在前端开发过程中，常常需要用到组件。组件是对数据和方法的简单封装。它具有对应的属性和方法，提供给外部调用。
3.渲染(render)是指用转件将模型和数据转变成图像的过程。在例如网站页面的设计时，人们可以设计每个页面的结构和数据，然后通过对设计好的页面进行渲染，生成最终的网页页面，输出到显示屏上供用户查看。


技术实现要素：

4.根据本公开的第一方面，提供了一种页面渲染方法，包括：获取待渲染的第一页面的数据；根据所述待渲染的第一页面的数据确定组件的信息；根据所述组件的信息从组件库获取所述组件，其中，所述组件库中的各个组件相互独立；对获取的组件打包以生成包含获取的组件的数据包；获取所述数据包；以及使用所述数据包和待渲染的第一页面的数据进行渲染处理，从而生成经渲染的第一页面。
5.在根据本公开的一些实施例中，所述页面渲染方法还包括：确定所述待渲染的第一页面包含第一首屏页面；使用所述数据包和所述第一首屏页面的数据进行渲染处理，从而生成经渲染的第一首屏页面；显示所述经渲染的第一首屏页面；以及使用所述数据包和所述待渲染的第一页面中除第一首屏页面以外的其他待渲染的第一页面的数据进行渲染处理。
6.在根据本公开的一些实施例中，所述页面渲染方法还包括：存储与第一首屏页面相关的数据；确定待渲染的第二页面包含第二首屏页面，并且所述第二首屏页面与所述第一首屏页面相同；以及根据存储的与第一首屏页面相关的数据生成页面，作为经渲染的第二首屏页面。
7.在根据本公开的一些实施例中，所述页面渲染方法还包括：存储与第一首屏页面相关的数据；确定所述待渲染的第二页面包含第二首屏页面，并且所述第二首屏页面不同于第一首屏页面；根据存储的与第一首屏页面相关的数据生成页面，作为经渲染的第二首屏页面；使用待渲染的第二首屏页面的数据进行渲染处理，从而生成新的经渲染的第二首屏页面；使用新的经渲染的第二首屏页面替换经渲染的第二首屏页面；以及存储与第二首屏页面相关的数据并删除与第一首屏页面相关的数据。
8.在根据本公开的一些实施例中，所述与第一首屏页面相关的数据包括表示页面结构的数据以及所述数据包。
9.在根据本公开的一些实施例中，所述与第一首屏页面相关的数据还包括第一首屏页面引用的数据。
10.在根据本公开的一些实施例中，所述与第一首屏页面相关的数据包括经渲染的第
一首屏页面。
11.在根据本公开的一些实施例中，所述组件包括：文本组件、视频组件、按钮组件、菜单组件、商品组件、图片组件、优惠券组件、直播组件和笔记组件。
12.在根据本公开的一些实施例中，根据所述待渲染的第一页面的数据、使用场景和终端设备配置确定组件的信息。
13.在根据本公开的一些实施例中，所述终端设备配置包括：屏幕分辨率、网络参数以及屏幕形状。
14.根据本公开的第二方面，提供了一种渲染装置，包括：页面获取单元，被配置为获取待渲染的第一页面的数据；确定单元，被配置为根据所述页面获取单元获取的待渲染的第一页面的数据确定组件的信息；组件获取单元，被配置为根据所述确定单元确定的组件的信息，获取包含所述组件的数据包；渲染单元，被配置为使用所述数据包和待渲染的第一页面的数据进行渲染处理，从而生成经渲染的第一页面。
15.在根据本公开的一些实施例中，所述确定单元还被配置为：确定所述待渲染的第一页面包含第一首屏页面，所述渲染单元还被配置为：使用所述数据包和所述第一首屏页面的数据进行渲染处理，从而生成经渲染的第一首屏页面；以及使用所述数据包和所述待渲染的第一页面中除第一首屏页面以外的其他待渲染的第一页面的数据进行渲染处理。
16.在根据本公开的一些实施例中，所述渲染装置还包括：存储单元，被配置为存储与第一首屏页面相关的数据，其中，所述确定单元还被配置为：确定待渲染的第二页面包含第二首屏页面，并且所述第二首屏页面与所述第一首屏页面相同；以及根据存储的与第一首屏页面相关的数据生成页面，作为经渲染的第二首屏页面。
17.在根据本公开的一些实施例中，所述渲染装置还包括：存储单元，被配置为存储与第一首屏页面相关的数据，其中，所述确定单元还被配置为：确定所述待渲染的第二页面包含第二首屏页面，并且所述第二首屏页面不同于第一首屏页面；根据存储的与第一首屏页面相关的数据生成页面，作为经渲染的第二首屏页面，所述渲染单元还被配置为：使用待渲染的第二首屏页面的数据进行渲染处理，从而生成新的经渲染的第二首屏页面；使用新的经渲染的第二首屏页面替换经渲染的第二首屏页面，所述存储单元还被配置为：存储与第二首屏页面相关的数据并删除与第一首屏页面相关的数据。
18.在根据本公开的一些实施例中，所述与第一首屏页面相关的数据包括表示页面结构的数据以及所述数据包。
19.在根据本公开的一些实施例中，所述与第一首屏页面相关的数据还包括第一首屏页面引用的数据。
20.在根据本公开的一些实施例中，所述与第一首屏页面相关的数据包括经渲染的第一首屏页面。
21.在根据本公开的一些实施例中，所述组件包括：文本组件、视频组件、按钮组件、菜单组件、商品组件、图片组件、优惠券组件、直播组件和笔记组件。
22.在根据本公开的一些实施例中，所述确定单元还被配置为：
23.根据所述待渲染的第一页面的数据、使用场景和终端设备配置确定组件的信息。
24.在根据本公开的一些实施例中，所述终端设备配置包括：屏幕分辨率、网络参数以及屏幕形状。
25.根据本公开的第三方面，提供了一种终端设备，包括：存储器，被配置为存储计算机指令；以及处理器，被配置为执行计算机指令以实现上述根据本公开的实施例的页面渲染方法。
26.根据本公开的第四方面，提供了一种存储有计算机指令的非临时计算机可读存储介质，当所述计算机指令被处理器执行时，实现上述根据本公开的实施例的页面渲染方法。
27.根据本公开的第五方面，提供了一种包括计算机指令的计算机程序产品，当所述计算机指令被处理器执行时，实现上述根据本公开的实施例的页面渲染方法。
28.通过以下参照附图对本公开的示例性实施例的详细描述，本公开的其它特征及其优点将会变得清楚。
附图说明
29.构成说明书的一部分的附图描述了本公开的实施例，并且连同说明书一起用于解释本公开的原理。
30.参照附图，根据下面的详细描述，可以更加清楚地理解本公开，
31.其中：
32.图1示意性地示出了根据本公开的页面渲染方法的流程图。
33.图2示出了根据本公开的实施例的渲染装置的示意图。
34.图3示出了根据本公开的一些实施例的计算设备700的示意图。
35.注意，在以下说明的实施方式中，有时在不同的附图之间共同使用同一附图标记来表示相同部分或具有相同功能的部分，而省略其重复说明。在本说明书中，使用相似的标号和字母表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
36.为了便于理解，在附图等中所示的各结构的位置、尺寸及范围等有时不表示实际的位置、尺寸及范围等。因此，所公开的发明并不限于附图等所公开的位置、尺寸及范围等。
具体实施方式
37.现在将参照附图来详细描述本公开的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。
38.以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使用的任何限制。
39.对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为授权说明书的一部分。
40.在这里示出和讨论的所有示例中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它示例可以具有不同的值。
41.通常，每当用户设备加载页面时，需要从例如远程服务器获取组件包。在该组件包中，包含了渲染页面可能用到的全部组件。并且，组件包中的各个组件之间存在耦合，使得人们难以维护组件包中的各个组件。
42.图1示意性地示出了根据本公开的页面渲染方法的流程图。如图1所示，该页面渲
染方法可以包括以下步骤：
43.获取待渲染的第一页面的数据(步骤101)；
44.根据所述待渲染的第一页面的数据确定组件的信息(步骤102)；
45.根据所述组件的信息从组件库获取所述组件，其中，所述组件库中的各个组件相互独立(步骤103)；
46.对获取的组件打包以生成包含获取的组件的数据包(步骤104)；
47.获取所述数据包(步骤105)；以及
48.使用所述数据包和待渲染的第一页面的数据进行渲染处理，从而生成经渲染的第一页面(步骤106)。
49.更具体地说，当用户设备(即终端设备)试图打开一个web页面(第一页面)时，用户设备可以通过网络接收待渲染的第一页面的数据。第一页面的数据可以包括各种信息，例如页面所需的文本、视频等。此外，第一页面的数据还包含渲染该页面所需的组件的信息。
50.用户设备的渲染装置可以根据第一页面的数据中包含的组件的信息从远程服务器的组件库获取所需的组件。其中，渲染装置可以分析第一页面的数据，确定渲染第一页面需要哪些组件。然后，渲染装置可以向远程服务器发送请求，请求获取所需的组件。
51.服务器在接收到来自渲染装置的请求后，根据该请求将组件库中所需的组件打包。例如，服务器可以使用webpack等打包工具打包所需的组件，生成包含获取的组件的数据包，并将该数据包发送给渲染装置。在服务器的组件库中，各个组件保持相互独立，彼此不存在相互耦合或引用的情况。这样，可以仅向渲染装置发送渲染该页面所需要的组件，避免发送多余的组件给用户设备的渲染装置，有助于减小数据传输量。此外，各个组件保持独立也减小了组件维护的复杂性，有利于业务拓展。这些组件可以是页面中需要用到的各种组件，例如文本组件、视频组件、按钮组件、菜单组件、商品组件、图片组件、优惠券组件、直播组件和笔记组件等。
52.渲染装置在接收到包含获取的组件的数据包后，可以提取数据包中的组件，然后使用这些组件和第一页面的数据执行渲染处理，从而生成经渲染的第一页面。这样，可以在用户设备的显示屏上显示经过渲染的第一页面。
53.图2示出了根据本公开的实施例的渲染装置的示意图。如图2所示，渲染装置200包括页面获取单元201、确定单元202、组件获取单元203、渲染单元204以及存储单元205。
54.其中，页面获取单元201可以将获取待渲染的第一页面的数据。
55.当页面获取单元201接收到第一页面的数据后，渲染装置200的确定单元202可以根据页面获取单元201获取的待渲染的第一页面的数据确定组件的信息。例如，确定单元202可以确定渲染第一页面需要哪些组件，并且告知组件获取单元203。
56.组件获取单元203可以根据确定单元202的确定结果(需要哪些组件来渲染第一页面)向服务器发送请求，要求服务器提供所需的组件。服务器接收到该请求后，将把所需的组件打包成数据包，并将数据包发送给组件获取单元203，从而实现组件的获取。
57.渲染单元204可以使用组件获取单元203获取的数据包中的组件和页面获取单元201获取的待渲染的第一页面的数据，执行渲染处理，从而生成经渲染的第一页面。
58.渲染装置200可以把经渲染的第一页面发送给用户设备的显示屏以进行显示处理。
59.此外，在根据本公开的一些实施例中，确定单元202可以根据待渲染的第一页面的数据、用户设备的配置信息、使用场景等确定组件的信息。
60.例如，确定单元202可以根据用户设备的屏幕分辨率、网络参数、屏幕形状等配置信息，确定需要从组件库获取哪些组件。其中，网络参数可以为当前使用的网络类型(例如wifi或5g等移动网络)或网络速度等。根据网络类型的不同，可能需要不同的组件。例如，当网络类型为wifi的情况下，可以直接在第一页面中播放视频。而当网络类型为例如5g等移动网络的情况下，用户设备可能会按照流量付费。为了减少用户可能的费用支出，当渲染第一页面时，可以考虑仅将视频显示为具有播放按键的图片，暂时不下载该视频的数据。当后续用户点击播放按键时，再下载和播放该视频。显然，这两种情况下，渲染第一页面所需的组件是不同的。渲染装置200的确定单元202可以根据用户设备的网络类型决定使用对应的组件进行渲染。
61.在根据本公开的一些实施例中，渲染装置200的确定单元202可以根据屏幕形状确定使用哪些组件。例如，目前的手机等移动设备通常采用全面屏设计，在手机屏幕的上部，常常设置有前置摄像头等传感器，这使得屏幕不是矩形，而是不规则的形状。为了使页面可以适配不同形状的屏幕，避免页面内容丢失或变形，确定单元202可以根据屏幕形状等配置信息决定需要哪些组件进行渲染。
62.此外，在根据本公开的一些实施例中，确定单元202可以根据不同的使用场景确定使用哪些组件进行渲染。例如，当商家在编辑自家门店的页面的情况下，在页面某个位置放置视频，除了播放按键外，还需要提供添加、删除等按键，供商家编辑页面时使用。因此，同客户浏览该页面时加载的组件相比，商家编辑页面时需要功能更多的组件。确定单元202可以根据使用场景，告知组件获取单元203从服务器的组件库获取不同的组件。
63.此外，在根据本公开的一些实施例中，渲染装置200还可以优先对首屏页面进行渲染处理。
64.当用户进入到一个网站时，通常需要首先打开首屏页面(即该网站的起始页或第一页)。首屏页面打开的速度，对用户的体验有很大影响。因此，为了更快速地打开首屏页面，渲染装置200的确定单元202可以确定待渲染的第一页面中是否包含首屏页面(第一首屏页面)。当待渲染的第一页面包含首屏页面的情况下，渲染单元204可以使用组件获取单元获取的数据包和首屏页面的数据执行渲染处理，从而生成经渲染的首屏页面。这样，用户设备的显示屏上可以显示经过渲染的首屏页面。
65.在完成首屏页面的渲染后，渲染单元204可以在用户浏览首屏页面的同时，继续对第一页面中剩余的其它待渲染的页面进行渲染处理。采用本公开的这种方式，只要首屏页面渲染完成，就可以向用户显示该页面，而无需等待全部页面渲染完成。可以使用户更快地看到首屏页面，改善用户体验。
66.此外，在根据本公开的一些实施例中，渲染装置200的存储单元205可以缓存与首屏页面(第一首屏页面)相关的数据。当用户设备以后再次打开首屏页面时，可以直接使用缓存的与首屏页面相关的数据进行显示，而不必由渲染单元204再次进行渲染。
67.更具体地说，当渲染单元204对首屏页面进行渲染处理后，可以将与首屏页面(第一首屏页面)相关的数据存储到存储单元205中。
68.这里，与首屏页面相关的数据可以采用多种方式。
69.第一种方式为，仅存储表示页面结构的数据以及由组件获取单元203获取的数据包。当渲染单元204需要再次进行渲染处理以生成首屏页面时，可以根据存储单元205中缓存的页面结构和组件，重新生成首屏页面。但是，在这种方式下，渲染单元204仍然需要从服务器获取其它数据，例如首屏页面引用的视频、图片、文本等。
70.第二种方式为存储表示页面结构的数据、由组件获取单元203获取的数据包，以及用于首屏页面中引用的各种数据(例如视频、图片、文本等)。在这种方式下，当需要再次显示首屏页面时，渲染单元204不再需要从服务器获取数据，可以根据存储单元205中缓冲的数据直接生成首屏页面。加快了首屏页面的显示。
71.第三种方式为存储经过渲染的首屏页面本身。在这种方式下，当需要再次显示首屏页面时，可以直接显示已经缓存在存储单元205中的经渲染的首屏页面，不需要渲染单元204进行任何处理。
72.然后，当该用户设备再次试图打开该网站或跳转到该首屏页面时，确定单元202可以根据页面获取单元201新获取的待渲染的页面(第二页面)的数据确定待渲染的第二页面中包含的首屏页面(第二首屏页面)是否与存储单元205中缓存的首屏页面(第一首屏页面)相同。
73.如果确定单元202确定第二首屏页面与第一首屏页面相同，则可以根据存储单元205中缓存的与第一首屏页面相关的数据来生成页面，并将该页面作为经渲染的第二首屏页面。这样，用户设备可以利用存储单元205中缓存的数据生成经渲染的首屏页面(第一首屏页面)，提高了首屏页面的加载速度。
74.如果确定单元202确定第二首屏页面与第一首屏页面不同，即同上一次访问该网站相比，其首屏页面发生了变化。这时，渲染装置200可以选择两种处理方式之一。
75.第一种处理方式中，渲染装置200的确定单元可以将存储单元205中存储的与第一首屏页面相关的数据删除。由渲染单元204对第二首屏页面进行重新渲染，并最终显示在用户设备上。
76.在第二种处理方式中，确定单元202可以将存储单元205中缓存的与第一首屏页面相关的数据作为与第二首屏页面相关的数据，由此生成经渲染的第二首屏页面，并显示在用户设备上。同时，渲染单元204可以根据确定单元202的指示，使用待渲染的第二首屏页面的数据进行渲染处理，从而生成新的经渲染的第二首屏页面。然后，可以使用与该新的经渲染的第二首屏页面相关的数据替换存储单元205中存储的与第一首屏页面相关的数据(即存储与新的第二首屏页面相关的数据并删除与第一首屏页面相关的数据)，并且在用户设备的显示屏上显示新的经渲染的第二首屏页面。
77.采用上面的第二种处理方式，可以在首屏页面变化不大的情况下，更快速地向用户显示首屏页面。例如，同原来版本的首屏页面相比，新的首屏页面仅改变了页面上一部分文本的字体和颜色。在这种情况下，可以临时显示旧版本的首屏页面供用户浏览，并且在新版本的首屏页面渲染完成后，替换旧版本的首屏页面，保证用户体验的连续。
78.此外，在根据本公开的一些实施例中，提供了一种用户设备(终端设备)，该终端设备可以包括：存储器，被配置为存储计算机指令；以及处理器，被配置为执行计算机指令以实现上述根据本公开的实施例的页面渲染方法。
79.图3示出了根据本公开的一些实施例的计算设备700的示意图。参考图3，现在将描
述一种计算设备700，该计算设备是可应用于本公开的各方面的用户设备的一个示例。计算设备700可以是被配置用于实现处理和/或计算的任何机器，可以是但并不局限于工作站、服务器、桌上型计算机、膝上型计算机、平板计算机、个人数字助理、智能手机、车载计算机或者是它们的任何组合。前述的各种装置/服务器/客户端设备可全部地或者至少部分地由计算设备700或者类似设备或系统来实施。
80.计算设备700可包括可能经由一个或多个接口与总线702连接或通信的组件。例如，计算设备700可包括总线702、一个或多个处理器704、一个或多个输入设备706以及一个或多个输出设备708。所述一个或多个处理器704可以是任何类型的处理器并且可以包括但不限于一个或多个通用处理器和/或一个或多个专用处理器(例如专门的处理芯片)。输入设备706可以是任何类型的能够向计算设备输入信息的设备并且可以包括但不限于鼠标、键盘、触摸屏、麦克风和/或远程控制器。输出设备708可以是任何类型的能够呈现信息的设备并且可以包括但不限于显示器、扬声器、视频/音频输出终端、振动器和/或打印机。计算设备700也可包括非瞬态存储设备710或者与所述非瞬态存储设备连接，所述非瞬态存储设备可以是非瞬态的并且能够实现数据存储的任何存储设备，并且所述非瞬态存储设备可以包括但不限于磁盘驱动器、光存储设备、固态存储器、软盘、软磁盘、硬盘、磁带或任何其它磁介质、光盘或任何其它光介质、rom(只读存储器)、ram(随机存取存储器)、高速缓冲存储器和/或任何存储芯片或盒式磁带、和/或计算机可从其读取数据、指令和/或代码的任何其它介质。非瞬态存储设备710可从接口分离。非瞬态存储设备710可具有用于实施上述方法和步骤的数据/指令/代码。计算设备700也可包括通信设备712。通信设备712可以是任何类型的能够实现与内部装置通信和/或与网络通信的设备或系统并且可以包括但不限于调制解调器、网卡、红外通信设备、无线通信设备和/或芯片组，例如bluetoothtm设备、1302.11设备、wifi设备、wimax设备、蜂窝通信设备和/或类似设备。
81.总线702可以包括但不局限于工业标准结构(isa)总线、微通道结构(mca)总线、增强型isa(eisa)总线、视频电子标准协会(vesa)局部总线和外部设备互连(pci)总线。
82.计算设备700还可包括工作存储器714，该工作存储器可以是任何类型的能够存储有利于处理器704的工作的指令和/或数据的工作存储器并且可以包括但不局限于随机存取存储器和/或只读存储设备。
83.软件组件可位于工作存储器714中，这些软件组件包括但不限于操作系统716、一个或多个应用程序718、驱动程序和/或其它数据和代码。用于实现上述方法和步骤的指令可包含在所述一个或多个应用程序718中，并且前述各种装置/服务器/客户端设备的模块/单元/组件可通过处理器704读取和执行所述一个或多个应用程序718的指令来实现。
84.也应该认识到可根据具体需求做出变化。例如，也可使用定制硬件，和/或特定组件可在硬件、软件、固件、中间件、微代码、硬件描述语言或其任何组合中实现。此外，可采用与其它计算设备、例如网络输入/输出设备等的连接。例如，可通过具有汇编语言或硬件编程语言(例如verilog、vhdl、c )的编程硬件(例如，包括现场可编程门阵列(fpga)和/或可编程逻辑阵列(pla)的可编程逻辑电路)利用根据本公开的逻辑和算法来实现所公开的方法和设备的部分或全部。
85.此外，在根据本公开的一些实施例中，提供了一种存储有计算机指令的非临时计算机可读存储介质，当所述计算机指令被处理器执行时，实现上述根据本公开的实施例的
页面渲染方法。
86.此外，在根据本公开的一些实施例中，提供了一种包括计算机指令的计算机程序产品，当所述计算机指令被处理器执行时，实现上述根据本公开实施例的页面渲染方法。
87.此外，在根据本公开的一些实施例中，还可以包括以下技术方案：
88.1.一种页面渲染方法，包括：
89.获取待渲染的第一页面的数据；
90.根据所述待渲染的第一页面的数据确定组件的信息；
91.根据所述组件的信息从组件库获取所述组件，其中，所述组件库中的各个组件相互独立；
92.对获取的组件打包以生成包含获取的组件的数据包；
93.获取所述数据包；以及
94.使用所述数据包和待渲染的第一页面的数据进行渲染处理，从而生成经渲染的第一页面。
95.2.根据1所述的页面渲染方法，还包括：
96.确定所述待渲染的第一页面包含第一首屏页面；
97.使用所述数据包和所述第一首屏页面的数据进行渲染处理，从而生成经渲染的第一首屏页面；
98.显示所述经渲染的第一首屏页面；以及
99.使用所述数据包和所述待渲染的第一页面中除第一首屏页面以外的其他待渲染的第一页面的数据进行渲染处理。
100.3.根据2所述的页面渲染方法，还包括：
101.存储与第一首屏页面相关的数据；
102.确定待渲染的第二页面包含第二首屏页面，并且所述第二首屏页面与所述第一首屏页面相同；
103.根据存储的与第一首屏页面相关的数据生成页面，作为经渲染的第二首屏页面。
104.4.根据2所述的页面渲染方法，还包括：
105.存储与第一首屏页面相关的数据；
106.确定所述待渲染的第二页面包含第二首屏页面，并且所述第二首屏页面不同于第一首屏页面；
107.根据存储的与第一首屏页面相关的数据生成页面，作为经渲染的第二首屏页面；
108.使用待渲染的第二首屏页面的数据进行渲染处理，从而生成新的经渲染的第二首屏页面；
109.使用新的经渲染的第二首屏页面替换经渲染的第二首屏页面；以及
110.存储与第二首屏页面相关的数据并删除与第一首屏页面相关的数据。
111.5、根据3或4所述的页面渲染方法，其中，所述与第一首屏页面相关的数据包括表示页面结构的数据以及所述数据包。
112.6、根据5所述的页面渲染方法，其中，所述与第一首屏页面相关的数据还包括第一首屏页面引用的数据。
113.7、根据3或4所述的页面渲染方法，其中，所述与第一首屏页面相关的数据包括经
渲染的第一首屏页面。
114.8.根据1所述的页面渲染方法，其中，所述组件包括：文本组件、视频组件、按钮组件、菜单组件、商品组件、图片组件、优惠券组件、直播组件和笔记组件。
115.9、根据1所述的页面渲染方法，其中，根据所述待渲染的第一页面的数据、使用场景和终端设备配置确定组件的信息。
116.10、根据9所述的页面渲染方法，其中，所述终端设备配置包括：屏幕分辨率、网络参数以及屏幕形状。
117.11、一种渲染装置，包括：
118.页面获取单元，被配置为获取待渲染的第一页面的数据；
119.确定单元，被配置为根据所述页面获取单元获取的待渲染的第一页面的数据确定组件的信息；
120.组件获取单元，被配置为根据所述确定单元确定的组件的信息，获取包含所述组件的数据包；
121.渲染单元，被配置为使用所述数据包和待渲染的第一页面的数据进行渲染处理，从而生成经渲染的第一页面。
122.12.根据11所述的渲染装置，其中，
123.所述确定单元还被配置为：
124.确定所述待渲染的第一页面包含第一首屏页面，
125.所述渲染单元还被配置为：
126.使用所述数据包和所述第一首屏页面的数据进行渲染处理，从而生成经渲染的第一首屏页面；以及
127.使用所述数据包和所述待渲染的第一页面中除第一首屏页面以外的其他待渲染的第一页面的数据进行渲染处理。
128.13.根据12所述的渲染装置，还包括：
129.存储单元，被配置为存储与第一首屏页面相关的数据，
130.其中，所述确定单元还被配置为：
131.确定待渲染的第二页面包含第二首屏页面，并且所述第二首屏页面与所述第一首屏页面相同；以及
132.根据存储的与第一首屏页面相关的数据生成页面，作为经渲染的第二首屏页面。
133.14.根据12所述的渲染装置，还包括：
134.存储单元，被配置为存储与第一首屏页面相关的数据，
135.其中，所述确定单元还被配置为：
136.确定所述待渲染的第二页面包含第二首屏页面，并且所述第二首屏页面不同于第一首屏页面；
137.根据存储的与第一首屏页面相关的数据生成页面，作为经渲染的第二首屏页面，
138.所述渲染单元还被配置为：
139.使用待渲染的第二首屏页面的数据进行渲染处理，从而生成新的经渲染的第二首屏页面；
140.使用新的经渲染的第二首屏页面替换经渲染的第二首屏页面，
141.所述存储单元还被配置为：
142.存储与第二首屏页面相关的数据并删除与第一首屏页面相关的数据。
143.15、根据12或14所述的渲染装置，其中，所述与第一首屏页面相关的数据包括表示页面结构的数据以及所述数据包。
144.16、根据15所述的渲染装置，其中，所述与第一首屏页面相关的数据还包括第一首屏页面引用的数据。
145.17、根据13或14所述的渲染装置，其中，所述与第一首屏页面相关的数据包括经渲染的第一首屏页面。
146.18.根据11所述的渲染装置，其中，所述组件包括：文本组件、视频组件、按钮组件、菜单组件、商品组件、图片组件、优惠券组件、直播组件和笔记组件。
147.19.根据11所述的渲染装置，其中，所述确定单元还被配置为：
148.根据所述待渲染的第一页面的数据、使用场景和终端设备配置确定组件的信息。
149.20.根据19所述的渲染装置，其中，所述终端设备配置包括：屏幕分辨率、网络参数以及屏幕形状。
150.21.一种终端设备，包括：
151.存储器，被配置为存储计算机指令；以及
152.处理器，被配置为执行计算机指令以实现1-10中任一项所述的页面渲染方法。
153.22.一种存储有计算机指令的非临时计算机可读存储介质，当所述计算机指令被处理器执行时，实现1-10中任一项所述的页面渲染方法。
154.23.一种包括计算机指令的计算机程序产品，当所述计算机指令被处理器执行时，实现1-10中任一项所述的页面渲染方法。
155.如在此所使用的，词语“示例性的”意指“用作示例、实例或说明”，而不是作为将被精确复制的“模型”。在此示例性描述的任意实现方式并不一定要被解释为比其它实现方式优选的或有利的。而且，本公开不受在上述技术领域、背景技术、发明内容或具体实施方式中所给出的任何所表述的或所暗示的理论所限定。
156.另外，仅仅为了参考的目的，还可以在下面描述中使用某种术语，并且因而并非意图限定。例如，除非上下文明确指出，否则涉及结构或元件的词语“第一”、“第二”和其它此类数字词语并没有暗示顺序或次序。
157.还应理解，“包括/包含”一词在本文中使用时，说明存在所指出的特征、整体、步骤、操作、单元和/或组件，但是并不排除存在或增加一个或多个其它特征、整体、步骤、操作、单元和/或组件以及/或者它们的组合。
158.在本公开中，术语“提供”从广义上用于涵盖获得对象的所有方式，因此“提供某对象”包括但不限于“购买”、“制备/制造”、“布置/设置”、“安装/装配”、和/或“订购”对象等。
159.本领域技术人员应当意识到，在上述操作之间的边界仅仅是说明性的。多个操作可以结合成单个操作，单个操作可以分布于附加的操作中，并且操作可以在时间上至少部分重叠地执行。而且，另选的实施例可以包括特定操作的多个实例，并且在其他各种实施例中可以改变操作顺序。但是，其它的修改、变化和替换同样是可能的。因此，本说明书和附图应当被看作是说明性的，而非限制性的。
160.虽然已经通过示例对本公开的一些特定实施例进行了详细说明，但是本领域的技
术人员应该理解，以上示例仅是为了进行说明，而不是为了限制本公开的范围。在此公开的各实施例可以任意组合，而不脱离本公开的精神和范围。本领域的技术人员还应理解，可以对实施例进行多种修改而不脱离本公开的范围和精神。本公开的范围由所附权利要求来限定。