CN106874023A - Dynamic page loading method and device - Google Patents

Dynamic page loading method and device Download PDF

Info

Publication number
CN106874023A
CN106874023A CN201510925378.7A CN201510925378A CN106874023A CN 106874023 A CN106874023 A CN 106874023A CN 201510925378 A CN201510925378 A CN 201510925378A CN 106874023 A CN106874023 A CN 106874023A
Authority
CN
China
Prior art keywords
label
shade
dynamic page
animated
display
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
Application number
CN201510925378.7A
Other languages
Chinese (zh)
Other versions
CN106874023B (en
Inventor
陈霖炜
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201510925378.7A priority Critical patent/CN106874023B/en
Publication of CN106874023A publication Critical patent/CN106874023A/en
Application granted granted Critical
Publication of CN106874023B publication Critical patent/CN106874023B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

The invention provides a kind of dynamic page loading method, methods described includes:The trigger request accessed by dynamic page obtains pagefile;The pattern description information that the pagefile obtains the corresponding label of the dynamic page and the description label is parsed, dynamic page drafting is carried out according to the label, to carry out the display that the label distinguishes corresponding shade element and animated element;Corresponding pattern description information is performed on the shade element and animated element, to obtain dynamic page.Additionally, additionally providing a kind of dynamic page loading device matched with the method.Above-mentioned dynamic page loading method and device take less transfer resource and system resource, to realize the quick loading of dynamic page.

Description

Dynamic page loading method and device
Technical field
The present invention relates to technical field of internet application, more particularly to a kind of dynamic page loading method and dress Put.
Background technology
With the development of internet, each Terminal Type is widely used, and people obtain the instrument of information not Being only limitted to the equipment such as desktop computer, note book telephone, and rely increasingly upon smart mobile phone, flat The mobile terminals such as plate computer.The various pages acquired by internet as information carrier, also with Loaded by various mobile terminals more and more, to provide required letter as people by loading page Breath.
However, if this page is dynamic page, the dynamic page is realized by certain plug-in unit Its dynamic effect, therefore generally require to take the system resource in more transfer resource and mobile terminal, The loading for thereby resulting in dynamic page in mobile terminal is extremely difficult, greatly affected the reality of dynamic page It is existing.
The content of the invention
Based on this, it is necessary to provide a kind of dynamic page loading method, methods described takes less transmission money Source and system resource, to realize the quick loading of dynamic page.
In addition, there is a need to a kind of dynamic page loading device of offer, described device takes less transmission money Source and system resource, to realize the quick loading of dynamic page.
In order to solve the above technical problems, will adopt the following technical scheme that:
A kind of dynamic page loading method, including:
The trigger request accessed by dynamic page obtains pagefile;
Parse the pattern that the pagefile obtains the corresponding label of the dynamic page and the description label Description information,
Dynamic page drafting is carried out according to the label, corresponding shade element is distinguished to carry out the label With the display of animated element;
Corresponding pattern description information is performed on the shade element and animated element, to obtain dynamic page Face.
A kind of dynamic page loading device, including:
Request initiation module, the trigger request for being accessed by dynamic page obtains pagefile;
Parsing module, the corresponding label of the dynamic page and description are obtained for parsing the pagefile The pattern description information of the label;
Page drafting module, for carrying out dynamic page drafting according to the label, to carry out the label The display of corresponding shade element and animated element respectively;
Effect realizes module, for performing corresponding pattern description on the shade element and animated element Information, to obtain dynamic page.
As shown from the above technical solution, the dynamic page for being triggered by user is accessed, and trigger request is obtained The corresponding pagefile of this dynamic page, parsing pagefile obtains the corresponding label of dynamic page and description The pattern description information of label, dynamic page drafting is carried out according to label, to carry out shade element and animation The display of element, the shade element and animated element are engaged, and are used to realize the dynamic effect in the page, Corresponding pattern description information is separately on the shade element and animated element of display, with display Shade element and animated element on perform corresponding pattern description information, obtain dynamic page, move herein In the loading procedure of the state page, need not move through certain plug-in unit and be capable of achieving dynamic effect, it is shared Transfer resource and system resource it is smaller, for mobile device dynamic page loading for, greatly carry High loading velocity and performance, optimize the realization of dynamic effect in the page of mobile terminal.
Brief description of the drawings
Fig. 1 is a kind of structural representation of terminal device provided in an embodiment of the present invention;
Fig. 2 is the flow chart of dynamic page loading method in one embodiment;
Fig. 3 is that the pattern that pagefile obtains the corresponding label of dynamic page and description label is parsed in Fig. 2 The method flow diagram of description information;
Fig. 4 is to carry out dynamic page drafting according to label in Fig. 2, and corresponding shade is distinguished to enter row label The method flow diagram of the display of element and animated element;
Fig. 5 is the dynamic page schematic diagram of dynamic page loading in one embodiment;
Fig. 6 is the structural representation of dynamic page loading device in one embodiment;
Fig. 7 is the structural representation of parsing module in Fig. 6;
Fig. 8 is the structural representation of page drafting module in Fig. 6.
Specific embodiment
Embodying feature of present invention will describe in detail in the following description with the exemplary embodiment of advantage.Should What is understood is that the present invention can have various changes in different implementation methods, and it does not all depart from this hair Bright scope, and explanation therein and diagram are treated as purposes of discussion in itself, and it is not used to limitation originally Invention.
As previously described, the realization of various page access betides mobile terminal more and more, therewith phase Corresponding, the realization of the mobile terminal page will also turn into the importance considered required for exploitation, any page The realization of access is required for taking into full account the realization in mobile terminal.And the realization of existing dynamic page is present The defect for taking more transfer resource and system resource, it is impossible to realize the quick loading of dynamic page.
Compared to various computer equipments, mobile terminal has many restrictions for the loading of dynamic page, For example, its process performance is poor, browser or request carry out the parsing that the application of page access possesses Poor-performing etc..Thus existing dynamic page will be caused to there are all difficulties in the realization of mobile terminal, Lack versatility.
Therefore, to ensure dynamic page realization in the terminal, spy proposes a kind of dynamic page and adds Support method, the dynamic page loading method is realized by computer program, corresponding, constructed Realize that the device of dynamic page loading is then stored in the terminal device with screen, with terminal device Middle operation, and then realize the loading of dynamic page.
It should be noted that the terminal device includes but is not limited to mobile terminal.
Fig. 1 shows a kind of structure of terminal device provided in an embodiment of the present invention.The terminal device 100 Simply one is applicable example of the invention, it is impossible to be considered to provide to any of use scope of the invention Limitation.The terminal device 100 can not be construed to need to rely on or the exemplary terminal with diagram The combination of one or more part in equipment 100.
As shown in figure 1, terminal device 100 includes processor 110, memory 120 and system bus 130. To be connected on system bus 130 including the various parts including memory 120 and processor 110.Place Reason device 110 is one to be used to perform computer by arithmetic sum logical operation basic in computer system The hardware of programmed instruction.Memory 120 is one to be used to temporarily or permanently store computer program or number According to physical equipment.
Wherein, programmed instruction is stored in memory 120;Processor 110 will be performed in memory 120 Programmed instruction, intercept the various operations of input, and respond to intercepting the operation for obtaining.
Terminal device 100 also includes various input interfaces 170, input unit 140, to realize various operations Input.Wherein, the input unit 140 can be Touch screen, button, keyboard and mouse etc. at least It is a kind of.
Terminal device 100 also includes storage device 180, and storage device 180 can from various computers Read to be selected in storage medium, computer-readable recording medium refers to can conduct interviews any available Medium, including mobile and fixed two media.For example, computer-readable recording medium, including but Be not limited to flash memory (miniature SD card), CD-ROM, digital versatile disc (DVD) or its Its CD, cassette, tape storage or other storage devices or can be used to store information needed and can Any other medium for accessing.
As described in detail above, it is applicable terminal device of the invention 100 and dynamic page is realized into execution The assigned operation of loading, i.e., held by the form of the programmed instruction in the run memory 120 of processor 110 Capable assigned operation, to realize the loading of dynamic page.
Additionally, the present invention also can equally be realized by hardware circuit or hardware circuit combination software instruction, Therefore, realize that the present invention is not limited to any specific hardware circuit, software and a combination of both.
In one embodiment, specifically, dynamic page loading method as shown in Fig. 2 including:
Step 210, the trigger request accessed by dynamic page obtains pagefile.
The access of dynamic page is that it can be by the browser of user side or operation in user side triggering Other application triggering.Specifically, redirecting triggering, Huo Zheyun by the web page address carried out in browser By the triggering that redirects of dynamic page in capable application.For example, in social networking application, being entered by user Capable two-dimensional code scanning carries out page jump, to trigger the access of dynamic page.
The dynamic page can be the current desired any page for possessing dynamic effect for accessing, in triggering Carry out after the access of dynamic page, request will be initiated to distal end, to acquire the pagefile of return.
The dynamic page that resulting pagefile is with request is accessed is corresponding, and it is used as dynamic page The carrier of middle content, is used to realize that dynamic page shows in the content of user side.
Step 230, parsing pagefile obtains the corresponding label of dynamic page and the pattern of description label is retouched State information.
At least two labels and the corresponding pattern description information of each label, sample can obtain by pagefile Formula description information is used to the description into row label.The label for obtaining is parsed by pagefile will be corresponded to respectively The element included in dynamic page, corresponding pattern description information is applied on corresponding element, with For element realizes certain display effect.
Further, the parsing of pagefile will be realized by browser kernel.Mobile terminal etc. is eventually In end equipment, browser and the built-in browser kernel of application, the required dynamic page for carrying out are accessed Only need to be carried out by triggering runs the browser kernel loading of dynamic page.
Step 250, dynamic page drafting is carried out according to label, and corresponding shade unit is distinguished to enter row label The display of element and animated element.
The drafting of dynamic page is carried out according to the label obtained by parsing, to determine what is included in dynamic page The laying situation of element and each element in screen, so that all elements and its cloth in screen If the display content in the dynamic page for just being formed.
Drawn by dynamic page so that rendering for each element is completed in screen, this renders the unit of display Element at least includes shade element and animated element.
Wherein, shade element will be shown that it is static as mask layer;And animated element is then used In the display content for providing dynamic change.
Step 270, performs corresponding pattern description information, to obtain on shade element and animated element Dynamic page.
Pattern description information is applied on corresponding element, is that element realizes various display effects.Specifically , according to corresponding pattern description information, shade element is set to the mask layer in dynamic page, put In top layer and static state display is carried out, occupied position will cover other contents existing for the position.
Another aspect, for animated element, corresponding pattern description information also will be thereon performed, with Realize the dynamic change of content in animated element.
Thus by under the cooperation of shade element and animated element, shade element is placed in the superiors, dynamic unit Element carries out dynamic change under shade element, and then causes browser or the application of triggering dynamic page access It is able to show this, and produces unexpected animation effect.
Additionally, obtaining the dynamic page that shade element and animated element are formed by the parsing of pagefile Face, and extra plug-in unit or powerful hardware performance is not needed, so that dynamic page can be such as Arbitrarily realized in computer equipment, mobile terminal, enhance the versatility and compatibility of dynamic page loading, Avoiding the occurrence of cannot realize that the situation of dynamic effect occurs in low level browser.
Further, in the present embodiment, pagefile includes script file and the CSS files for associating, The step 230 as shown in figure 3, including:
Step 231, analyzing script file obtains the corresponding label of dynamic page, and pass is indicated in the label The CSS files of connection.
As previously described, pagefile as content in dynamic page carrier, include script file and CSS (Cascading Style Sheets, CSS) file two parts of association, wherein, script File is used to realize the layout of each element in the page, to provide the display content of the page, and the CSS for associating File is then for each element in the page realizes required display effect.
Specifically, element is used as the content in the page, it is exist in the form of a label in script file , that is to say, that by the label in script file, the element in the page will be described, entered And it is able to be realized by script file the layout of each element in the page.
For example, denote its picture for being used and the path for obtaining the picture in label, in order to Subsequent page is able to acquire corresponding picture by the path of the picture during drawing.
In addition, each label in for script file, its CSS file for also denoting association, this pass The CSS files of connection are the pattern descriptions to respective element.
Thus the browser or application that dynamic page loading will be allowed to carry out are able to be obtained by script file Layout of the element in the page, and the display effect of element is realized by the CSS files for associating, and then cause The realization of dynamic page is simple, it is not necessary to take compared with multiple resource.
Step 233, the CSS files associated according to tag resolution obtain describing the pattern description information of label.
After parsing obtains the corresponding label of dynamic page, the CSS files associated in label are read, entered And obtain describing the pattern description information of label by CSS files.
Resolving as described above is the matching process of label and pattern description information in script file, Due to pattern description information be by CSS files obtained by, relatively some other implementations, CSS The internal memory that the dynamic page loading that file is realized takes is less, and is transported by browser or application Capable browser kernel is completed, therefore drastically increases efficiency, and its potential property is superior to have, energy Enough meet the demand of follow-up developments.
Further, in one embodiment, step 250 as described above as shown in figure 4, including:
Step 251, element layout is carried out according to label relative screen, with the element and its phase that are shown To the position of screen, the element of display includes shade element and animated element.
By parsing element and every unitary that the label for obtaining will obtain being included in the page by script file The position of plain relative screen.Wherein, the element is substantially the picture for realizing that some contents show, for example, If there is the display of word content in dynamic page, then the word graph image corresponding to word content is It is the element in this dynamic page, and and the respective labels by script file realize it in the page Display.
The element shown in dynamic page at least includes shade element and animated element, to ensure that it is dynamically imitated The realization of fruit.Shade element realizes Dynamic Announce using as the mask layer of animated element by animated element While effect, because shade element is the actionless top layer on animated element, will greatly dash forward Show Dynamic Announce effect, optimize dynamic page.
Specifically, the realization loaded for actual dynamic page, it is an image or all one that the element is actual The set of image series, is that can read to obtain by the path indicated in label, and accordingly obtains its layout Position in screen.
Step 253, the display of row element is entered according to the position of relative screen, so that shade element and animation Element is shown in screen.
Each element has the position of its relative screen, is controlled for the display to element in screen System.Each element is rendered in screen by browser kernel, to obtain containing the page of various contents.
Further, in one embodiment, the corresponding pattern description information of animated element is included element The attribute of background is set to, the detailed process of step 253 is:
According to the position of relative screen, animated element and shade are carried out by background of animated element in screen The dynamic page of element shows, so that the animated element in the display of screen below shade element shade.
By the way that animated element to be set to the attribute of background, animated element is put during the page is drawn It is the background image in dynamic page, the dynamic page of dynamic change can be carried out to obtain background content. Wherein, it is the background-image attributes of CSS3 by the attribute that element is set to background.
Specifically, after the position of the element shown by label and each element relative screen, Using animated element as background image, and on this background image lay shade element so that browser or In the display of person's application, various cartoon pictures show under shade element.
In addition, on this background image in addition to laying shade element, it can also lay it as needed Its some elements, it is abundant in content to provide, and the abundant dynamic page of display effect, do not carry out herein Limit.
In another embodiment, the corresponding pattern description information of shade element is CSS shade attributes, is moved It is animation attributes to draw the corresponding pattern description information of element, therefore, the detailed process of step 270 is:
In the shade element and animated element of display, CSS shade attributes are applied to shade element, animation Attribute is applied to animated element, and the dynamic page of dynamic change is carried out to obtain relative shade element.
CSS shade attributes are, with the newest attribute mask-image of CSS3, to be provided with for dynamic page Mask layer based on pixel scale, and then can also carry out the control of transparency.
In the realization of dynamic page, processing speed is drastically increased by the application of CSS, and cause Dynamic page realization in the terminal can obtain the support of browser kernel in mobile terminal, have Preferably performance and compatibility, the browser kernel for low level in mobile terminal can also be supported.
Another aspect, animation attributes can be the animation attributes of CSS3 animations, which define dynamic Draw title, the duration, key frame, complete the page loading after animation deferred run time and answer Element etc..In other words, animation attributes are the dynamic changes for defining specified image in animated element Execution method.
For example, in as dynamic page for the animation attributes of background image, it is exactly a dynamic Change the execution method of background image, background in the dynamic page for loading and showing in browser or application Image is exactly to carry out dynamic change in the method.
In actually operation, CSS shades attribute is used in combination with background-imagent, gained To dynamic page can be carried out by way of background image gradual change representing for animation effect, realize simple But good display effect can be obtained.
With reference to illustrating dynamic page loading method as described above for a specific embodiment.Should In embodiment, as shown in figure 5, the dynamic page realized will be background image position change as move State display effect, and the Background that the word graph image 310 of " overline bridge grandma " changes in this position On 330, and transfixion.
In this implementation, will come real with the animation attributes of CSS shades attribute and CSS3 animations It is existing, to change the position of background image 330 behind in the word graph image 310 of " overline bridge grandma ", For example, carrying out movement from top to bottom.
For the pagefile of this dynamic page, first, the word figure of " overline bridge grandma " is cut out, The word graph image 310 and corresponding image address of " overline bridge grandma " are obtained, to encapsulate to the page In the label of file.
CSS shade attributes are applied in this label, its specific example can be as follows:
-webkit-mask-image:url(img/images/section6-title.png);
mask-image:url(img/images/section6-title.png);
Wherein, the literary style of-webkit- prefixes is also needed to due to the low level browser kernel having, therefore, This will provide two kinds of examples to illustrate.
But in the label of background image 330 application animation attributes, specific example is as follows:
-webkit-animation:bgTrans 3.5s both;
animation:bgTrans 3.5s both;
-webkit-animation-delay:.5s;
animation-delay:.5s;
As previously described, for animation attributes, will also provide two kinds of examples to illustrate.
In this animation attributes, the animation name for defining application is that bgTrans and the animation perform institute's phase The information of pass.
Wherein, for animation bgTrans, it is substantially one and changes the position of background image 330 Method, the method has carried out the definition of key frame and time frame, example specific as follows:
By example as described above, the mobile terminal dynamic page of lightweight is capable of achieving, and can support Browser and the used webkit kernels of application in mobile terminal.
And then by the pagefile of example as described above generation dynamic page, for subsequently using.
In one embodiment, a kind of dynamic page loading device has been also correspondingly provided, as shown in fig. 6, The device includes that request initiation module 410, parsing module 430, page drafting module 450 and effect are realized Module 470, wherein:
Request initiation module 410, the trigger request for being accessed by dynamic page obtains pagefile.
Parsing module 430, the corresponding label of dynamic page and description label are obtained for parsing pagefile Pattern description information.
Page drafting module 450, for carrying out dynamic page drafting according to label, to enter row label difference The display of corresponding shade element and animated element.
Effect realizes module 470, for performing corresponding pattern description on shade element and animated element Information, to obtain dynamic page.
Further, in the present embodiment, pagefile includes script file and the CSS files for associating, Parsing module 430 as shown in fig. 7, comprises script resolution unit 431 with associate resolution unit 433, its In:
Script resolution unit 431, the corresponding label of dynamic page, label are obtained for analyzing script file In indicate the CSS files of association.
Association resolution unit 433, the CSS files for being associated according to tag resolution obtain describing label Pattern description information.
Further, in the present embodiment, page drafting module 450 is as shown in figure 8, including element cloth Office's unit 451 and display unit 453, wherein:
Element layout's unit 451, for carrying out element layout according to label relative screen, to be shown Element and its relative screen position, the element of display includes shade element and animated element.
Display unit 453, the display of row element is entered for the position according to relative screen, so that shade is first Element and animated element are shown in screen.
In one embodiment, the corresponding pattern description information of animated element includes for element being set to background Attribute, display unit 453 is further used for according to the position of relative screen, with animation unit in screen Element carries out the display of animated element and shade element for background, so that institute's shade element hides in the display of screen Animated element below cover.
In another embodiment, the corresponding pattern description information of shade element is CSS shade attributes, is moved It is animation attributes to draw the corresponding pattern description information of element, and effect realizes that module is further used for the screening of display In cover element and animated element, CSS shade attributes are applied to shade element, animation attributes are applied to move Element is drawn, the dynamic page of dynamic change is carried out to obtain relative shade element.
One of ordinary skill in the art will appreciate that realize all or part of step of above-described embodiment can lead to Cross hardware to complete, it is also possible to instruct the hardware of correlation to complete by program, described program can be deposited It is stored in a kind of computer-readable recording medium, storage medium mentioned above can be read-only storage, Disk or CD etc..
Although describing the present invention with reference to several exemplary embodiments, it is to be understood that, term used It is explanation and exemplary and nonrestrictive term.Because the present invention can be embodied in a variety of forms Without deviating from invention it is spiritual or substantive, it should therefore be appreciated that above-mentioned implementation method be not limited to it is any foregoing Details, and widely explained in the spirit and scope that should be limited in appended claims, therefore fall into Whole changes and remodeling in claim or its equivalent scope all should be appended claims and covered.

Claims (10)

1. a kind of dynamic page loading method, it is characterised in that including:
The trigger request accessed by dynamic page obtains pagefile;
The pattern description information that the pagefile obtains the corresponding label of the dynamic page and the description label is parsed,
Dynamic page drafting is carried out according to the label, to carry out the display that the label distinguishes corresponding shade element and animated element;
Corresponding pattern description information is performed on the shade element and animated element, to obtain dynamic page.
2. method according to claim 1, it is characterized in that, the pagefile includes script file and the CSS files for associating, and the parsing pagefile obtains the corresponding label of the dynamic page and includes the step of describing the pattern description information of the label:
Parse the script file and obtain the corresponding label of the dynamic page, the CSS files of association are indicated in the label;
The CSS files associated according to the tag resolution obtain describing the pattern description information of the label.
3. method according to claim 1, it is characterised in that described to carry out page drafting according to the label, is included with carrying out the step of label distinguishes the display of corresponding shade element and animated element:
Element layout is carried out according to the label relative screen, with the element for being shown and its position of relative screen, the element of the display includes shade element and animated element;
Position according to the relative screen carries out the display of the element, so that the shade element and animated element are shown in screen.
4. method according to claim 3, it is characterized in that, the corresponding pattern description information of the animated element includes being set to element the attribute of background, the position according to the relative screen carries out the display of the element, so that the step that the shade element and animated element are shown in screen includes:
According to the position of relative screen, the display of the animated element and shade element is carried out as background with the animated element in the screen, so that the animated element below the shade of shade element described in the display of screen.
5. method according to claim 1, it is characterized in that, the corresponding pattern description information of the shade element is CSS shade attributes, the corresponding pattern description information of the animated element is animation attributes, it is described that corresponding pattern description information is performed on the shade element and animated element, include the step of to obtain dynamic page:
In the shade element and animated element of display, the CSS shades attribute is applied to the shade element, the animation attributes are applied to the animated element, and the dynamic page of dynamic change is carried out to obtain relatively described shade element.
6. a kind of dynamic page loading device, it is characterised in that including:
Request initiation module, the trigger request for being accessed by dynamic page obtains pagefile;
Parsing module, the pattern description information of the corresponding label of the dynamic page and the description label is obtained for parsing the pagefile;
Page drafting module, for carrying out dynamic page drafting according to the label, to carry out the display that the label distinguishes corresponding shade element and animated element;
Effect realizes module, for performing corresponding pattern description information on the shade element and animated element, to obtain dynamic page.
7. device according to claim 6, it is characterised in that the pagefile includes script file and the CSS files for associating, the parsing module includes:
Script resolution unit, the corresponding label of the dynamic page is obtained for parsing the script file, and the CSS files of association are indicated in the label;
Association resolution unit, the CSS files for being associated according to the tag resolution obtain describing the pattern description information of the label.
8. device according to claim 6, it is characterised in that the page drafting module includes:
Element layout's unit, for carrying out element layout according to the label relative screen, with the element for being shown and its position of relative screen, the element of the display includes shade element and animated element;
Display unit, the display of the element is carried out for the position according to the relative screen, so that the shade element and animated element are shown in screen.
9. device according to claim 8, it is characterized in that, the corresponding pattern description information of the animated element includes being set to element the attribute of background, the display unit is further used for according to the position of relative screen, the display of the animated element and shade element is carried out as background with the animated element in the screen, so that the animated element below the shade of shade element described in the display of screen.
10. device according to claim 6, it is characterized in that, the corresponding pattern description information of the shade element is CSS shade attributes, the corresponding pattern description information of the animated element is animation attributes, the effect realizes that module is further used in the shade element and animated element of display, the CSS shades attribute is applied to the shade element, the animation attributes are applied to the animated element, the dynamic page of dynamic change is carried out to obtain relatively described shade element.
CN201510925378.7A 2015-12-14 2015-12-14 Dynamic page loading method and device Active CN106874023B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510925378.7A CN106874023B (en) 2015-12-14 2015-12-14 Dynamic page loading method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510925378.7A CN106874023B (en) 2015-12-14 2015-12-14 Dynamic page loading method and device

Publications (2)

Publication Number Publication Date
CN106874023A true CN106874023A (en) 2017-06-20
CN106874023B CN106874023B (en) 2020-09-01

Family

ID=59178555

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510925378.7A Active CN106874023B (en) 2015-12-14 2015-12-14 Dynamic page loading method and device

Country Status (1)

Country Link
CN (1) CN106874023B (en)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108196964A (en) * 2017-12-29 2018-06-22 北京奇虎科技有限公司 A kind of method and apparatus by Streams Module
CN109614192A (en) * 2018-12-07 2019-04-12 北京金山云网络技术有限公司 Page brightness display methods and device
CN110134477A (en) * 2019-04-24 2019-08-16 北京字节跳动网络技术有限公司 A kind of method, apparatus, medium and the electronic equipment of Dynamic Distribution's User Page
CN110569082A (en) * 2019-08-06 2019-12-13 阿里巴巴集团控股有限公司 method and device for controlling page content
CN110910477A (en) * 2018-08-27 2020-03-24 北京京东尚科信息技术有限公司 Page animation display method and device and computer readable storage medium

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102982164A (en) * 2012-12-07 2013-03-20 北京奇虎科技有限公司 Method and browser for presenting browser page
CN102999360A (en) * 2012-11-23 2013-03-27 奥维通信股份有限公司 Realization method for dynamic clock based on embedded WEB-OMT (object modeling technology) page
CN104809123A (en) * 2014-01-24 2015-07-29 贝壳网际(北京)安全技术有限公司 Method and system for rendering webpages
CN104933142A (en) * 2015-06-18 2015-09-23 北京奇虎科技有限公司 Animation display method and device

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102999360A (en) * 2012-11-23 2013-03-27 奥维通信股份有限公司 Realization method for dynamic clock based on embedded WEB-OMT (object modeling technology) page
CN102982164A (en) * 2012-12-07 2013-03-20 北京奇虎科技有限公司 Method and browser for presenting browser page
CN104809123A (en) * 2014-01-24 2015-07-29 贝壳网际(北京)安全技术有限公司 Method and system for rendering webpages
CN104933142A (en) * 2015-06-18 2015-09-23 北京奇虎科技有限公司 Animation display method and device

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
大漠: "CSS遮罩—如何在CSS中使用遮罩", 《HTTPS://WWW.W3CPLUS.COM/CSS3/CSS-MASKING.HTML》 *

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108196964A (en) * 2017-12-29 2018-06-22 北京奇虎科技有限公司 A kind of method and apparatus by Streams Module
CN110910477A (en) * 2018-08-27 2020-03-24 北京京东尚科信息技术有限公司 Page animation display method and device and computer readable storage medium
CN110910477B (en) * 2018-08-27 2022-06-07 北京京东尚科信息技术有限公司 Page animation display method and device and computer readable storage medium
CN109614192A (en) * 2018-12-07 2019-04-12 北京金山云网络技术有限公司 Page brightness display methods and device
CN110134477A (en) * 2019-04-24 2019-08-16 北京字节跳动网络技术有限公司 A kind of method, apparatus, medium and the electronic equipment of Dynamic Distribution's User Page
CN110569082A (en) * 2019-08-06 2019-12-13 阿里巴巴集团控股有限公司 method and device for controlling page content

Also Published As

Publication number Publication date
CN106874023B (en) 2020-09-01

Similar Documents

Publication Publication Date Title
US10055507B2 (en) Infinite scrolling
CN109740085B (en) Page content display method, device, equipment and storage medium
CN106874023A (en) Dynamic page loading method and device
CN111339455A (en) Method and device for loading page first screen by browser application
CN106484383A (en) page rendering method, device and equipment
WO2017173781A1 (en) Video frame capturing method and device
WO2015196954A1 (en) Webpage element display method and browser device
US20150227276A1 (en) Method and system for providing an interactive user guide on a webpage
JP6975339B2 (en) Backdrop rendering of digital components
CN112230909A (en) Data binding method, device and equipment of small program and storage medium
CN114357345A (en) Picture processing method and device, electronic equipment and computer readable storage medium
CN110968314B (en) Page generation method and device
CN111880813B (en) Method for realizing android card UI (user interface) and storage medium
CN110321504B (en) Page processing method and device
CN110058854B (en) Method, terminal device and computer-readable medium for generating application
Hashmi et al. Qlue: A computer vision tool for uniform qualitative evaluation of web pages
US20190228057A1 (en) Optimized browser object rendering
US20070206022A1 (en) Method and apparatus for associating text with animated graphics
AU2018211353A1 (en) Virtual shop for electronic greeting cards
CN112367295B (en) Plug-in display method and device, storage medium and electronic equipment
US11120099B2 (en) Rendering a web element in a web page
WO2018063837A1 (en) Video generation of project revision history
CN112256992A (en) Native rendering method and device for information stream fusing multi-link addresses
US20160147741A1 (en) Techniques for providing a user interface incorporating sign language
TWI828490B (en) Online text translation system for page-turning comics

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant