CN109933349A - A kind of method to be timely updated based on vue spa, system and equipment - Google Patents
A kind of method to be timely updated based on vue spa, system and equipment Download PDFInfo
- Publication number
- CN109933349A CN109933349A CN201910081518.5A CN201910081518A CN109933349A CN 109933349 A CN109933349 A CN 109933349A CN 201910081518 A CN201910081518 A CN 201910081518A CN 109933349 A CN109933349 A CN 109933349A
- Authority
- CN
- China
- Prior art keywords
- version
- vue
- spa
- application
- page
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 33
- 238000002347 injection Methods 0.000 claims description 6
- 239000007924 injection Substances 0.000 claims description 6
- 238000004891 communication Methods 0.000 claims description 3
- 230000009191 jumping Effects 0.000 description 6
- 238000012856 packing Methods 0.000 description 5
- 239000000243 solution Substances 0.000 description 5
- 238000012545 processing Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000013497 data interchange Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000004744 fabric Substances 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002045 lasting effect Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 239000000725 suspension Substances 0.000 description 1
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
The invention discloses a kind of method to be timely updated based on vue spa, system and equipment, the described method comprises the following steps: build version label and version flag file；Version flag is stored into version flag file, while injecting global value into vue spa application；Access vue spa application, request version label；Page active is determined by comparing the version flag and the global value of request.Method and system of the invention solves the problems, such as that vue spa application heat is updated in conjunction with version flag by the global guard of vue-router, user is set to obtain that the application is prompted to have new version publication in time during using application, after updating so as to the business type problem on the line for having repaired vue spa application or upgrading, timely feedback arrives user.
Description
Technical field
The invention belongs to web front end technical field, in particular to a kind of method to be timely updated based on vue spa, system
And equipment.
Background technique
There is a series of spa application in web front end field, before wherein vue and its vue-router used makes
Rear end is separated, and browser is only needed by the cachings such as the JS script of first time request to browser, when switching the page again
Client is just not necessarily to request JS script again, but the interface of simple request rear end repaints the page.
It is this JS by way of rendering the page, front and back end to be completely separated, exploitation and maintenance are greatly promoted
Efficiency, but it is this application also have a problem: when application is used in user, new version has been issued in front end, and uses
Family is unable to learn in time newest application during operation, needs to close current window or again refresh page ability
It knows whether new application, can not accomplish to timely update.
This problem is solved currently without especially mature solution.
Summary of the invention
In view of the above-mentioned problems, the present invention provides a kind of method to be timely updated based on vue spa, system and equipment.
A method of it is timely updated, be the described method comprises the following steps based on vue spa:
Build version label and version flag file；
Version flag is stored into version flag file, while injecting global value into vue spa application；
Access vue spa application, request version label；
Page active is determined by comparing the version flag and the global value of request.
Further, the version flag includes timestamp.
Further, the value of the version flag is injected into the vue spa by webpack with the global value and applies
In.
Further, the version flag file and vue spa application are bundled to and are published to server end together.
Further, the request version label includes by vue spa application routing Asynchronous Request version flag.
Further, the vue spa application routing Asynchronous Request version flag is the overall situation routing by vue-router
It guards to realize, the vue spa application routing Asynchronous Request version flag is routed each time in vue spa application
Before jumping.
Further, the page active includes: to jump next routing and/or prompt user's update application.
Further, the mode for updating application includes automatically updating or updating manually, wherein
Described automatically update includes: after the prompt disappears or closes automatically, and the page refreshes automatically；
The manual update includes: to execute page furbishing after receiving the instruction of user's refresh operation.
A kind of system to be timely updated based on vue spa, the system comprises packetization modules and access modules:
The packetization module, for applying vue spa and version flag file is bundled to together and is published to server
End；
The access modules, for access vue spa apply and obtain latest edition vue spa application.
Further, the packetization module includes version flag generation unit, version flag file generating unit, global value
Injection unit:
The version flag generation unit is marked for build version；
The version flag file generating unit is stored for build version tab file and by version flag into version mark
Remember file；
The global value injection unit, for the value of version flag to be injected into vue spa by webpack with global value
In.
Further, the access modules include page loading unit, version acquiring unit, using updating unit:
The page loading unit, for passing through browser loading page；
The version acquiring unit, the version in application version number and version flag file for obtaining current accessed
Number, and Liang Ge version number is compared；
It is described to apply updating unit, for calling browser refresh page and/or prompt to need refresh page.
A kind of electronic equipment, comprising:
At least one processor；
And the memory being connect at least one described processor communication；
The memory is stored with the instruction that can be executed by least one described processor, and described instruction is by described at least one
When a processor executes, at least one described processor is made to execute the above-mentioned method to timely update based on vue spa.
Method, system and equipment provided by the invention are solved by the global guard of vue-router in conjunction with version flag
The problem of vue spa application heat updates, makes user obtain that the application is prompted to have new version publication in time during using application, from
And can repaired vue spa application line on business type problem or upgrading update after, timely feedback arrive user.
Other features and advantages of the present invention will be illustrated in the following description, also, partly becomes from specification
It obtains it is clear that understand through the implementation of the invention.The objectives and other advantages of the invention can be by specification, right
Pointed structure is achieved and obtained in claim and attached drawing.
Detailed description of the invention
In order to more clearly explain the embodiment of the invention or the technical proposal in the existing technology, to embodiment or will show below
There is attached drawing needed in technical description to be briefly described, it should be apparent that, the accompanying drawings in the following description is this hair
Bright some embodiments for those of ordinary skill in the art without creative efforts, can be with root
Other attached drawings are obtained according to these attached drawings.
Fig. 1 shows overall flow schematic diagram according to an embodiment of the present invention；
Fig. 2 shows packing application deployment flow charts according to an embodiment of the present invention；
Fig. 3 shows acquisition latest edition applicating flow chart according to an embodiment of the present invention；
Fig. 4 shows structure chart according to the system in the embodiment of the present invention；
Fig. 5 shows the structural schematic diagram of electronic equipment according to an embodiment of the present invention.
Specific embodiment
In order to make the object, technical scheme and advantages of the embodiment of the invention clearer, below in conjunction with the embodiment of the present invention
In attached drawing, technical solution in the embodiment of the present invention clearly and completely illustrated, it is clear that described embodiment is
A part of the embodiment of the present invention, instead of all the embodiments.Based on the embodiments of the present invention, those of ordinary skill in the art
Every other embodiment obtained without making creative work, shall fall within the protection scope of the present invention.
The present invention provides a kind of method to be timely updated based on vue spa, system and equipment, as shown in figure 1 the party
The overall flow schematic diagram of method.
Firstly, build version label and version flag file.Specifically, the version flag includes timestamp
(Timestamp refers to and recognition character, such as time or date is added in a series of data, to ensure local side data more
New sequences and distal end are consistent).Illustratively, version flag file can be json (JavaScript Object Notation)
File, such as version.json file, json is a kind of data interchange format of lightweight, it is based on (the Europe ECMAScript
The js specification that Computer Association is formulated) a subset, stored using the text formatting for being totally independent of programming language and table
Registration evidence, there are four types of the data formats of json, following example:
{ " date ": " December 25 ", " time ": " 15:30 ", " number ": " 23 " },
{ " date ": " December 25 ", " time ": " 15:30 ", " number ": " 23 " },
{ " date ": " 2018 ", " season ": " winter " },
" timestamp ": [{ " date ": " December 25 ", " time ": " 15:30 ", " number ": " 23 " }, " date ":
" 2018 ", " season ": " winter " }] },
Varshp={ " date ": " December 25 ", " time ": " 15:30 ", " number ": " 23 " }.
As above using json file storage time stab data, be easy to people read and write, while be also easy to machine parsing and
It generates, and effectively promotes network transmission efficiency；Version flag file can also be xml document, or not specific format
Text file.
Secondly, version flag is stored into version flag file, while global value is injected into vue spa application.Wherein,
Vue is the frame based on MVVM (Model-View-ViewModel) the mode data driving page, and data are bundled in by it
On view；Spa (single-page application) is a kind of special Web application, and all activities are confined to one by it
In a Web page, only loaded when the Web page initializes corresponding HTML (Hyper Text Markup Language, one
Kind of hypertext markup language), JavaScript (a kind of high-level programming language), CSS (Cascading Style Sheets, layer
Stacking style table), once the page load complete, spa will not because of user operation and carry out reloading or jumping for the page, and
Be using JavaScript dynamically convert HTML (as control HTML in block grade element div switching display and hide), thus
Realize the interaction of UI (User Interface, user interface) and user；Vue spa application is based on routing (routing, for setting
Determine access path, and path and component mapped) and component.Specifically, the value of the version flag passes through webpack
(resource can be packaged and be compressed in specified file by module strapping tool) is injected into the vue spa application with global value,
Version flag file and vue spa application are bundled to and are published to server end together.
Then, access vue spa application, request version label.Specifically, request version label includes passing through vue spa
Using routing Asynchronous Request version flag.Further, vue spa application routing Asynchronous Request version flag is by vue-
Router's (the routing plug-in unit of Vue.js official, it and vue.js are Deep integratings, suitable for building single-page application)
Come what is realized, the vue spa application routing Asynchronous Request version flag is in the vue spa using road for overall situation routing guard
By before jumping each time.
Finally, determining page active by comparing the version flag and the global value of request.Since global value is note
Volume in the application, in application operational process (user accesses application service using browser), can obtain entirely from application
Office's value.Specifically, the page active includes: to jump next routing and/or prompt user's update application.Further, institute
The mode for updating application is stated including automatically updating or updating manually, wherein
Described automatically update includes: after the prompt disappears or closes automatically, and the page refreshes automatically；
The manual update includes: to execute page furbishing after receiving the instruction of user's refresh operation.
Specifically, refresh operation instruction can be user and be refreshed using F5 key, it can be mouse right click selection and refresh
Option is refreshed, and is also possible to click the loading button again beside page Web address field.
Illustratively, packing application deployment flow chart according to an embodiment of the present invention as shown in Figure 2.
Start to be packaged vue spa application, illustratively, can all generate a timestamp and one when being packaged every time
Version.json file, timestamp are version flag, and version.json file is version flag file.Specifically,
The correlative code for generating timestamp is as follows:
VERSION:'"'+new Date().getTime()+'"'；
The correlative code for generating version.json file is as follows:
compiler.plugin('compile',function(params){
Var dir_path=path.join (self.options.path)
Varversion_file=path.join (dir_path, '/version.json')
Var content='{ " version ": '+self.options.env.VERSION+'} '.
Wherein, timestamp is stored into version.json file, is waited to be uploaded；Meanwhile the value of this timestamp is logical
It crosses webpack to be injected into vue spa application with VERSION, VERSION is global value, is waited to be uploaded.Specifically, global
Value VERSION is generated in vue spa application by the plug-in unit (plugin) in webpack, and correlative code is as follows:
newwebpack.DefinePlugin({
'process.env':{VERSION}
})。
When webpack carries out module packing, the file module comprising global value VERSION is packaged together.
Finally, version.json file and vue spa application to be bundled to and be published to server end together.
Illustratively, as Fig. 3 shows acquisition latest edition applicating flow chart according to an embodiment of the present invention.
User accesses to vue spa application in client, passes through browser downloading JS (JavaScript), CSS etc.
File draws the page；User illustratively, passes through the global road of vue-router during applying using vue spa
By guarding, the routing for applying vue spa all can first remove access server end version.json text before jumping each time
Version flag in part.Specifically, vue-router provides global routing guard interface, user, which can according to need, connects this
Mouth carries out customized realization, and judgement, processing step are added in interface realization, and the present embodiment is added judgement in interface is realized and answers
It is whether expired with version, it is then automatic to execute the global judgment processing steps for routing guard.Preferably in vue frame in the present embodiment
Customized judgement in the beforeEach interface of routing module router in frame, the execution step in beforeEach can be each
Occur to be executed when routing jumps by vue frame.Illustratively, the correlative code for comparing version is as follows:
When the version in file is higher than current application version (version > VERSION), illustrate the application hair for having update
Cloth needs to load more recent application by complete refresh page at this time, it is preferred that examples detailed above code passes through bullet into server
Window MessageBox prompts user out.It in a further embodiment, can be in the FileVersion of application and the global value of application
When inconsistent, that is, think to need to reload full page, user's prompt disappears automatically after can also using display certain time length
Suspension control etc..
Wherein, the version.json file of access uploads server-end time closest to this visit time for it
Version.json file, version flag are that the vue spa application of server end stores when being packaged into version.json text
Timestamp in part；Version flag is compared with the global value VERSION in the vue spa of current accessed application, wherein
Global value VERSION is the value of the timestamp when vue spa application of current accessed is packaged, and comparison procedure is as follows:
Version flag is equal to the value of VERSION: jumping next routing；
Version flag is not equal to the value of VERSION: it is illustrative, a pop-up is popped up in the page, prompts the vue in pop-up
The existing new version publication of spa application, and there are two select buttons on reminding window: and " automatically updating " button and " updating manually " are pressed
Button.Button " is automatically updated " when the user clicks, and pop-up is closed, and automatic that browser is called to go to refresh full page, the page adds again
Corresponding HTML, JavaScript, CSS file is carried, the part for needing to update in the former page is replaced, to complete to vue spa
The update of application avoids the update that user misses vue spa application version because of lasting operation, when vue spa application
The problem reparation of business type is completed on line, can timely feed back user, is conducive to the working efficiency for improving user；When user's point
Hit " update manually " button, pop-up is closed, and the page does not refresh, later user can oneself manual refreshing page vue spa is answered
With being updated.
Illustratively, it is illustrated by taking an application S in vue spa application as an example.It first corresponds to carry out packing portion with S
Administration, can generate a version.json file and a timestamp, the value in timestamp is known as T during packing1, when
Between stab T1It can be stored in version.json file, storage time is stabbed into T1Version.json file afterwards is known as file
v1, wait upload server end；Meanwhile the value T of this timestamp1Vue spa application is injected into VERSION by webpack
In, global value VERSION at this time is known as global value V1, then by global value V1It is injected into using in S, waits upload service
Device end；Finally by file v1It is published on server end together with being bundled to using S, waits to be obtained or access.
User on the client accesses to vue spa application, by the global value in the vue spa accessed at this time application
VERSION is known as global value V2, by global value V2Value be known as T2, wherein T2It is updated when updating vue spa application for the last time
Timestamp when part is packaged；The files such as JS, CSS are downloaded to draw the page by browser, and user is applied using vue spa
The routing of period, vue spa application can jump frequent occurrence, due to increasing the global routing guard of vue-router, so that
The routing of vue spa application all can first remove the file v of access server end before jumping each time1, check file v1In version
Originally mark whether the global value V in applying with the vue spa of current accessed2It is equal, i.e. comparison document v1In T1Whether it is equal to complete
Office value V2In T2, specific comparison procedure is as follows:
T1Equal to T2: jump next routing；
T1Not equal to T2: a pop-up is popped up in the page, and the existing new version application S of vue spa application is prompted in pop-up
Publication, " automatically updating " button in pop-up, pop-up are closed when the user clicks, automatic that browser is called to go to refresh full page,
The page reloads corresponding HTML, JavaScript, CSS file, to actively obtain latest edition application from server end
S, using S will the part that need to update in the vue spa that replace current accessed application, and global value V1Global value V will be replaced2；
" updating manually " button in pop-up, pop-up are closed when the user clicks, and the page does not refresh, and user later can be with manual refreshing page
Face, the page reload corresponding HTML, JavaScript, CSS file, answer to actively obtain latest edition from server end
With S, using the part that S will need to update in the vue spa that replace current accessed application, and global value V1Global value will be replaced
V2。
In order to realize method that the present embodiment is timely updated based on vue spa, be provided with it is a kind of based on vue spa in time more
New system.As shown in figure 4, the system includes packetization module and access modules.
Vue spa is applied and is bundled to together with version flag file and is published to server end by packetization module；
Specifically, packetization module includes version flag generation unit, version flag file generating unit, global value injection list
Member:
Version flag generation unit, build version label, version flag such as timestamp；
Version flag file generating unit, build version tab file simultaneously store version flag into version flag file,
Version flag file such as version.json file, i.e., store timestamp into version.json file；
The value of version flag is injected into vue spa application by webpack with global value by global value injection unit,
VERSION is injected into vue spa application by global value such as VERSION by webpack.
Access modules, access vue spa are applied and are obtained latest edition vue spa application；
Specifically, access modules include page loading unit, version acquiring unit, using updating unit:
Page loading unit, by browser loading page, i.e. the files such as browser downloading js, css draw the page；
Version acquiring unit, the application version number for obtaining current accessed and the version number in version flag file, and by two
A version number is compared, wherein obtaining the mode of version number can be asked by the global routing guard of vue-router come asynchronous
It asks, i.e. timestamp and global value VERSION in acquisition version.json file, and by the value of timestamp and VERSION
Value is made comparisons；
Using updating unit, browser refresh page and/or prompt is called to need refresh page, the mode packet of refresh page
Include automatic refreshing or manual refreshing:
Automatic refresh includes: after the prompt disappears or closes automatically, and the page refreshes automatically；
Manual refreshing includes: to execute page furbishing after receiving the instruction of user's refresh operation, and wherein refresh operation instruction can
To be that user is refreshed using F5 key, it can be mouse right click selection refresh option and refreshed, be also possible to click the page
Loading button again beside Web address field.
Based on identical inventive concept, the embodiment of the present disclosure additionally provides a kind of electronic equipment, structure as shown in figure 5,
The electronic equipment includes:
At least one processor (processor), takes a processor as an example in Fig. 5 and memory (memory).Processing
Device and memory are communicated to connect to complete mutual communication.Processor can call the logical order in memory, to execute
The method to be timely updated based on vue spa of above-described embodiment.
In addition, the logical order in above-mentioned memory can be realized and as independence by way of SFU software functional unit
Product when selling or using, can store in a computer readable storage medium.
Memory can be used for storing software program, computer executable program as a kind of computer readable storage medium,
Such as the corresponding program instruction/module of the method in the embodiment of the present disclosure.Processor is by running software stored in memory
Program, instruction and module, thereby executing functional application and data processing, i.e., in realization above method embodiment based on
The method that vue spa timely updates.
Memory may include storing program area and storage data area, wherein storing program area can storage program area, at least
Application program needed for one function；Storage data area, which can be stored, uses created data etc. according to terminal device.In addition,
Memory may include high-speed random access memory, can also include nonvolatile memory.
Although the present invention is described in detail referring to the foregoing embodiments, those skilled in the art should manage
Solution: it is still possible to modify the technical solutions described in the foregoing embodiments, or to part of technical characteristic into
Row equivalent replacement；And these are modified or replaceed, various embodiments of the present invention technology that it does not separate the essence of the corresponding technical solution
The spirit and scope of scheme.
Claims (12)
1. a kind of method to be timely updated based on vue spa, which is characterized in that the described method comprises the following steps:
Build version label and version flag file；
Version flag is stored into version flag file, while injecting global value into vue spa application；
Access vue spa application, request version label；
Page active is determined by comparing the version flag and the global value of request.
2. the method according to claim 1, wherein the version flag includes timestamp.
3. the method according to claim 1, wherein the value of the version flag is by webpack with described complete
Office's value is injected into the vue spa application.
4. method according to claim 1 to 3, which is characterized in that the version flag file and the vue
Spa application is bundled to is published to server end together.
5. the method according to claim 1, wherein request version label includes being applied by vue spa
Route Asynchronous Request version flag.
6. according to the method described in claim 5, it is characterized in that, vue spa application routing Asynchronous Request version flag
To be realized by the global routing guard of vue-router, the vue spa application routing Asynchronous Request version flag be
Before the vue spa is jumped each time using routing.
7. method according to claim 5 or 6, which is characterized in that the page active includes: to jump next routing
And/or prompt user updates application.
8. the method according to the description of claim 7 is characterized in that the mode for updating application is including automatically updating or manually
It updates, wherein
Described automatically update includes: after the prompt disappears or closes automatically, and the page refreshes automatically；
The manual update includes: to execute page furbishing after receiving the instruction of user's refresh operation.
9. a kind of system to be timely updated based on vue spa, which is characterized in that the system comprises packetization modules and access mould
Block:
The packetization module, for applying vue spa and version flag file is bundled to together and is published to server end；
The access modules, for access vue spa apply and obtain latest edition vue spa application.
10. system according to claim 9, which is characterized in that the packetization module includes version flag generation unit, version
This tab file generation unit, global value injection unit:
The version flag generation unit is marked for build version；
The version flag file generating unit is stored for build version tab file and by version flag into version flag text
Part；
The global value injection unit, for the value of version flag to be injected into vue spa application by webpack with global value
In.
11. system according to claim 9, which is characterized in that the access modules include that page loading unit, version obtain
Take unit, using updating unit:
The page loading unit, for passing through browser loading page；
The version acquiring unit, the version number in application version number and version flag file for obtaining current accessed, and
Liang Ge version number is compared；
It is described to apply updating unit, for calling browser refresh page and/or prompt to need refresh page.
12. a kind of electronic equipment, comprising:
At least one processor；
And the memory being connect at least one described processor communication；
It is characterized in that, the memory is stored with the instruction that can be executed by least one described processor,
When described instruction is executed by least one described processor, require at least one described processor perform claim in 1-8
Described in any item methods.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910081518.5A CN109933349A (en) | 2019-01-28 | 2019-01-28 | A kind of method to be timely updated based on vue spa, system and equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910081518.5A CN109933349A (en) | 2019-01-28 | 2019-01-28 | A kind of method to be timely updated based on vue spa, system and equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109933349A true CN109933349A (en) | 2019-06-25 |
Family
ID=66985277
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910081518.5A Pending CN109933349A (en) | 2019-01-28 | 2019-01-28 | A kind of method to be timely updated based on vue spa, system and equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109933349A (en) |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110888731A (en) * | 2019-12-09 | 2020-03-17 | 北京博睿宏远数据科技股份有限公司 | Route data acquisition method, device, equipment and storage medium |
| CN111046311A (en) * | 2019-12-17 | 2020-04-21 | 深圳前海环融联易信息科技服务有限公司 | Method and device for realizing traceless iteration version of PC (personal computer) end, computer equipment and storage medium |
| CN112230918A (en) * | 2020-10-15 | 2021-01-15 | 四川长虹电器股份有限公司 | Web end development method using iframe embedded webpage |
| CN112306474A (en) * | 2020-10-28 | 2021-02-02 | 科大国创云网科技有限公司 | VUE project smooth upgrading method based on modular template |
| CN113010224A (en) * | 2021-03-03 | 2021-06-22 | 南方电网数字电网研究院有限公司 | Front-end micro-service method, device, computer equipment and storage medium |
| CN113128174A (en) * | 2021-03-18 | 2021-07-16 | 深圳震有科技股份有限公司 | Vue-based dynamic display processing method and device according to text word number |
| CN113656110A (en) * | 2021-09-02 | 2021-11-16 | 武汉众邦银行股份有限公司 | Page loading method and device for clear-free cache after front-end upgrading |
| CN113821223A (en) * | 2021-07-30 | 2021-12-21 | 的卢技术有限公司 | Cloud computing distributed front-end version release method and system |
| CN113835732A (en) * | 2021-09-29 | 2021-12-24 | 马上消费金融股份有限公司 | Version updating method and related equipment |
| CN114238813A (en) * | 2021-12-15 | 2022-03-25 | 北京达佳互联信息技术有限公司 | Single-page version updating method and device, electronic equipment and storage medium |
| CN114924740A (en) * | 2022-04-26 | 2022-08-19 | 江苏康众汽配有限公司 | Active detection method for resource failure in front-end single-page application |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102882974A (en) * | 2012-10-15 | 2013-01-16 | 焦点科技股份有限公司 | Method for saving website access resource by website identification version number |
| US20150215374A1 (en) * | 2013-03-13 | 2015-07-30 | Google Inc. | Delivering an update for a web application |
| CN107562425A (en) * | 2017-08-07 | 2018-01-09 | 上海斐讯数据通信技术有限公司 | Single-page application creation method and device based on Hybrid applications |
| CN108021614A (en) * | 2017-08-18 | 2018-05-11 | 口碑(上海)信息技术有限公司 | A kind of method and system for page dynamic load |
| CN108959455A (en) * | 2018-06-15 | 2018-12-07 | 上海陆家嘴国际金融资产交易市场股份有限公司 | Single page Web application implementation method, device, computer equipment and storage medium |
-
2019
- 2019-01-28 CN CN201910081518.5A patent/CN109933349A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102882974A (en) * | 2012-10-15 | 2013-01-16 | 焦点科技股份有限公司 | Method for saving website access resource by website identification version number |
| US20150215374A1 (en) * | 2013-03-13 | 2015-07-30 | Google Inc. | Delivering an update for a web application |
| CN107562425A (en) * | 2017-08-07 | 2018-01-09 | 上海斐讯数据通信技术有限公司 | Single-page application creation method and device based on Hybrid applications |
| CN108021614A (en) * | 2017-08-18 | 2018-05-11 | 口碑(上海)信息技术有限公司 | A kind of method and system for page dynamic load |
| CN108959455A (en) * | 2018-06-15 | 2018-12-07 | 上海陆家嘴国际金融资产交易市场股份有限公司 | Single page Web application implementation method, device, computer equipment and storage medium |
Cited By (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110888731A (en) * | 2019-12-09 | 2020-03-17 | 北京博睿宏远数据科技股份有限公司 | Route data acquisition method, device, equipment and storage medium |
| CN111046311A (en) * | 2019-12-17 | 2020-04-21 | 深圳前海环融联易信息科技服务有限公司 | Method and device for realizing traceless iteration version of PC (personal computer) end, computer equipment and storage medium |
| CN112230918B (en) * | 2020-10-15 | 2022-08-19 | 四川长虹电器股份有限公司 | Web end development method using iframe embedded webpage |
| CN112230918A (en) * | 2020-10-15 | 2021-01-15 | 四川长虹电器股份有限公司 | Web end development method using iframe embedded webpage |
| CN112306474A (en) * | 2020-10-28 | 2021-02-02 | 科大国创云网科技有限公司 | VUE project smooth upgrading method based on modular template |
| CN113010224B (en) * | 2021-03-03 | 2024-01-30 | 南方电网数字平台科技(广东)有限公司 | Front-end micro-servitization method, front-end micro-servitization device, computer equipment and storage medium |
| CN113010224A (en) * | 2021-03-03 | 2021-06-22 | 南方电网数字电网研究院有限公司 | Front-end micro-service method, device, computer equipment and storage medium |
| CN113128174A (en) * | 2021-03-18 | 2021-07-16 | 深圳震有科技股份有限公司 | Vue-based dynamic display processing method and device according to text word number |
| CN113128174B (en) * | 2021-03-18 | 2024-05-07 | 深圳震有科技股份有限公司 | Dynamic display processing method and device based on vue according to text word number |
| CN113821223A (en) * | 2021-07-30 | 2021-12-21 | 的卢技术有限公司 | Cloud computing distributed front-end version release method and system |
| CN113821223B (en) * | 2021-07-30 | 2024-05-24 | 的卢技术有限公司 | Cloud computing distributed front-end version release method and system |
| CN113656110A (en) * | 2021-09-02 | 2021-11-16 | 武汉众邦银行股份有限公司 | Page loading method and device for clear-free cache after front-end upgrading |
| CN113656110B (en) * | 2021-09-02 | 2024-03-29 | 武汉众邦银行股份有限公司 | Page loading method and device for front-end updating free cache |
| CN113835732A (en) * | 2021-09-29 | 2021-12-24 | 马上消费金融股份有限公司 | Version updating method and related equipment |
| CN114238813A (en) * | 2021-12-15 | 2022-03-25 | 北京达佳互联信息技术有限公司 | Single-page version updating method and device, electronic equipment and storage medium |
| CN114924740A (en) * | 2022-04-26 | 2022-08-19 | 江苏康众汽配有限公司 | Active detection method for resource failure in front-end single-page application |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109933349A (en) | A kind of method to be timely updated based on vue spa, system and equipment | |
| US11347826B2 (en) | Systems and methods for hosted applications | |
| KR102105261B1 (en) | Method and device for displaying interface data | |
| US8924845B2 (en) | Web application code decoupling and user interaction performance | |
| US9497248B2 (en) | System for enabling rich network applications | |
| Sanderson | Pro Asp. net MVC 2 Framework | |
| US8914774B1 (en) | System and method for tagging code to determine where the code runs | |
| BR112014006589B1 (en) | COMPUTER IMPLEMENTED METHOD FOR REMOTE SESSION NAVIGATION AND REMOTE SESSION NAVIGATION SYSTEM | |
| CN101266623A (en) | Page jump method and system | |
| CN108008944A (en) | Regulation engine response method and system, regulation engine, service terminal, memory | |
| US9081866B2 (en) | Dynamic display of web page content based on a rules system | |
| CN110209966A (en) | A kind of webpage method for refreshing, Web page system and electronic equipment | |
| CN1316782C (en) | Method for realizing tree-shaped structure in B/S structure | |
| CN108595457A (en) | A kind of rendering intent and device of the waterfall stream page | |
| WO2015080903A1 (en) | Systems and methods for executing aspects of a document | |
| CN105095220B (en) | A kind of browser implementation method, terminal and virtualization agent device | |
| CN103827778A (en) | Enterprise tools enhancements | |
| CN110020276A (en) | The compatible processing method and processing device of the H5 page is embedded in a kind of APP | |
| CN108920203A (en) | A kind of page loading method and equipment | |
| US8234657B1 (en) | System and method for communicating state and title information between a browser and a rich internet application with browser forward and back button support | |
| CN106649581A (en) | Method for repairing webpage and client side | |
| CN113254753B (en) | Page rollback method, device, electronic equipment and storage medium | |
| CN110297647A (en) | A kind of front end engineering updates the method and terminal of npm packet | |
| TWI610183B (en) | An operational system for centralized management base on ajax website | |
| TWI309367B (en) | System and method for accessing web-based search services |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190625 |