CN109933349A - 一种基于vue spa及时更新的方法、***及设备 - Google Patents
一种基于vue spa及时更新的方法、***及设备 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
本发明公开了一种基于vue spa及时更新的方法、***及设备，所述方法包括以下步骤：生成版本标记和版本标记文件；版本标记存储进版本标记文件，同时注入全局值到vue spa应用中；访问vue spa应用，请求版本标记；通过比较请求的版本标记和所述全局值来决定页面动作。本发明的方法和***通过vue‑router的全局守卫结合版本标记来解决vue spa应用热更新的问题，使用户在使用应用期间及时得到提示该应用有新版本发布，从而可以在修复完vue spa应用的线上业务型问题或升级更新后，及时的反馈到用户。
Description
技术领域
本发明属于Web前端技术领域，特别涉及一种基于vue spa及时更新的方法、***及设备。
背景技术
Web前端领域出现了一系列的spa应用，其中vue以及其使用的vue-router使得前后端得以分离，浏览器只需要将第一次请求的JS脚本等缓存至浏览器，当再次切换页面时客户端就无需再次请求JS脚本，而是单纯的请求后端的接口来重新绘制页面。
这种通过JS来渲染页面的方式，使得前后端可以彻底分离，大大提升开发和维护的效率，但是这种应用也有个问题：用户正在使用应用的时候，前端发布了新的版本，而用户在操作的过程中无法及时获知最新的应用，需要关闭当前的窗口或者重新刷新页面才能得知是否有新的应用，无法做到及时更新。
目前没有特别成熟的解决方案来解决这个问题。
发明内容
针对上述问题，本发明提供了一种基于vue spa及时更新的方法、***及设备。
一种基于vue spa及时更新的方法，所述方法包括以下步骤：
生成版本标记和版本标记文件；
版本标记存储进版本标记文件，同时注入全局值到vue spa应用中；
访问vue spa应用，请求版本标记；
通过比较请求的版本标记和所述全局值来决定页面动作。
进一步地，所述版本标记包括时间戳。
进一步地，所述版本标记的值通过webpack以所述全局值注入到所述vue spa应用中。
进一步地，所述版本标记文件和所述vue spa应用打包到一起发布到服务器端。
进一步地，所述请求版本标记包括通过vue spa应用路由异步请求版本标记。
进一步地，所述vue spa应用路由异步请求版本标记是由vue-router的全局路由守卫来实现的，所述vue spa应用路由异步请求版本标记是在所述vue spa应用路由每一次跳转之前。
进一步地，所述页面动作包括：跳转下一个路由和/或提示用户更新应用。
进一步地，所述更新应用的方式包括自动更新或手动更新，其中，
所述自动更新包括：所述提示自动消失或关闭后，页面自动刷新；
所述手动更新包括：接收到用户刷新操作指令后执行页面刷新。
一种基于vue spa及时更新的***，所述***包括打包模块和访问模块：
所述打包模块，用于将vue spa应用和版本标记文件打包到一起并发布到服务器端；
所述访问模块，用于访问vue spa应用并获取最新版vue spa应用。
进一步地，所述打包模块包括版本标记生成单元、版本标记文件生成单元、全局值注入单元：
所述版本标记生成单元，用于生成版本标记；
所述版本标记文件生成单元，用于生成版本标记文件并将版本标记存储进版本标记文件；
所述全局值注入单元，用于将版本标记的值通过webpack以全局值注入到vue spa应用中。
进一步地，所述访问模块包括页面加载单元、版本获取单元、应用更新单元：
所述页面加载单元，用于通过浏览器加载页面；
所述版本获取单元，用于获取当前访问的应用版本号和版本标记文件中的版本号，并将两个版本号进行比较；
所述应用更新单元，用于调用浏览器刷新页面和/或提示需要刷新页面。
一种电子设备，包括：
至少一个处理器；
以及与所述至少一个处理器通信连接的存储器；
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行时，使所述至少一个处理器执行上述基于vue spa及时更新的方法。
本发明提供的方法、***及设备通过vue-router的全局守卫结合版本标记来解决vue spa应用热更新的问题，使用户在使用应用期间及时得到提示该应用有新版本发布，从而可以在修复完vue spa应用的线上业务型问题或升级更新后，及时的反馈到用户。
本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所指出的结构来实现和获得。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示出了根据本发明实施例的整体流程示意图；
图2示出了根据本发明实施例的打包部署应用流程图；
图3示出了根据本发明实施例的获取最新版应用流程图；
图4示出了根据本发明实施例的***结构图；
图5示出了根据本发明实施例的电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地说明，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明提供了一种基于vue spa及时更新的方法、***及设备，如图1示出了该方法的整体流程示意图。
首先，生成版本标记和版本标记文件。具体的，所述版本标记包括时间戳(Timestamp，是指在一连串的资料中加入辨识文字，如时间或日期，用以保障本地端资料更新顺序与远端一致)。示例性的，版本标记文件可以是json(JavaScript Object Notation)文件，如version.json文件，json是一种轻量级的数据交换格式，它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据，json的数据格式有四种，如下示例：
{“日期”：“12月25日”，“时间”：“15:30”，“编号”：“23”}，
{“日期”：“12月25日”，“时间”：“15:30”，“编号”：“23”}，
{“日期”：“2018年”，“季节”：“冬季”}，
{“时间戳”：[{“日期”：“12月25日”，“时间”：“15:30”，“编号”：“23”}，{“日期”：“2018年”，“季节”：“冬季”}]}，
varshp＝{“日期”：“12月25日”，“时间”：“15:30”，“编号”：“23”}。
如上采用json文件存储时间戳数据，易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率；版本标记文件还可以是xml文件，或者没有特定格式的文本文件。
其次，版本标记存储进版本标记文件，同时注入全局值到vue spa应用中。其中，vue是一个基于MVVM(Model-View-ViewModel)模式数据驱动页面的框架，它将数据绑定在视图上；spa(single-page application)是一种特殊的Web应用，它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML(Hyper Text Markup Language，一种超文本标记语言)、JavaScript(一种高级编程语言)、CSS(Cascading Style Sheets，层叠样式表)，一旦页面加载完成，spa不会因为用户的操作而进行页面的重新加载或跳转，而是利用JavaScript动态的变换HTML(如控制HTML中的块级元素div切换显示和隐藏)，从而实现UI(User Interface，用户界面)与用户的交互；vue spa应用是基于路由(路由，用于设定访问路径，并将路径和组件映射起来)和组件的。具体的，所述版本标记的值通过webpack(模块打包工具，可将资源打包压缩在指定的文件中)以全局值注入到所述vue spa应用中，版本标记文件和所述vue spa应用打包到一起发布到服务器端。
然后，访问vue spa应用，请求版本标记。具体的，请求版本标记包括通过vue spa应用路由异步请求版本标记。进一步地，vue spa应用路由异步请求版本标记是由vue-router(Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用)的全局路由守卫来实现的，所述vue spa应用路由异步请求版本标记是在所述vue spa应用路由每一次跳转之前。
最后，通过比较请求的版本标记和所述全局值来决定页面动作。由于全局值是注册在应用中的，在应用运行过程中(用户使用浏览器访问应用服务)，可以从应用中获取全局值。具体的，所述页面动作包括：跳转下一个路由和/或提示用户更新应用。进一步地，所述更新应用的方式包括自动更新或手动更新，其中，
所述自动更新包括：所述提示自动消失或关闭后，页面自动刷新；
所述手动更新包括：接收到用户刷新操作指令后执行页面刷新。
具体的，刷新操作指令可以是用户使用F5键进行刷新，可以是鼠标右击选择刷新选项进行刷新，也可以是点击页面网址栏旁边的重新载入按钮。
示例性的，如图2示出了根据本发明实施例的打包部署应用流程图。
开始对vue spa应用进行打包，示例性的，每次打包时都会生成一个时间戳和一个version.json文件，时间戳即为版本标记，version.json文件即为版本标记文件。具体的，生成时间戳的相关代码如下：
VERSION:'"'+new Date().getTime()+'"'；
生成version.json文件的相关代码如下：
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+'}'。
其中，时间戳被存储进version.json文件中，等待上传；同时，这个时间戳的值通过webpack以VERSION注入到vue spa应用中，VERSION即为全局值，等待上传。具体的，全局值VERSION是通过webpack中的插件(plugin)在vue spa应用中生成的，相关代码如下：
newwebpack.DefinePlugin({
'process.env':{VERSION}
})。
在webpack进行模块打包时，包含该全局值VERSION的文件模块一起打包。
最后，将version.json文件和vue spa应用打包到一起发布到服务器端。
示例性的，如图3示出了根据本发明实施例的获取最新版应用流程图。
用户在客户端对vue spa应用进行访问，通过浏览器下载JS(JavaScript)、CSS等文件来绘制页面；用户在使用vue spa应用的过程中，示例性的，通过vue-router的全局路由守卫，使vue spa应用的路由在每一次跳转之前都会先去访问服务器端version.json文件中的版本标记。具体的，vue-router提供了全局路由守卫接口，用户可以根据需要对该接口进行自定义实现，在接口实现中加入判断、处理步骤，本实施例在接口实现中加入判断应用版本是否过期，然后自动执行全局路由守卫的判断处理步骤。本实施例中优选的在vue框架中路由模块router的beforeEach接口中自定义判断，beforeEach中的执行步骤会在每次发生路由跳转时被vue框架执行。示例性的，比较版本的相关代码如下：
当文件中的版本高于当前应用版本(version>VERSION)时，说明有更新的应用发布到服务器中，此时需要通过完全刷新页面来加载最新应用，优选的，上述实例代码通过弹出窗口MessageBox提示用户。在另外的实施例中，可以在应用的文件版本与应用的全局值不一致时，即认为需要重新加载整个页面，用户提示也可以采用显示一定时长后自动消失悬浮控件等。
其中，访问的version.json文件为其上传服务器端时间最接近此次访问时间的version.json文件，版本标记即为服务器端的vue spa应用打包时存储进version.json文件中的时间戳；将版本标记与当前访问的vue spa应用中的全局值VERSION进行比较，其中，全局值VERSION即为当前访问的vue spa应用打包时的时间戳的值，比较过程如下：
版本标记等于VERSION的值：跳转下一个路由；
版本标记不等于VERSION的值：示例性的，页面中弹出一个弹窗，弹窗中提示该vuespa应用已有新版本发布，并且提示窗上有两个选择按钮：“自动更新”按钮和“手动更新”按钮。当用户点击“自动更新”按钮，弹窗关闭，自动调用浏览器去刷新整个页面，页面重新加载相应的HTML、JavaScript、CSS文件，替换原页面中需要更新的部分，从而完成对vue spa应用的更新，避免了用户因持续的操作而错过vue spa应用版本的更新，当vue spa应用的线上业务型问题修复完成，可以及时的反馈到用户，有利于提高用户的工作效率；当用户点击“手动更新”按钮，弹窗关闭，页面不刷新，稍后用户可以自己手动刷新页面对vue spa应用进行更新。
示例性的，以vue spa应用中的一个应用S为例进行说明。首先对应用S进行打包部署，打包的过程中会生成一个version.json文件和一个时间戳，将时间戳中的值称为T1，时间戳T1会被存储在version.json文件中，将存储时间戳T1后的version.json文件称为文件v1，等待上传服务器端；同时，这个时间戳的值T1通过webpack以VERSION注入到vue spa应用中，将此时的全局值VERSION称为全局值V1，然后将全局值V1注入到应用S中，等待上传服务器端；最后将文件v1和应用S打包到一起发布到服务器端上，等待获取或访问。
用户在客户端上对vue spa应用进行访问，将此时访问的vue spa应用中的全局值VERSION称为全局值V2，将全局值V2的值称为T2，其中，T2为上一次更新vue spa应用时更新部分打包时的时间戳；通过浏览器下载JS、CSS等文件来绘制页面，用户在使用vue spa应用期间，vue spa应用的路由会经常发生跳转，由于增加了vue-router的全局路由守卫，使得vue spa应用的路由在每一次跳转之前都会先去访问服务器端的文件v1，查看文件v1中的版本标记是否与当前访问的vue spa应用中的全局值V2相等，即比较文件v1中的T1是否等于全局值V2中的T2，具体比较过程如下：
T1等于T2：跳转下一个路由；
T1不等于T2：在页面中弹出一个弹窗，弹窗中提示该vue spa应用已有新版本应用S发布，当用户点击弹窗上的“自动更新”按钮，弹窗关闭，自动调用浏览器去刷新整个页面，页面重新加载相应的HTML、JavaScript、CSS文件，从而主动从服务器端获取最新版本应用S，应用S将替换当前访问的vue spa应用中需要更新的部分，并且全局值V1将替换全局值V2；当用户点击弹窗上的“手动更新”按钮，弹窗关闭，页面不刷新，用户稍后可以手动刷新页面，页面重新加载相应的HTML、JavaScript、CSS文件，从而主动从服务器端获取最新版本应用S，应用S将替换当前访问的vue spa应用中需要更新的部分，并且全局值V1将替换全局值V2。
为了实现本实施例基于vue spa及时更新的方法，设置了一种基于vue spa及时更新的***。如图4所示，该***包括打包模块和访问模块。
打包模块，将vue spa应用和版本标记文件打包到一起并发布到服务器端；
具体的，打包模块包括版本标记生成单元、版本标记文件生成单元、全局值注入单元：
版本标记生成单元，生成版本标记，版本标记如时间戳；
版本标记文件生成单元，生成版本标记文件并将版本标记存储进版本标记文件，版本标记文件如version.json文件，即将时间戳储存进version.json文件中；
全局值注入单元，将版本标记的值通过webpack以全局值注入到vue spa应用中，全局值如VERSION，通过webpack将VERSION注入到vue spa应用中。
访问模块，访问vue spa应用并获取最新版vue spa应用；
具体的，访问模块包括页面加载单元、版本获取单元、应用更新单元：
页面加载单元，通过浏览器加载页面，即浏览器下载js、css等文件绘制页面；
版本获取单元，获取当前访问的应用版本号和版本标记文件中的版本号，并将两个版本号进行比较，其中获取版本号的方式可以通过vue-router的全局路由守卫来异步请求，即获取version.json文件中的时间戳和全局值VERSION，并将时间戳的值与VERSION的值作比较；
应用更新单元，调用浏览器刷新页面和/或提示需要刷新页面，刷新页面的方式包括自动刷新或手动刷新：
自动刷新包括：所述提示自动消失或关闭后，页面自动刷新；
手动刷新包括：接收到用户刷新操作指令后执行页面刷新，其中刷新操作指令可以是用户使用F5键进行刷新，可以是鼠标右击选择刷新选项进行刷新，也可以是点击页面网址栏旁边的重新载入按钮。
基于相同的发明构思，本公开实施例还提供了一种电子设备，其结构如图5所示，该电子设备包括：
至少一个处理器(processor)，图5中以一个处理器为例，和存储器(memory)。处理器与存储器通信连接以完成相互间的通信。处理器可以调用存储器中的逻辑指令，以执行上述实施例的基于vue spa及时更新的方法。
此外，上述的存储器中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。
存储器作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序，如本公开实施例中的方法对应的程序指令/模块。处理器通过运行存储在存储器中的软件程序、指令以及模块，从而执行功能应用以及数据处理，即实现上述方法实施例中的基于vue spa及时更新的方法。
存储器可包括存储程序区和存储数据区，其中，存储程序区可存储操作***、至少一个功能所需的应用程序；存储数据区可存储根据终端设备的使用所创建的数据等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器。
尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (12)
1.一种基于vue spa及时更新的方法，其特征在于，所述方法包括以下步骤：
生成版本标记和版本标记文件；
版本标记存储进版本标记文件，同时注入全局值到vue spa应用中；
访问vue spa应用，请求版本标记；
通过比较请求的版本标记和所述全局值来决定页面动作。
2.根据权利要求1所述的方法，其特征在于，所述版本标记包括时间戳。
3.根据权利要求1所述的方法，其特征在于，所述版本标记的值通过webpack以所述全局值注入到所述vue spa应用中。
4.根据权利要求1-3中任一所述的方法，其特征在于，所述版本标记文件和所述vuespa应用打包到一起发布到服务器端。
5.根据权利要求1所述的方法，其特征在于，所述请求版本标记包括通过vue spa应用路由异步请求版本标记。
6.根据权利要求5所述的方法，其特征在于，所述vue spa应用路由异步请求版本标记是由vue-router的全局路由守卫来实现的，所述vue spa应用路由异步请求版本标记是在所述vue spa应用路由每一次跳转之前。
7.根据权利要求5或6所述的方法，其特征在于，所述页面动作包括：跳转下一个路由和/或提示用户更新应用。
8.根据权利要求7所述的方法，其特征在于，所述更新应用的方式包括自动更新或手动更新，其中，
所述自动更新包括：所述提示自动消失或关闭后，页面自动刷新；
所述手动更新包括：接收到用户刷新操作指令后执行页面刷新。
9.一种基于vue spa及时更新的***，其特征在于，所述***包括打包模块和访问模块：
所述打包模块，用于将vue spa应用和版本标记文件打包到一起并发布到服务器端；
所述访问模块，用于访问vue spa应用并获取最新版vue spa应用。
10.根据权利要求9所述的***，其特征在于，所述打包模块包括版本标记生成单元、版本标记文件生成单元、全局值注入单元：
所述版本标记生成单元，用于生成版本标记；
所述版本标记文件生成单元，用于生成版本标记文件并将版本标记存储进版本标记文件；
所述全局值注入单元，用于将版本标记的值通过webpack以全局值注入到vue spa应用中。
11.根据权利要求9所述的***，其特征在于，所述访问模块包括页面加载单元、版本获取单元、应用更新单元：
所述页面加载单元，用于通过浏览器加载页面；
所述版本获取单元，用于获取当前访问的应用版本号和版本标记文件中的版本号，并将两个版本号进行比较；
所述应用更新单元，用于调用浏览器刷新页面和/或提示需要刷新页面。
12.一种电子设备，包括：
至少一个处理器；
以及与所述至少一个处理器通信连接的存储器；
其特征在于，所述存储器存储有可被所述至少一个处理器执行的指令，
所述指令被所述至少一个处理器执行时，使所述至少一个处理器执行权利要求1-8中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910081518.5A CN109933349A (zh) | 2019-01-28 | 2019-01-28 | 一种基于vue spa及时更新的方法、***及设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910081518.5A CN109933349A (zh) | 2019-01-28 | 2019-01-28 | 一种基于vue spa及时更新的方法、***及设备 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109933349A true CN109933349A (zh) | 2019-06-25 |
Family
ID=66985277
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910081518.5A Pending CN109933349A (zh) | 2019-01-28 | 2019-01-28 | 一种基于vue spa及时更新的方法、***及设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109933349A (zh) |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110888731A (zh) * | 2019-12-09 | 2020-03-17 | 北京博睿宏远数据科技股份有限公司 | 路由数据采集方法、装置、设备及存储介质 |
| CN111046311A (zh) * | 2019-12-17 | 2020-04-21 | 深圳前海环融联易信息科技服务有限公司 | 实现pc端无痕迭代版本的方法、装置、计算机设备及存储介质 |
| CN112230918A (zh) * | 2020-10-15 | 2021-01-15 | 四川长虹电器股份有限公司 | 一种使用iframe内嵌网页的web端开发方法 |
| CN112306474A (zh) * | 2020-10-28 | 2021-02-02 | 科大国创云网科技有限公司 | 一种基于组件化模板的vue项目平滑升级方法 |
| CN113010224A (zh) * | 2021-03-03 | 2021-06-22 | 南方电网数字电网研究院有限公司 | 前端微服务化方法、装置、计算机设备和存储介质 |
| CN113128174A (zh) * | 2021-03-18 | 2021-07-16 | 深圳震有科技股份有限公司 | 基于vue根据文本字数的动态显示处理方法、装置 |
| CN113656110A (zh) * | 2021-09-02 | 2021-11-16 | 武汉众邦银行股份有限公司 | 一种前端升级后免清缓存的页面加载方法及装置 |
| CN113821223A (zh) * | 2021-07-30 | 2021-12-21 | 的卢技术有限公司 | 一种云计算分布式的前端版本发布方法及*** |
| CN113835732A (zh) * | 2021-09-29 | 2021-12-24 | 马上消费金融股份有限公司 | 版本更新方法及相关设备 |
| CN114238813A (zh) * | 2021-12-15 | 2022-03-25 | 北京达佳互联信息技术有限公司 | 一种单页面的版本更新方法、装置、电子设备及存储介质 |
| CN114924740A (zh) * | 2022-04-26 | 2022-08-19 | 江苏康众汽配有限公司 | 一种前端单页应用中资源失效主动检测方法 |
| CN114924740B (zh) * | 2022-04-26 | 2024-07-30 | 江苏康众汽配有限公司 | 一种前端单页应用中资源失效主动检测方法 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102882974A (zh) * | 2012-10-15 | 2013-01-16 | 焦点科技股份有限公司 | 一种通过网站识别版本号节省网站访问资源的方法 |
| US20150215374A1 (en) * | 2013-03-13 | 2015-07-30 | Google Inc. | Delivering an update for a web application |
| CN107562425A (zh) * | 2017-08-07 | 2018-01-09 | 上海斐讯数据通信技术有限公司 | 基于Hybrid应用的单页面应用创建方法及装置 |
| CN108021614A (zh) * | 2017-08-18 | 2018-05-11 | 口碑(上海)信息技术有限公司 | 一种用于页面动态加载的方法及*** |
| CN108959455A (zh) * | 2018-06-15 | 2018-12-07 | 上海陆家嘴国际金融资产交易市场股份有限公司 | 单页Web应用实现方法、装置、计算机设备和存储介质 |
-
2019
- 2019-01-28 CN CN201910081518.5A patent/CN109933349A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102882974A (zh) * | 2012-10-15 | 2013-01-16 | 焦点科技股份有限公司 | 一种通过网站识别版本号节省网站访问资源的方法 |
| US20150215374A1 (en) * | 2013-03-13 | 2015-07-30 | Google Inc. | Delivering an update for a web application |
| CN107562425A (zh) * | 2017-08-07 | 2018-01-09 | 上海斐讯数据通信技术有限公司 | 基于Hybrid应用的单页面应用创建方法及装置 |
| CN108021614A (zh) * | 2017-08-18 | 2018-05-11 | 口碑(上海)信息技术有限公司 | 一种用于页面动态加载的方法及*** |
| CN108959455A (zh) * | 2018-06-15 | 2018-12-07 | 上海陆家嘴国际金融资产交易市场股份有限公司 | 单页Web应用实现方法、装置、计算机设备和存储介质 |
Cited By (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110888731A (zh) * | 2019-12-09 | 2020-03-17 | 北京博睿宏远数据科技股份有限公司 | 路由数据采集方法、装置、设备及存储介质 |
| CN111046311A (zh) * | 2019-12-17 | 2020-04-21 | 深圳前海环融联易信息科技服务有限公司 | 实现pc端无痕迭代版本的方法、装置、计算机设备及存储介质 |
| CN112230918B (zh) * | 2020-10-15 | 2022-08-19 | 四川长虹电器股份有限公司 | 一种使用iframe内嵌网页的web端开发方法 |
| CN112230918A (zh) * | 2020-10-15 | 2021-01-15 | 四川长虹电器股份有限公司 | 一种使用iframe内嵌网页的web端开发方法 |
| CN112306474A (zh) * | 2020-10-28 | 2021-02-02 | 科大国创云网科技有限公司 | 一种基于组件化模板的vue项目平滑升级方法 |
| CN113010224B (zh) * | 2021-03-03 | 2024-01-30 | 南方电网数字平台科技(广东)有限公司 | 前端微服务化方法、装置、计算机设备和存储介质 |
| CN113010224A (zh) * | 2021-03-03 | 2021-06-22 | 南方电网数字电网研究院有限公司 | 前端微服务化方法、装置、计算机设备和存储介质 |
| CN113128174A (zh) * | 2021-03-18 | 2021-07-16 | 深圳震有科技股份有限公司 | 基于vue根据文本字数的动态显示处理方法、装置 |
| CN113128174B (zh) * | 2021-03-18 | 2024-05-07 | 深圳震有科技股份有限公司 | 基于vue根据文本字数的动态显示处理方法、装置 |
| CN113821223A (zh) * | 2021-07-30 | 2021-12-21 | 的卢技术有限公司 | 一种云计算分布式的前端版本发布方法及*** |
| CN113821223B (zh) * | 2021-07-30 | 2024-05-24 | 的卢技术有限公司 | 一种云计算分布式的前端版本发布方法及*** |
| CN113656110A (zh) * | 2021-09-02 | 2021-11-16 | 武汉众邦银行股份有限公司 | 一种前端升级后免清缓存的页面加载方法及装置 |
| CN113656110B (zh) * | 2021-09-02 | 2024-03-29 | 武汉众邦银行股份有限公司 | 一种前端升级后免清缓存的页面加载方法及装置 |
| CN113835732A (zh) * | 2021-09-29 | 2021-12-24 | 马上消费金融股份有限公司 | 版本更新方法及相关设备 |
| CN114238813A (zh) * | 2021-12-15 | 2022-03-25 | 北京达佳互联信息技术有限公司 | 一种单页面的版本更新方法、装置、电子设备及存储介质 |
| CN114924740A (zh) * | 2022-04-26 | 2022-08-19 | 江苏康众汽配有限公司 | 一种前端单页应用中资源失效主动检测方法 |
| CN114924740B (zh) * | 2022-04-26 | 2024-07-30 | 江苏康众汽配有限公司 | 一种前端单页应用中资源失效主动检测方法 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109933349A (zh) | 一种基于vue spa及时更新的方法、***及设备 | |
| US11741183B2 (en) | Systems and methods for hosted applications | |
| KR102105261B1 (ko) | 인터페이스 데이터 디스플레이 방법 및 장치 | |
| US8924845B2 (en) | Web application code decoupling and user interaction performance | |
| US8510378B2 (en) | System and method for auto-generating JavaScript | |
| US9497248B2 (en) | System for enabling rich network applications | |
| US8914774B1 (en) | System and method for tagging code to determine where the code runs | |
| CN103608802B (zh) | 取回的文件和源文件之间的选择映射的方法和*** | |
| US9081866B2 (en) | Dynamic display of web page content based on a rules system | |
| CN101266623A (zh) | 一种页面跳转的方法和*** | |
| CN108008944A (zh) | 规则引擎响应方法及***、规则引擎、服务终端、存储器 | |
| US8108829B2 (en) | Method for automating variables in end-user programming system | |
| CN110209966A (zh) | 一种网页刷新方法、网页***及电子设备 | |
| CN1316782C (zh) | 在b/s结构中实现树型结构的方法 | |
| CN108595457A (zh) | 一种瀑布流页面的渲染方法和装置 | |
| WO2015080903A1 (en) | Systems and methods for executing aspects of a document | |
| CN105095220B (zh) | 一种浏览器实现方法、终端和虚拟化代理装置 | |
| CN103827778A (zh) | 企业工具增强 | |
| CN110020276A (zh) | 一种app中嵌入h5页面的兼容性处理方法及装置 | |
| CN108920203A (zh) | 一种页面加载方法及设备 | |
| 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 | |
| CN113254753B (zh) | 一种页面回退方法、装置、电子设备及存储介质 | |
| TWI610183B (zh) | 植基於ajax技術於控管網頁共通部分之運作系統 | |
| TWI309367B (en) | System and method for accessing web-based search services | |
| Yadav | Building a Blog Project Using JavaScript, NodeJS and MongoDB |
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 |