Web page animation rendering method and device

Abstract

Provided are a webpage animation rendering method and apparatus. The method comprises the following steps: detecting the number of webpage elements to be loaded and the size of a preset number threshold (S110); if the number of elements is greater than the preset number threshold and the element container comprises animation attributes, deleting the animation attributes to obtain a new container (S120); if the number of elements is greater than the preset number threshold and the element container does not comprise animation attributes, the container acts as a new container (S130); if the number of elements is smaller than or equal to the preset number threshold, adding animation attributes to be rendered to the element container to obtain a new container (S140); and on the basis of a preset data loading mode, loading the elements to the webpage, and when the new container comprises animation attributes, implementing corresponding animation rendering (S150). The present invention automatically adapts and rationally loads corresponding animation effects, improving the webpage user experience.

Description

technical field [0001] The present invention relates to the field of WEB platform technology, in particular to a webpage animation rendering method and a webpage animation rendering device. Background technique [0002] A Web (Internet) webpage is a file organized in HTML (HyperText Mark-up Language) format on the World Wide Web, and appears in the form of an information page when information is queried through the World Wide Web. A web page may include information such as graphics, text, sound, and video, which are collectively referred to as web page elements. [0003] Web desktop application refers to the operation and experience of web pages consistent with ordinary computer desktop applications. After the emergence of technologies such as html5 (the fifth revision of hypertext markup language) and css3 (cascading style sheets), humanized and flexible web page interaction experience will gradually penetrate into the mainstream. However, the current mainstream websites,...

AI Technical Summary

Problems solved by technology

However, the current mainstream websites, such as Weibo, cloud disk or search engine, etc., the loading and rendering of web page elements will not over-design the animation effect of web page elements. When necessary, the animation effect will be loaded with a single element, which cannot be well integrated with the desktop. The animation rendering of the application is comparable, so the web desktop application of the product cannot be well realized

In addition, when the current technical solution renders the animation effect on the webpage, the same animation effect rendering is adopted without considering the actual situation of the webpage, which will cause the designer's design intention to be rendered incompletely due to performance bottlenecks on ordinary computers. , the web page interaction experience is poor

Images