CN110516180B - 一种内容显示方法、装置和计算设备 - Google Patents

Abstract

本发明公开了一种内容显示方法，适于在计算设备中执行，该方法包括步骤：响应于用户对目标页面的首次打开操作，从服务器中获取该目标页面所应显示的多个响应内容；在该目标页面中创建一个包括多个元素的数组，将所述多个响应内容按照优先级顺序依次填入该数组的多个元素中，并将该目标页面的页面标识和对应的数组内容关联存储在预先创建的本地集合中；响应于用户对目标页面中某元素的首次打开操作，获取该元素的元素标识，并从服务器中获取该元素标识所对应的详情内容；以及将详情内容作为弹层叠加显示在目标页面上，将该元素标识和对应的详情内容关联存储在本地集合中该目标页面的目录下。本发明还一并公开了对应的内容显示装置和计算设备。

Description

一种内容显示方法、装置和计算设备

技术领域

本发明涉及数据处理技术领域，尤其涉及一种内容显示方法、装置和计算设备。

背景技术

随着互联网技术的飞速发展，网络应聘招聘成为了求职者应聘工作、用人单位招聘员工的主要途径。目前，在招聘者浏览简历的过程中，通过关键词搜索到符合条件的内容信息后，经常会切换不同页面的内容，当页面内容较多时通常需要加载较长时间才能显示页面。而且，招聘者可能需要在多封简历之间来回查看，简历文档较大，每次查看时都需要重新访问网络请求，打开新的标签页，增加了页面加载时间，打开过多标签页也非常占用浏览器内存，造成网络冗余且用户体验很差。因此，需要一种更便捷的简历内容显示方法。

发明内容

鉴于上述问题，本发明提出了一种内容显示方法、装置和计算设备，以力图解决或者至少解决上面存在的问题。

根据本发明的一个方面，提供了一种内容显示方法，适于在计算设备中执行，该方法包括步骤：响应于用户对目标页面的首次打开操作，从服务器中获取该目标页面所应显示的多个响应内容，该多个响应内容具有优先级顺序；在该目标页面中创建一个包括多个元素的数组，将多个响应内容按照优先级顺序依次填入该数组的多个元素中，并将该目标页面的页面标识和对应的数组内容关联存储在预先创建的本地集合中，以便后续该目标页面被再次打开时从该本地集合中获取对应的数组内容进行显示；响应于用户对目标页面中某元素的首次打开操作，获取该元素的元素标识，并从服务器中获取该元素标识所对应的详情内容；以及将详情内容作为弹层叠加显示在目标页面上，将该元素标识和对应的详情内容关联存储在本地集合中该目标页面的目录下，以便后续该元素被再次打开时从该本地集合中获取对应的详情内容进行弹层显示。

可选地，在根据本发明的内容显示方法中，用户对目标页面的首次打开操作包括以下任意一种：用户通过关键词搜索后首次请求显示第一页内容；用户通过在页面标记区首次点击某个页面的页面标记以请求首次显示该页面；用户在页面弹层区域通过向右翻页首次翻到下一页的第一个元素对应的弹层内容时、请求更新作为弹层背景的页面内容；以及用户在页面弹层区域通过向左翻页首次翻到上一页的最后一个元素对应的弹层内容时、请求更新作为弹层背景的页面内容。

可选地，在根据本发明的内容显示方法中，用户对目标页面中某元素的首次打开操作包括以下任意一种：用户在目标页面上首次点击该元素所在区域；以及用户在页面弹层区域通过左右翻页首次请求打开下一个元素的弹层内容或者上一个元素的弹层内容。

可选地，在根据本发明的内容显示方法中，还包括步骤：响应于用户在当前弹层区域的翻页操作，在前后两个弹层内容的切换过程中，生成一张与当前弹层内容高度相同的过渡页，该过渡页分为上下两部分，上部分为固定高度且用第一图案填充，下部分采用多个固定样式组进行循环填充。

可选地，在根据本发明的内容显示方法中，第一图案包括头像灰度区和位于头像灰度区右侧的多个第一灰度条；固定样式组包括多个第二灰度条，该多个第二灰度条中的第一个灰度条的长度偏短，其他灰度条长度相等且其长度接近整个弹层区域的宽度。

可选地，在根据本发明的内容显示方法中，多个第一灰度条为固定样式且其长度从上到下逐渐变长；或者多个第一灰度条通过将所述当前弹层中对应位置处的内容用灰度条填充得到。

可选地，在根据本发明的内容显示方法中，还包括步骤：响应于用户在当前弹层区域的翻页操作，判断新弹层与当前弹层是否分属于两个页面，得到第一判断结果；若第一判断结果为是，则获取新页面的页面标识，并判断该页面标识是否存在于本地集合中，得到第二判断结果；以及若第二判断结果为是，则从该本地集合中获取该新页面的数组内容，并将作为弹层背景的页面内容更新为该新页面的数组内容，同时还获取该新弹层所对应的元素标识，并判断该新弹层的元素标识是否存在于本地集合中，得到第三判断结果。

可选地，在根据本发明的内容显示方法中，还包括步骤：若第三判断结果为是，则从该本地集合中获取该元素标识所对应的详情内容来在弹层区域显示；若第三判断结果为否，则从服务器中获取该元素标识所对应的详情内容来在弹层区域显示，并将该元素标识和对应的详情内容关联存储在所述本地集合中该新页面的目录下。

可选地，在根据本发明的内容显示方法中，判断新弹层与当前弹层是否分属于两个页面的步骤包括：获取当前弹层在当前数组中的位置序号；若该位置序号为当前数组的最后一位且用户在当前弹层区域的翻页操作为向下翻页，或者序号为当前数组的第一位且用户在当前弹层区域的翻页操作为向上翻页，则判定新弹层与当前弹层分属于两个页面。

可选地，在根据本发明的内容显示方法中，获取该元素的元素标识的步骤包括：从页面节点树结构中获取该元素所对应的元素标识；或者获取该元素在数组中的位置序号，并从服务器中获取该元素序号所对应的元素标识。

可选地，在根据本发明的内容显示方法中，响应内容为简历基本信息，数组内容包括每个元素在数组中的位置序号及其对应的响应内容，元素标识为简历标识或序列标识，详情内容为简历详情内容。

可选地，在根据本发明的内容显示方法中，简历基本信息包括姓名、头像、年龄、工作时长、求职意向、工作单位、毕业学校和专业中的一种或多种；简历详情内容在简历基本信息的基础上，还包括详细工作经验、详细教育经历和详细工作经历。

根据本发明的另一个方面，提供了一种内容显示装置，适于驻留在计算设备中，该装置包括：响应内容获取模块，适于响应于用户对目标页面的首次打开操作，从服务器中获取该目标页面所应显示的多个响应内容，该多个响应内容具有优先级顺序；响应内容显示模块，适于在该目标页面中创建一个包括多个元素的数组，将多个响应内容按照优先级顺序依次填入该数组的多个元素中，并将该目标页面的页面标识和对应的数组内容关联存储在预先创建的本地集合中，以便后续该目标页面被再次打开时从该本地集合中获取对应的数组内容进行显示；详情内容获取模块，适于响应于用户对目标页面中某元素的首次打开操作，获取该元素的元素标识，并从服务器中获取该元素标识所对应的详情内容；以及详情内容显示模块，适于将详情内容作为弹层叠加显示在目标页面上，将该元素标识和对应的详情内容关联存储在本地集合中该目标页面的目录下，以便后续该元素被再次打开时从该本地集合中获取对应的详情内容进行弹层显示。

根据本发明的另一方面，提供了一种计算设备，包括：一个或多个处理器；存储器；以及一个或多个程序，其中一个或多个程序存储在存储器中并被配置为由一个或多个处理器执行，该一个或多个程序被处理器执行时实现如上所述的内容显示方法的步骤。

根据本发明的又一方面，提供了一种存储一个或多个程序的可读存储介质，该一个或多个程序包括指令，所述指令当由计算设备执行时实现如上所述的内容显示方法的步骤。

根据本发明的技术方案，对用户通过关键词索引到的页面中创建一个数组，该数组的每个元素用于显示一个响应内容。同时将该页面标识及其对应的数组内容关联存储在预先创建的本地集合中，以便用户再次请求显示该页面时，直接从该本地集合中获取该页面的数组内容进行显示即可。这种方法不用重复发送网络请求，减少浏览器内存消耗且降低等待时间。一般地，该数组内容包括该页面每个元素的位置序号和对应的响应内容。

进一步地，用户点击某个元素时，还会将该元素所对应的详情内容关联存储在该本地集合中对应页面的目录下，以便用户再次请求显示该元素的弹层内容时，直接从该本地集合中获取该元素的详情内容进行弹层显示。用户可以直接通过鼠标、键盘切换弹层，节省页面加载的时间，提高用户浏览大文件的体验。

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

附图说明

为了实现上述以及相关目的，本文结合下面的描述和附图来描述某些说明性方面，这些方面指示了可以实践本文所公开的原理的各种方式，并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述，本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开，相同的附图标记通常指代相同的部件或元素。

图1示出了根据本发明一个实施例的计算设备100的结构图；

图2示出了根据本发明一个实施例的内容显示方法200的流程图；

图3示出了根据本发明一个实施例的弹层切换过程中的过渡页示意图；

图4示出了根据本发明另一个实施例的内容显示方法400的流程图；以及

图5示出了根据本发明一个实施例的内容显示装置500的结构图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1是根据本发明一个实施例的计算设备100的框图。在基本的配置102中，计算设备100典型地包括系统存储器106和一个或者多个处理器104。存储器总线108可以用于在处理器104和系统存储器106之间的通信。

取决于期望的配置，处理器104可以是任何类型的处理，包括但不限于：微处理器(μP)、微控制器(μC)、数字信息处理器(DSP)或者它们的任何组合。处理器104可以包括诸如一级高速缓存110和二级高速缓存112之类的一个或者多个级别的高速缓存、处理器核心114和寄存器116。示例的处理器核心114可以包括运算逻辑单元(ALU)、浮点数单元(FPU)、数字信号处理核心(DSP核心)或者它们的任何组合。示例的存储器控制器118可以与处理器104一起使用，或者在一些实现中，存储器控制器118可以是处理器104的一个内部部分。

取决于期望的配置，系统存储器106可以是任意类型的存储器，包括但不限于：易失性存储器(诸如RAM)、非易失性存储器(诸如ROM、闪存等)或者它们的任何组合。系统存储器106可以包括操作系统120、一个或者多个应用122以及程序数据124。在一些实施方式中，应用122可以布置为在操作系统上利用程序数据124进行操作。程序数据124包括指令，在根据本发明的计算设备100中，程序数据124包含用于执行本发明的内容显示方法200和/或400的指令。

计算设备100还可以包括有助于从各种接口设备(例如，输出设备142、外设接口144和通信设备146)到基本配置102经由总线/接口控制器130的通信的接口总线140。示例的输出设备142包括图形处理单元148和音频处理单元150。它们可以被配置为有助于经由一个或者多个A/V端口152与诸如显示器或者扬声器之类的各种外部设备进行通信。示例外设接口144可以包括串行接口控制器154和并行接口控制器156，它们可以被配置为有助于经由一个或者多个I/O端口158和诸如输入设备(例如，键盘、鼠标、笔、语音输入设备、触摸输入设备)或者其他外设(例如打印机、扫描仪等)之类的外部设备进行通信。示例的通信设备146可以包括网络控制器160，其可以被布置为便于经由一个或者多个通信端口164与一个或者多个其他计算设备162通过网络通信链路的通信。

网络通信链路可以是通信介质的一个示例。通信介质通常可以体现为在诸如载波或者其他传输机制之类的调制数据信号中的计算机可读指令、数据结构、程序模块，并且可以包括任何信息递送介质。“调制数据信号”可以这样的信号，它的数据集中的一个或者多个或者它的改变可以在信号中编码信息的方式进行。作为非限制性的示例，通信介质可以包括诸如有线网络或者专线网络之类的有线介质，以及诸如声音、射频(RF)、微波、红外(IR)或者其它无线介质在内的各种无线介质。这里使用的术语计算机可读介质可以包括存储介质和通信介质二者。

计算设备100可以实现为服务器，例如文件服务器、数据库服务器、应用程序服务器和WEB服务器等，也可以实现为小尺寸便携(或者移动)电子设备的一部分，这些电子设备可以是诸如蜂窝电话、个人数字助理(PDA)、个人媒体播放器设备、无线网络浏览设备、个人头戴设备、应用专用设备、或者可以包括上面任何功能的混合设备。计算设备100还可以实现为包括桌面计算机和笔记本计算机配置的个人计算机。在一些实施例中，计算设备100被配置为执行本发明的内容显示方法200和/或400。

图2示出了根据本发明一个实施例的内容显示方法200的流程示意图。方法200在计算设备中执行，如在计算设备100中执行，以便显示招聘者(以下简称用户)在浏览器上所请求显示的内容。

如图2所示，该方法始于步骤S210。在步骤S210中，响应于用户对目标页面的首次打开操作，从服务器中获取该目标页面所应显示的多个响应内容，该多个响应内容具有优先级顺序。

根据一个实施例，用户对目标页面的首次打开操作包括以下任意一种：

1)用户通过关键词搜索后首次请求显示第一页内容；

2)用户通过在页面标记区首次点击某个页面的页面标记以请求首次显示该页面；

3)用户在页面弹层区域通过向右翻页首次翻到下一页的第一个元素对应的弹层内容时、请求更新作为弹层背景的页面内容；

4)用户在页面弹层区域通过向左翻页首次翻到上一页的最后一个元素对应的弹层内容时、请求更新作为弹层背景的页面内容。

对于任一种情况，只要在此之前用户还未通过任意方式请求显示过该目标页面，则在上述任一种情况发生时都可认为用户首次请求打开该目标页面。

对于情况1)，用户在招聘页面中通过输入关键词后，会去服务器查询该关键词所对应的响应内容，服务器会对这些响应内容按照优先级算法进行排序。如输入“前端开发工程师”，会得到120条与该关键词相关的求职者信息，每个求职者信息作为一个响应内容，服务器可以根据加权算法等方式计算每个响应内容的优先级，将更符合用户要求的响应内容靠前排序。例如可以根据命中的精准度、关键词的质量分、毕业院校和工作单位的属性规模等进行排序，每一项都可以尤其对应的评分值，可以只考虑单项评分或加权考虑多项评分。用户搜索结果返回时默认显示第一页页面，此时认为用户首次请求显示第一页内容。

一般地，服务器根据关键词搜索结果返回第一页显示内容时，还会返回总的响应内容条数。这样计算设备就可以根据每页的内容条数、当前页面数和该总数来判断是否还存在未访问完全的数据，也就是会判断是否还有下一页数据未获取过来。如果有，且用户正好在弹层区域点击下一页，则会发送请求来获取下一页数据。

对于情况2)，如果浏览器页面中每页显示12条响应内容，则共有10页，一般会在下方的页面标记区显示第1页到第10页的页面标记、上一页和下一页的翻页标记、以及当前为第几页和共有几页的标记。用户通过在页面标记区点击不同页面标记，如点击第3页或点击下一次，则可以打开对应的页面。通过上下翻页标记来首次翻到某一页面，或者通过直接点击某页的页面标记，只要在此之前还未请求显示过该页面，都可以实现某页面的首次打开。

需要说明的是，计算设备查询到该响应内容总数后，可以先不全部获取该响应内容，而是根据用户所请求显示的页面，只获取该页面所对应的响应内容。如每页显示n条，则第m页中只从服务器中获取第(m-1)×n+1条到第m×n条之间的响应内容。例如，已知每页显示12条，则当用户请求显示第3页时，则只用获取该第3页所应显示的响应内容，也就是服务器中排序好的第25-36条的响应内容。这样，只有当用户真正首次请求该页面时才会去获取对应的数据显示，用户不请求则不去拉取对应的响应数据，节省网络流量，也加快请求处理速度，提高用户体验。

对于情况3)，用户点击页面上的任一条响应内容区域，会在当前页面叠加一个弹层，该弹层显示的是该响应内容所对应的详情内容。以简历为例，页面上显示的响应内容为求职者的简历基本信息，如姓名、头像、年龄、工作时长、求职意向、工作单位、毕业学校和专业中的一种或多种。而在弹层区域就可显示该求职者的简历详情内容，其在简历基本信息的基础上，还可以包括详细工作经验、详细教育经历、详细工作经历和自我评价等内容。

弹层区域也可以上下翻页，向上翻页可以浏览上一个响应内容的弹层，向下翻页可以浏览下一个响应内容的弹层。如果当前用户浏览的是某页面的最后一个响应内容的弹层，那当其在弹层区域向下翻页时，实际已经翻到了下一页面的第一个响应内容，这样作为弹层背景的页面内容也会随之变更为下一页的页面内容。如果用户之前还未请求显示过该下一页面的内容，那可认为此时用户首次请求打开该下一页面。

同理，对于情况4)，当用户当前浏览的弹层内容对应于当前页面的第一条响应内容时，则当在弹层区域向上翻页时实际翻到了上一页面的最后一条响应内容，因此也要将作为弹层背景的页面内容更换为上一页面的页面内容。如果在这之前用户还未请求显示过该页面，则可认为此时用户首次请求打开该上一页面。

随后，在步骤S220中，在该目标页面中创建一个包括多个元素的数组，将多个响应内容按照优先级顺序依次填入该数组的多个元素中，并将该目标页面的页面标识和对应的数组内容关联存储在预先创建的本地集合中，以便后续该目标页面被再次打开时从该本地集合中获取对应的数组内容进行显示。

具体地，数组的创建可以采用栈的思想，栈是一种遵从后进先出(LIFO)原则的有序集合。新添加的或是待删除的元素都保存在栈的末尾，称作栈顶，而另一端称作栈底。数组可以分栏列表的形式，每一个栏区对应一个元素，每个元素中放入一个响应内容每个页面的12个响应内容按照优先级顺序依次填入所创建的12个元素中。每个元素在当前数组中都有位置序号，可以按照位置序号依次进行内容填充。这样，一个页面就对应一个数组内容，如页面i对应数组内容A_i，该数组内容包括了每个元素的位置序号及该元素对应的响应内容。一般地，可以在页面数组中创建游标索引，每个位置序号对应于一个游标值，根据游标值可确定对应的位置序号。游标值为0代表第1位，游标值为1代表第2为，依次类推。

计算设备100中预先创建了一个本地集合B，该集合限定其只能由一组无序且唯一(即不能重复)的项组成，其key为页面标识，value为数组内容。这样，就可以将首次显示页面的页面标识P_i和数组内容A_i关联存储该本地集合B，表示为{P_i：A_i}。其中页面标识可以是浏览器中按算法生成的页面标识，也可以直接用第i页进行表示，本发明对此不作限制。这样当用户后续再次请求显示该页面时，就可以直接从该本地集合中获取对应的数组内容进行显示。

基于此，方法200还可以包括步骤：响应于用户对目标页面的二次或多次打开操作，从本地集合中获取目标页面的页面标识所对应的数组内容进行页面显示。其中，用户对目标页面的二次或多次打开操作包括以下任意一种：用户二次或多次点击该目标页面的页面标记以请求显示该目标页面；用户在页面弹层区域通过向右翻页二次或多次翻到下一页的第一个元素对应的弹层内容时、请求更新作为弹层背景的页面内容；用户在页面弹层区域通过向左翻页二次或多次翻到上一页的最后一个元素对应的弹层内容时、请求更新作为弹层背景的页面内容。

随后，在步骤S230中，响应于用户对目标页面中某元素的首次打开操作，获取该元素的元素标识，并从服务器中获取该元素标识所对应的详情内容。

根据本发明的一个实施例，用户对目标页面中某元素的首次打开操作包括以下任意一种：用户在目标页面上首次点击该元素所在区域；或者，用户在页面弹层区域通过左右翻页首次请求打开下一个元素的弹层内容或者上一个元素的弹层内容。对于任一种情况，只要在此之前用户还未通过任意方式请求显示过该元素的详情内容，则在上述任一种情况发生时都可认为用户首次请求打开该元素。

根据本发明的另一个实施例，获取该元素的元素标识时，可以从页面节点树结构DOM文件汇总获取该元素所对应的元素标识。或者，可以获取该元素在数组中的位置序号，并从服务器中获取该位置序号所对应的元素标识。这里，服务器中预先存储有数组元素的位置序号与元素标识的关联关系。这详情内容为简历详情内容，元素标识可以为简历标识或序列标识，其中简历标识是字符数字混合，序列标识为纯数字，两者都是简历在数据库中的唯一标识。为了安全考虑，尽量不暴露简历标识，因此元素标识优选地可以为序列标识。服务器中存储有元素标识和详情内容的关联关系，即序列标识与简历详情内容的关联关系，根据元素标识就可查找到唯一的详情内容。

随后，在步骤S240中，将详情内容作为弹层叠加显示在目标页面上，将该元素标识和对应的详情内容关联存储在本地集合中该目标页面的目录下，以便后续该元素被再次打开时从该本地集合中获取对应的详情内容进行弹层显示。

也就是，用户点击页面中某元素后，会在当前页面上叠加一个弹层区域，在该弹层区域显示该元素所对应的简历详情内容。在本地集合中，一个页面的页面标识和整个页面的数组内容会关联存储，另外只要该页面中某元素对应的详情内容被弹层显示，就会将该元素标识和详情内容会存储该页面目录下，直到集齐该页面所有元素对应的内容。这样当用户后续再次请求显示该元素的弹层内容时，就可以直接从该本地集合中获取对应的详情内容进行弹层显示。

基于此，方法200还可以包括步骤：响应于用户对目标页面中某元素的二次或多次点击操作，从本地集合中获取该元素的元素标识所对应的详情内容进行弹层显示。其中，用户对目标页面中某元素的二次或多次点击操作二次或多次点击包括以下任意一种：用户在目标页面上首次点击该元素所在区域；或者，用户在页面弹层区域通过左右翻页二次或多次请求打开下一个元素的弹层内容或者上一个元素的弹层内容。

根据本发明的另一些实施例，方法200还可以包括步骤：响应于用户在当前弹层区域的翻页操作，在前后两个弹层内容的切换过程中，生成一张与当前弹层内容高度相同的过渡页，该过渡页为无数据的简历文档，可分为上下两部分，上部分为固定高度且用第一图案填充，下部分采用多个固定样式组进行循环填充。

如图3所示，上部分的第一图案包括头像灰度区和位于头像灰度区右侧的多个第一灰度条。头像灰度区可以是任意形状，如圆形或方形等。多个第一灰度条例如可以是三个灰度条，分别对应于姓名条、工作单位/专业条、以及工作时长/最高学历/年龄条等签名条。在一种实现方式中，多个第一灰度条为固定样式且其长度从上到下逐渐变长，也就是均采用图3中所示的灰度条数量和长度来显示。在另一种实现方式中，多个第一灰度条通过将当前弹层中对应位置处的内容用灰度条填充得到。也就是用户在当前弹层进行左右翻页时，获取当前弹层区域顶部的各签名条的长度，并在过渡页中生成同样长度的灰度条，或者直接将当前弹层对应位置处的签名条用灰度条填充。

下部分的固定样式组包括多个第二灰度条，该多个第二灰度条中的第一个灰度条的长度偏短，作为每个分组的标签行，一般指代的是“工作经历”、“教育经历”、“自我评价”等这些字段。第一行之下的其他几个灰度条长度相等且其长度接近整个弹层区域的宽度。

在具体的实施过程中，可以通过原生接口document.body.clientHeight来获取当前屏幕高度H，弹层距离页面顶部的距离默认为50px，所以弹层的可视区域高度h＝H-50。简历弹层分为两个区域，上部分固定区域的高度为50px，下部分为多个固定样式组，每个固定样式组的高度是60px。所以固定样式组的循环次数，也就是所需的固定样式组个数为(h-50)/60次，超过部分会被隐藏。

这里，主要是考虑下一弹层的内容尚未获取，因此以当前弹层内容为参考来生成过渡页，防止页面切换变化过大而影响用户体验。而当前弹层的简历内容中，各个求职者的简历长短不一，用户在进行切换时正在浏览的可能是简历顶部区域，也可能是简历底部区域。因此本申请设计的过渡页以当前简历长度为参考，将过渡页上部设计为固定模板，过渡页下部进行循环填充，以实现良好且统一的过渡页效果，提高用户体验。

图4示出了根据本发明另一个实施例的内容显示方法400的流程图，方法400适于在计算设备中执行，如在计算设备100中执行，其可以作为方法200的详细扩展内容，主要是对用户弹层区域的翻页操作指令进行处理。

如图4所示，方法始于步骤S410中。在步骤S410中，响应于用户在当前弹层区域的翻页操作，判断新弹层与当前弹层是否分属于两个页面，得到第一判断结果。

若第一判断结果为是，即两个弹层分属两个页面，则在步骤S420中，获取新页面的页面标识，并判断该页面标识是否存在于本地集合中，得到第二判断结果。

若第二判断结果为是，则在步骤S430中，从该本地集合中获取该新页面的数组内容，并将作为弹层背景的页面内容更新为该新页面的数组内容。同时还在步骤S440中，获取该新弹层所对应的元素标识，并判断该新弹层的元素标识是否存在于本地集合中，得到第三判断结果。这里主要是考虑用户之前打开过新页面，因此本地集合中有该新页面的数组内容。但用户可能之前并未全部打开新页面的详情内容，导致只存储了一部分元素的详情内容，另一部分元素的详情内容未存储。

若第三判断结果为是，代表用户之前打开过该元素，则在步骤S450中，从该本地集合中获取该元素标识所对应的详情内容来在弹层区域显示。

若第三判断结果为否，代表用户之前未打开过该元素，则在步骤S480中，从服务器中获取该元素标识所对应的详情内容来在弹层区域显示，并将该元素标识和对应的详情内容关联存储在本地集合中该新页面的目录下。

根据本发明的一个实施例，若第一判断结果为否，即两个弹层属于同一页面，则方法400触发执行步骤S440，即获取新弹层的元素标识，并判断该元素标识是否存在于本地集合中，若是则进入步骤S450从本地集合获取详情内容，反之则进入步骤S480从服务器中获取详情内容。

根据本发明的另一个实施例，若第二判断结果为否，即用户之前未打开过该新页面，则在步骤S460中，从服务器中获取该新页面所应显示的多个响应内容，将该多个响应内容依次填入在新页面的弹层背景中所创建的数组中，并将该新页面的页面标识和对应的数组内容关联存储在本地集合中。之后，在步骤S470和步骤S480中，获取该新弹层所对应的元素标识，从服务器中获取该元素标识所对应的详情内容来在弹层区域显示，并将该元素标识和对应的详情内容关联存储在本地集合中该新页面的目录下。

根据本发明的又一个实施例，可以根据以下方法来判断新弹层与当前弹层是否分属于两个页面：获取当前弹层在当前数组中的位置序号；若该位置序号为当前数组的最后一位且用户在当前弹层区域的翻页操作为向下翻页，或者序号为当前数组的第一位且用户在当前弹层区域的翻页操作为向上翻页，则判定新弹层与当前弹层分属于两个页面。

本发明采用数据映射的方案来管理一系列数据内容(如简历)，其利用数据结构中栈和集合的概念，对一系列同批次同类型数据的进行管理操作。本发明将对所有数据的管理最终映射为对一个数据对象的管理。数组维护了当前列表的页面内容，简历弹层对应的是数组里的一个元素详情，数组又是集合中的一个元素，该集合表达的是浏览过各个页面的所有简历数据。用户对不同页面和元素的打开操作其实就是通过网络请求对集合进行不断扩充(旧数据不会请求网络)、对当前数组进行不断改写、对数组中的索引游标进行不断移动的过程。

图5示出了根据本发明一个实施例的内容显示装置500的结构框图，该装置500可以驻留在计算设备中，如驻留在计算设备100中。如图5所示，装置500包括：响应内容获取模块510、响应内容显示模块520、详情内容获取模块530和详情内容显示模块540。

响应内容获取模块510响应于用户对目标页面的首次打开操作，从服务器中获取该目标页面所应显示的多个响应内容，该多个响应内容具有优先级顺序。响应内容获取模块510可以进行与上面在步骤S210中描述的处理相对应的处理，这里不再展开赘述。

响应内容显示模块520在该目标页面中创建一个包括多个元素的数组，将所述多个响应内容按照优先级顺序依次填入该数组的多个元素中，并将该目标页面的页面标识和对应的数组内容关联存储在预先创建的本地集合中，以便后续该目标页面被再次打开时从该本地集合中获取对应的数组内容进行显示。响应内容显示模块520可以进行与上面在步骤S220中描述的处理相对应的处理，这里不再展开赘述。

详情内容获取模块530响应于用户对目标页面中某元素的首次打开操作，获取该元素的元素标识，并从服务器中获取该元素标识所对应的详情内容。详情内容获取模块530可以进行与上面在步骤S230中描述的处理相对应的处理，这里不再展开赘述。

详情内容显示模块540将详情内容作为弹层叠加显示在目标页面上，将该元素标识和对应的详情内容关联存储在本地集合中该目标页面的目录下，以便后续该元素被再次打开时从该本地集合中获取对应的详情内容进行弹层显示。详情内容显示模块540可以进行与上面在步骤S240中描述的处理相对应的处理，这里不再展开赘述。

根据本发明的一个实施例，装置500还可以包括弹层切换模块(图中未示出)，其可以响应于用户在当前弹层区域的翻页操作，在前后两个弹层内容的切换过程中，生成一张与当前弹层内容高度相同的过渡页，所述过渡页分为上下两部分，上部分为固定高度且用第一图案填充，下部分采用多个固定样式组进行循环填充。在一些实现方式中，第一图案可以包括头像灰度区和位于头像灰度区右侧的多个第一灰度条。固定样式组包括多个第二灰度条，该多个第二灰度条中的第一个灰度条的长度偏短，其他灰度条长度相等且其长度接近整个弹层区域的宽度。

根据本发明的另一个实施例，弹层切换模块还可以进行与上面在方法400中描述的处理相对应的处理，即响应于用户在当前弹层区域的翻页操作，依次进行第一判断结果、第二判断结果和第三判断结果的判断，这里不再展开赘述。

根据本发明的技术方案，通过简历弹层切换简历，既可以快速翻阅相关简历，不用打开过多标签页，减少浏览器内存消耗，而且还减少一部分页面初始渲染的时间成本。而且，用户浏览过的页面内容和简历内容，都会临时存储本地集合，这样再次查看页面内容和简历内容，无需重复请求服务器既可显示出来。这样既减少服务器压力，又节省用户的等待时间，提高用户体验。

A8、如A7所述的方法，还包括步骤：若所述第三判断结果为是，则从该本地集合中获取该元素标识所对应的详情内容来在所述弹层区域显示；若所述第三判断结果为否，则从服务器中获取该元素标识所对应的详情内容来在所述弹层区域显示，并将该元素标识和对应的详情内容关联存储在所述本地集合中该新页面的目录下。A9、如A7所述的方法，其中，所述判断新弹层与当前弹层是否分属于两个页面的步骤包括：获取当前弹层在当前数组中的位置序号；若该位置序号为当前数组的最后一位且用户在当前弹层上的翻页操作为向下翻页，或者序号为当前数组的第一位且用户在当前弹层上的翻页操作为向上翻页，则判定新弹层与当前弹层分属于两个页面。

A10、如A1-A9中任一项所述的方法，其中所述获取该元素的元素标识的步骤包括：从所述页面节点树结构中获取该元素所对应的元素标识；或者获取该元素在数组中的位置序号，并从服务器中获取该元素序号所对应的元素标识。A11、如A1-A10中任一项所述的方法，其中，所述响应内容为简历基本信息，所述数组内容包括每个元素在数组中的位置序号及其对应的响应内容，所述元素标识为简历标识或序列标识，所述详情内容为简历详情内容。A12、如A11所述的方法，其中，所述简历基本信息包括姓名、头像、年龄、工作时长、求职意向、工作单位、毕业学校和专业中的一种或多种；所述简历详情内容在所述简历基本信息的基础上，还包括详细工作经验、详细教育经历和详细工作经历。

这里描述的各种技术可结合硬件或软件，或者它们的组合一起实现。从而，本发明的方法和设备，或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介，例如可移动硬盘、U盘、软盘、CD-ROM或者其它任意机器可读的存储介质中的程序代码(即指令)的形式，其中当程序被载入诸如计算机之类的机器，并被所述机器执行时，所述机器变成实践本发明的设备。

在程序代码在可编程计算机上执行的情况下，计算设备一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和/或存储元件)，至少一个输入装置，和至少一个输出装置。其中，存储器被配置用于存储程序代码；处理器被配置用于根据该存储器中存储的所述程序代码中的指令，执行本发明的内容显示方法。

以示例而非限制的方式，可读介质包括可读存储介质和通信介质。可读存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据，并且包括任何信息传递介质。以上的任一种的组合也包括在可读介质的范围之内。

在此处所提供的说明书中，算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与本发明的示例一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中，或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

此外，所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此，具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外，装置实施例的在此所述的元素是如下装置的例子：该装置用于实施由为了实施该发明的目的的元素所执行的功能。

如在此所使用的那样，除非另行规定，使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例，并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。

尽管根据有限数量的实施例描述了本发明，但是受益于上面的描述，本技术领域内的技术人员明白，在由此描述的本发明的范围内，可以设想其它实施例。此外，应当注意，本说明书中使用的语言主要是为了可读性和教导的目的而选择的，而不是为了解释或者限定本发明的主题而选择的。因此，在不偏离所附权利要求书的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围，对本发明所做的公开是说明性的而非限制性的，本发明的范围由所附权利要求书限定。

Claims (13)

1.一种内容显示方法，适于在计算设备中执行，所述方法包括步骤：

响应于用户对目标页面的首次打开操作，从服务器中获取该目标页面所应显示的多个响应内容，所述响应内容为简历基本信息，且所述多个响应内容具有优先级顺序；

在该目标页面中创建一个包括多个元素的数组，将所述多个响应内容按照优先级顺序依次填入该数组的多个元素中，并将该目标页面的页面标识和对应的数组内容关联存储在预先创建的本地集合中，以便后续该目标页面被再次打开时从该本地集合中获取对应的数组内容进行显示；

响应于用户对目标页面中某元素的首次打开操作，获取该元素的元素标识，并从服务器中获取该元素标识所对应的详情内容，所述详情内容为简历详情内容；以及

将所述详情内容作为弹层叠加显示在所述目标页面上，将该元素标识和对应的详情内容关联存储在所述本地集合中该目标页面的目录下，以便后续该元素被再次打开时从该本地集合中获取对应的详情内容进行弹层显示；

响应于用户在当前弹层区域的翻页操作，判断新弹层与当前弹层是否分属于两个页面，得到第一判断结果；

若所述第一判断结果为是，则获取新页面的页面标识，并判断该页面标识是否存在于所述本地集合中，得到第二判断结果；以及

若所述第二判断结果为是，则从该本地集合中获取该新页面的数组内容，并将作为弹层背景的页面内容更新为该新页面的数组内容，同时还获取该新弹层所对应的元素标识，并判断该新弹层的元素标识是否存在于所述本地集合中，得到第三判断结果；

若所述第三判断结果为是，则从该本地集合中获取该元素标识所对应的详情内容来在所述弹层区域显示；

若所述第三判断结果为否，则从服务器中获取该元素标识所对应的详情内容来在所述弹层区域显示，并将该元素标识和对应的详情内容关联存储在所述本地集合中该新页面的目录下。

2.如权利要求1所述的方法，其中所述用户对目标页面的首次打开操作包括以下任意一种：

用户通过关键词搜索后首次请求显示第一页内容；

用户通过在页面标记区首次点击某个页面的页面标记以请求首次显示该页面；

用户在页面弹层区域通过向右翻页首次翻到下一页的第一个元素对应的弹层内容时、请求更新作为弹层背景的页面内容；以及

用户在页面弹层区域通过向左翻页首次翻到上一页的最后一个元素对应的弹层内容时、请求更新作为弹层背景的页面内容。

3.如权利要求1或2所述的方法，其中所述用户对目标页面中某元素的首次打开操作包括以下任意一种：

用户在目标页面上首次点击该元素所在区域；以及

用户在页面弹层区域通过左右翻页首次请求打开下一个元素的弹层内容或者上一个元素的弹层内容。

4.如权利要求1-3中任一项所述的方法，还包括步骤：

响应于用户在当前弹层区域的翻页操作，在前后两个弹层内容的切换过程中，生成一张与当前弹层内容高度相同的过渡页，所述过渡页分为上下两部分，上部分为固定高度且用第一图案填充，下部分采用多个固定样式组进行循环填充。

5.如权利要求4所述的方法，其中，

所述第一图案包括头像灰度区和位于头像灰度区右侧的多个第一灰度条；

所述固定样式组包括多个第二灰度条，该多个第二灰度条中的第一个灰度条的长度偏短，其他灰度条长度相等且其长度接近整个弹层区域的宽度。

6.如权利要求5所述的方法，其中，

所述多个第一灰度条为固定样式且其长度从上到下逐渐变长；或者

所述多个第一灰度条通过将所述当前弹层中对应位置处的内容用灰度条填充得到。

7.如权利要求1所述的方法，其中，所述判断新弹层与当前弹层是否分属于两个页面的步骤包括：

获取当前弹层在当前数组中的位置序号；

若该位置序号为当前数组的最后一位且用户在当前弹层区域的翻页操作为向下翻页，或者序号为当前数组的第一位且用户在当前弹层区域的翻页操作为向上翻页，则判定新弹层与当前弹层分属于两个页面。

8.如权利要求1-7中任一项所述的方法，其中所述获取该元素的元素标识的步骤包括：

从所述页面节点树结构中获取该元素所对应的元素标识；或者

获取该元素在数组中的位置序号，并从服务器中获取该元素序号所对应的元素标识。

9.如权利要求1-8中任一项所述的方法，其中，

所述数组内容包括每个元素在数组中的位置序号及其对应的响应内容，所述元素标识为简历标识或序列标识。

10.如权利要求9所述的方法，其中，

所述简历基本信息包括姓名、头像、年龄、工作时长、求职意向、工作单位、毕业学校和专业中的一种或多种；

所述简历详情内容在所述简历基本信息的基础上，还包括详细工作经验、详细教育经历和详细工作经历。

11.一种内容显示装置，适于驻留在计算设备中，所述装置包括：

响应内容获取模块，适于响应于用户对目标页面的首次打开操作，从服务器中获取该目标页面所应显示的多个响应内容，所述响应内容为简历基本信息，且所述多个响应内容具有优先级顺序；

响应内容显示模块，适于在该目标页面中创建一个包括多个元素的数组，将所述多个响应内容按照优先级顺序依次填入该数组的多个元素中，并将该目标页面的页面标识和对应的数组内容关联存储在预先创建的本地集合中，以便后续该目标页面被再次打开时从该本地集合中获取对应的数组内容进行显示；

详情内容获取模块，适于响应于用户对目标页面中某元素的首次打开操作，获取该元素的元素标识，并从服务器中获取该元素标识所对应的详情内容，所述详情内容为简历详情内容；以及

详情内容显示模块，适于将所述详情内容作为弹层叠加显示在所述目标页面上，将该元素标识和对应的详情内容关联存储在所述本地集合中该目标页面的目录下，以便后续该元素被再次打开时从该本地集合中获取对应的详情内容进行弹层显示，还适于响应于用户在当前弹层区域的翻页操作，判断新弹层与当前弹层是否分属于两个页面，得到第一判断结果；若所述第一判断结果为是，则获取新页面的页面标识，并判断该页面标识是否存在于所述本地集合中，得到第二判断结果；以及若所述第二判断结果为是，则从该本地集合中获取该新页面的数组内容，并将作为弹层背景的页面内容更新为该新页面的数组内容，同时还获取该新弹层所对应的元素标识，并判断该新弹层的元素标识是否存在于所述本地集合中，得到第三判断结果；若所述第三判断结果为是，则从该本地集合中获取该元素标识所对应的详情内容来在所述弹层区域显示；若所述第三判断结果为否，则从服务器中获取该元素标识所对应的详情内容来在所述弹层区域显示，并将该元素标识和对应的详情内容关联存储在所述本地集合中该新页面的目录下。

12.一种计算设备，包括：

至少一个处理器；以及

存储器，存储有程序指令，其中，所述程序指令被配置为适于由所述至少一个处理器执行，所述程序指令包括用于执行如权利要求1-10中任一项所述的方法的指令。

13.一种存储有程序指令的可读存储介质，当所述程序指令被计算设备读取并执行时，使得所述计算设备执行如权利要求1-10中任一项所述的方法。

Images