A method and terminal for displaying a page

Abstract

The invention is applicable to the computer technical field, and provides a method and a terminal for displaying a page. The method comprises the following steps: determining a first number of node labels allowed to be displayed on the page according to the size information of a visual window of the current page; creating a second number of node containers according to the first number of node tags; the second number is greater than the first number; determining a first target node tag to be displayed from the node tag list according to the scrolling instruction when the page scrolling instruction is obtained; storing and displaying the contents corresponding to the first target node tag through an available node container; the node container corresponding to the second target node tag moved out of the visual window is recycled and emptied. The embodiment of the invention stores the content corresponding to the node label which is about to enter the visual window through the multiplexing node container, avoids the situation that new node information is continuously added to the list when the infinite information list is scrolled, and reduces the resource consumed by redrawing and rearranging the web page due to the increase of the node information.

Description

technical field [0001] The invention belongs to the technical field of computers, and in particular relates to a method and a terminal for displaying pages. Background technique [0002] Hyper Text Markup Language (HTML) is a standard markup language for creating web pages. HTML5 is the fifth major revision of HTML. H5 applications are applications (applications, APPs) written in HTML5, and generally run with the help of browsers such as IE. [0003] Due to its own characteristics, the mobile H5 page will repaint and reflow when modifying the elements of the HTML5 page. Redrawing: It is a browser behavior caused by a change in the appearance of an element; such as changing properties such as visibility, outline, and background color. Rearrangement: It is a behavior that causes the recalculation of the Document Object Model (Document ObjectModel, DOM) tree. Behaviors that cause rearrangement include: adding and deleting visible DOM; element position change; element size ch...

AI Technical Summary

Problems solved by technology

[0005] In view of this, the embodiment of the present invention provides a method and terminal for displaying pages to solve the problem in the prior art that when infinite list scrolling occurs, such as when the news information list keeps scrolling, new nodes will be continuously added to the list, As a result, the DOM tree is getting bigger and bigger, and the loss of redrawing and rearranging is getting bigger and bigger, which eventually causes the device to freeze, freeze until the application or browser crashes.

Images