CN103970543A - 一种在网页上高效显示列表内容的方法 - Google Patents
一种在网页上高效显示列表内容的方法 Download PDFInfo
- Publication number
- CN103970543A CN103970543A CN201410220756.7A CN201410220756A CN103970543A CN 103970543 A CN103970543 A CN 103970543A CN 201410220756 A CN201410220756 A CN 201410220756A CN 103970543 A CN103970543 A CN 103970543A
- Authority
- CN
- China
- Prior art keywords
- webpage
- data
- content
- browser
- containers
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 17
- 230000015572 biosynthetic process Effects 0.000 claims description 4
- 239000011159 matrix material Substances 0.000 abstract 1
- 230000007423 decrease Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 2
- 241001269238 Data Species 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000005096 rolling process Methods 0.000 description 1
- 230000035807 sensation Effects 0.000 description 1
Landscapes
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种在网页上高效显示列表内容的方法，用于浏览器端，浏览器端打开网页时在页面中构造若干用于显示的容器，容器在页面上以方阵排列，浏览器将所获取的实际需要显示的数据内容以类似的外观分别显示在容器上，用户滚动页面或者导航到内容的其他部分时，容器位置不变，浏览器计算应该显示的内容所对应的数据，并把数据填充到对应位置的容器中，容器上显示的数据内容包括文字、图片、表格。本发明在网页上展示大量的内容时，不会造成性能下降，使用过程中感觉是连续和完整的。
Description
技术领域
本发明涉及信息传输技术领域，尤其是涉及一种在网页上高效显示列表内容的方法。
背景技术
用户用浏览器访问网络，浏览器在网页上显示内容时，一般直接会把完整内容放在页面上，或者是分页显示，一次展示其中的一页，这样就会出现一些问题，比如，如果在完整显示网页内容时，一旦网页内容过长过多，在滚动时可能造成浏览器性能下降，用户感觉到卡顿；如果分页显示网页内容，用户的浏览过程就会有卡顿，用户使用感觉体验不佳。
发明内容
本发明是为了解决浏览器显示网页内容时容易产生性能下降和卡顿的问题，提供一种在网页上高性能地展示大量的内容，即不会造成性能下降，在用户使用过程中的感觉也是连续和完整的一种在网页上高效显示列表内容的方法。
为了实现上述目的，本发明采用以下技术方案：一种在网页上高效显示列表内容的方法，用于浏览器端，所述的浏览器端打开网页时在页面中构造若干用于显示的容器，所述浏览器将所获取的实际需要显示的数据内容以类似的外观显示在容器上，用户滚动页面或者导航到内容的其他部分时，所述的容器位置不变，所述浏览器计算应该显示的内容所对应的数据，并把数据填充到对应位置的容器中。初次显示时，浏览器会把用户视觉上看到的第一屏所需的数据放入构造好的容器中，当用户滚动页面或者导航到内容的其他部分时，容器位置不变，浏览器计算应该显示的内容所对应的数据，并把数据填充到对应位置的容器中，这样一来，实际只有用户看到的部分在改变，用户看不到的部分不参与浏览器的渲染，大大降低了浏览器的性能开销，因此既能保持流畅，又能显示大量的连续数据。
作为优选，所述的容器在页面上以方阵排列。现有显示屏以方形为主，容器以方阵形式排列，可在同一页面上显示刚好占据显示屏可见部分的容器，并且在滚动页面时，可以整行变换，方便浏览器计算和显示数据内容。
作为优选，所述的容器上显示的数据内容包括文字、图片、表格。浏览器获取的数据内容包括JSON格式或者XML格式，经计算后，可以以文字、图片、表格等方式显示在容器上。
因此，本发明具有如下有益效果：1）在网页上展示大量的内容时，不会造成性能下降；2）使用过程中感觉是连续和完整的。
附图说明
图1是本发明的一种页面容器显示示意图。
图2是图1在滚动页面后的容器显示示意图。
具体实施方式
下面对本发明做进一步的描述。
如图1、图2所示，一种在网页上高效显示列表内容的方法，用于浏览器端，浏览器端打开网页时在页面中构造若干用于显示的容器，容器在页面上以方阵排列，每行两个，共十个，浏览器将所获取的实际需要显示的数据内容以类似的外观分别显示在十个容器上，用户滚动页面或者导航到内容的其他部分时，容器位置不变，浏览器计算应该显示的内容所对应的数据，并把数据填充到对应位置的容器中，容器上显示的数据内容包括文字、图片、表格。
具体使用过程是，初次显示时，浏览器会把用户视觉上看到的第一屏所需的数据放入构造好的如图1所示的容器中，在上面一行容器中显示数据1至数据5，在下面一行容器中显示数据6至数据10，当用户滚动页面时，容器位置不变，浏览器计算应该显示的内容所对应的数据，并在上面一行容器中显示数据6至数据10，在下面一行容器中显示数据11至数据15，以此连续显示。
Claims (3)
1.一种在网页上高效显示列表内容的方法，用于浏览器端，其特征在于，所述的浏览器端打开网页时在页面中构造若干用于显示的容器，所述浏览器将所获取的实际需要显示的数据内容以类似的外观显示在容器上，用户滚动页面或者导航到内容的其他部分时，所述的容器位置不变，所述浏览器计算应该显示的内容所对应的数据，并把数据填充到对应位置的容器中。
2.根据权利要求1所述的一种在网页上高效显示列表内容的方法，其特征在于，所述的容器在页面上以方阵排列。
3.根据权利要求1所述的一种在网页上高效显示列表内容的方法，其特征在于，所述的容器上显示的数据内容包括文字、图片、表格。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410220756.7A CN103970543B (zh) | 2014-05-23 | 2014-05-23 | 一种在网页上高效显示列表内容的方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410220756.7A CN103970543B (zh) | 2014-05-23 | 2014-05-23 | 一种在网页上高效显示列表内容的方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103970543A true CN103970543A (zh) | 2014-08-06 |
| CN103970543B CN103970543B (zh) | 2019-03-26 |
Family
ID=51240083
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410220756.7A Active CN103970543B (zh) | 2014-05-23 | 2014-05-23 | 一种在网页上高效显示列表内容的方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103970543B (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109840831A (zh) * | 2019-01-29 | 2019-06-04 | 浙江口碑网络技术有限公司 | 页面呈现方法及装置 |
| CN109933753A (zh) * | 2017-12-19 | 2019-06-25 | 北京京东尚科信息技术有限公司 | 一种在列表中排列对象的方法和装置 |
| CN113221046A (zh) * | 2020-01-17 | 2021-08-06 | 大唐移动通信设备有限公司 | 一种浏览器表格列的调整方法和装置 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090006361A1 (en) * | 2007-06-28 | 2009-01-01 | Abuelsaad Tamer E | Method and system for containing and accessing mulitple web browsers |
| CN101359276A (zh) * | 2008-09-27 | 2009-02-04 | 北大方正集团有限公司 | 一种显示电子文档的方法和装置 |
| CN102214068A (zh) * | 2011-04-28 | 2011-10-12 | 宇龙计算机通信科技(深圳)有限公司 | 页面切换显示的控制方法和移动终端 |
-
2014
- 2014-05-23 CN CN201410220756.7A patent/CN103970543B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090006361A1 (en) * | 2007-06-28 | 2009-01-01 | Abuelsaad Tamer E | Method and system for containing and accessing mulitple web browsers |
| CN101359276A (zh) * | 2008-09-27 | 2009-02-04 | 北大方正集团有限公司 | 一种显示电子文档的方法和装置 |
| CN102214068A (zh) * | 2011-04-28 | 2011-10-12 | 宇龙计算机通信科技(深圳)有限公司 | 页面切换显示的控制方法和移动终端 |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109933753A (zh) * | 2017-12-19 | 2019-06-25 | 北京京东尚科信息技术有限公司 | 一种在列表中排列对象的方法和装置 |
| CN109933753B (zh) * | 2017-12-19 | 2024-01-16 | 北京京东尚科信息技术有限公司 | 一种在列表中排列对象的方法和装置 |
| CN109840831A (zh) * | 2019-01-29 | 2019-06-04 | 浙江口碑网络技术有限公司 | 页面呈现方法及装置 |
| CN113221046A (zh) * | 2020-01-17 | 2021-08-06 | 大唐移动通信设备有限公司 | 一种浏览器表格列的调整方法和装置 |
| CN113221046B (zh) * | 2020-01-17 | 2023-07-25 | 大唐移动通信设备有限公司 | 一种浏览器表格列的调整方法和装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103970543B (zh) | 2019-03-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2010148225A3 (en) | Promotional content presentation based on search query | |
| WO2013126084A3 (en) | Graphical overlay related to data mining and analytics | |
| JP2009525535A5 (zh) | ||
| WO2012024066A3 (en) | Contextual advertising with user features | |
| JP2010511939A5 (zh) | ||
| CA2685577A1 (en) | Hiding portions of display content | |
| CN109144504A (zh) | 基于d3的数据可视化图形生成方法及存储介质 | |
| SE0700783L (sv) | Grafikåtergivningssystem | |
| CN103970543A (zh) | 一种在网页上高效显示列表内容的方法 | |
| SG11201905145WA (en) | Method for displaying learning content of terminal and application program therefor | |
| Hern et al. | Computer graphics-C version | |
| CN107609003A (zh) | 一种乡村旅游推荐信息可视化方法及装置 | |
| JP2016532931A5 (zh) | ||
| CN103324838A (zh) | 自动护肤服务系统 | |
| CN106407227A (zh) | 一种动态网页显示方法和系统 | |
| CN105824925B (zh) | 基于浏览器网页元素的动态标注方法 | |
| CN103617151A (zh) | 一种flash课件的制作方法 | |
| Carrión et al. | Neanderthals: ecology and evolution | |
| Sukito Ardjo et al. | The Virtual Machinery Workshop: an Immersive 360 degree Web-Based Vocational Education Learning | |
| Berghefer | Data-Driven Human-Centric Web Design: Beyond Tables and Statistics | |
| Kim et al. | An authoring tool to provide images and 2D graphics for smart educational cloud services | |
| Bakerman et al. | CosmoQuest: Getting Twitchy for Science | |
| Fitzsimmons | Mary Miller & Claudia Brittenham. The spectacle of the late Maya court: reflections on the murals of Bonampak. xxii+ 261 pages, numerous colour and b&w illustrations. 2013. Austin: University of Texas Press; 978-0-292-74436-3 hardback $75. | |
| Yin et al. | Research on three-dimensional real scene technology of Sichuan-Tibet highway | |
| Nakane et al. | Japan-in-Transition: Reflections and Futures |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| EXSB | Decision made by sipo to initiate substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20231008 Address after: 311100 Station 057-076, 4th Floor, Building 4, Lejia International Building, Wuchang Street, Yuhang District, Hangzhou City, Zhejiang Province Patentee after: Hangzhou Zhiping Information Technology Service Co.,Ltd. Address before: Room 619, East Software Park Science and Technology Plaza, No. 90 Wensan Road, Xihu District, Hangzhou City, Zhejiang Province, 310000 Patentee before: HANGZHOU ZHIPING TECHNOLOGY Co.,Ltd. |
|
| TR01 | Transfer of patent right |