首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js的动态加载、缓存更新以及复用(三)

总体思路 1、  建立一个js服务,该服务实现通用js文件的加载、依赖、缓存更新以及复用。 2、  各个项目如果使用通用js,可(bi)以(xu)使用js服务实现加载。...1、  在页面里使用引用boot.js。这个主要是一个引导程序,用他来加载其他的js。 2、  然后看看是否有缓存信息。 3、  如果有缓存信息,那么说明这是子页。...4、  如果没有缓存信息,说明这是top页面,需要加载另一个js(bootLoad.js)。这个是真正干活的文件。这里放在配置信息和加载css、加载js的函数。然后开始各种加载。   ...8、 为啥要缓存?     不想每个页面都去加载固定不变的东东,比如配置信息和通用函数。虽然浏览器在加载的时候会启用缓存,但是不太好控制。客户端也可以强制不用缓存。...另外用缓存,速度会更快一些,比较不用浏览器去做各种判断了。虽然判断的时间一般也挺快的。 9、 如何实现更新?     用版本号,设定一个版本号,有更新了,改一下这个版本号就可以了。

6.3K90
您找到你想要的搜索结果了吗?
是的
没有找到

js的动态加载、缓存更新以及复用(四)

同时也避免了每次都去更新。   3、boot.js里面根据情况调用 bootLoad.js里提供的函数。目的是为了把有可能变化的都放在 bootLoad.js 里面以便于能够控制更新。   ...如果js文件有更新,那么获取的最新版本号就会发生变化,这样就可以实现js文件的及时更新了。   ...//判断有无配置信息————没有的话,加载且缓存 13 //判断有无js文件版本号——没有的话,加载且缓存 14 //加载Nature.LoadJs.js,开始加载其他js 15...58 //判断有无js文件版本号——没有的话,加载且缓存 59 //加载Nature.LoadJs.js,开始加载其他js 60 //判断页面是否有jsReady...文件的版本号,用于更新浏览器的js缓存文件。

6.9K80

js的动态加载、缓存更新以及复用(一)使用范围:遇到的问题:目标:页面结构:正文

遇到的问题:   完成一个项目,往往需要引用很多js文件,比如jQuery.js、easyUI等。还有自己写的一些列js文件,那么这些文件如何方便的加载,如果文件有变化如何才能让客户端及时更新缓存?...目标: 1、  可以方便的引用js文件。 2、  尽量使用各种缓存,避免频繁从服务器读取文件。 3、  如果js文件有更新或者增加、减少几个减少js文件,需要客户端能够自动、立刻更新。...于是就出现了许多问题,比如每个页面都要写一大堆。这个也太麻烦了吧,增加一个新的js文件,需要改多少页面js文件更新了如何让客户端也立即更新?如何让客户端更快的加载js。...看似很好,但是有两个问题:     A、浏览器如何判断缓存js文件是不是最新的?     B、js文件更新了,如何强制浏览器更新?   浏览器是怎么判断的呢?...更新js文件   Js文件更新了,但是浏览器却还在用以前的js文件,因为有缓存了,而且还固执的认为缓存js文件就是最新的,哎咋办呀?

4K50

谈谈缓存更新

看到好些人在写更新缓存数据代码时,先删除缓存,然后再更新数据库,而后续的操作会把数据再装载的缓存中。然而,这个是逻辑是错误的。...试想,两个并发操作,一个是更新操作,另一个是查询操作,更新操作删除缓存后,查询操作没有命中缓存,先把老数据读出来后放到缓存中,然后更新操作更新了数据库。...这里,我们先不讨论更新缓存更新数据这两个事是一个事务的事,或是会有失败的可能,我们先假设更新数据库和更新缓存都可以成功的情况(我们先把成功的代码逻辑先写对)。...为什么不是写完数据库后更新缓存?...Write Back套路,一句说就是,在更新数据的时候,只更新缓存,不更新数据库,而我们的缓存会异步地批量更新数据库。

1.1K20

缓存雪崩、缓存穿透、缓存预热、缓存更新缓存降级等问题!

,今天给大家整理一篇关于Redis经常被问到的问题:缓存雪崩、缓存穿透、缓存预热、缓存更新缓存降级等概念的入门及简单解决方案。...(2)还有一个解决办法解决方案是:给每一个缓存数据增加相应的缓存标记,记录缓存的是否失效,如果缓存标记失效,则更新数据缓存,实例伪代码如下: ?...这样,当缓存标记key过期后,实际缓存还能把旧数据返回给调用端,直到另外的线程在后台更新完成后,才会返回新缓存。...关于缓存崩溃的解决方法,这里提出了三种方案:使用锁或队列、设置过期标志更新缓存、为key设置不同的缓存失效时间,还有一各被称为“二级缓存”的解决方法,有兴趣的读者可以自行研究。...解决思路: 1、直接写个缓存刷新页面,上线时手工操作下; 2、数据量不大,可以在项目启动的时候自动进行加载; 3、定时刷新缓存; 四、缓存更新 除了缓存服务器自带的缓存失效策略之外(Redis默认的有6

3.7K10

漫谈缓存更新之道

许多人在更新缓存时,先删除缓存,然后再更新数据库,而后续的操作会把数据再装载入缓存中。 然而,这个逻辑是错误的!!!...试想,两个并发操作,一个更新,一个查询,更新删除缓存后,查询没有命中缓存,先把旧数据读出来后放到缓存中,然后更新操作更新了数据库。于是,在缓存中的数据还是旧数据,导致缓存中持续地产生脏数据....这里,我们先不讨论更新缓存更新数据这两个事是一个事务的事,或是会有失败的可能,我们先假设更新数据库和更新缓存都可以成功的情况 更新缓存的的Design Pattern有四种 1 Cache Aside...,成功后,让缓存失效 一个查询操作,一个更新操作的并发 首先,没有了删除cache数据的操作,而是先更新数据库中的数据,此时,缓存依然有效,所以,并发的查询操作拿的是没有更新的数据,但是,更新操作马上让缓存的失效了...则用缓存服务自己来加载,从而对应用方是透明的 2.2 Write Through 和Read Through相仿,不过是在更新数据时发生 当有数据更新时 如果没有命中缓存,直接更新数据库,然后返回

3.1K31

缓存更新的套路

看到好些人在写更新缓存数据代码时,先删除缓存,然后再更新数据库,而后续的操作会把数据再装载的缓存中。然而,这个是逻辑是错误的。...试想,两个并发操作,一个是更新操作,另一个是查询操作,更新操作删除缓存后,查询操作没有命中缓存,先把老数据读出来后放到缓存中,然后更新操作更新了数据库。...这里,我们先不讨论更新缓存更新数据这两个事是一个事务的事,或是会有失败的可能,我们先假设更新数据库和更新缓存都可以成功的情况(我们先把成功的代码逻辑先写对)。...为什么不是写完数据库后更新缓存?...Write Back套路,一句说就是,在更新数据的时候,只更新缓存,不更新数据库,而我们的缓存会异步地批量更新数据库。

2.1K70

缓存更新的套路

看到好些人在写更新缓存数据代码时,先删除缓存,然后再更新数据库,而后续的操作会把数据再装载的缓存中。然而,这个是逻辑是错误的。...试想,两个并发操作,一个是更新操作,另一个是查询操作,更新操作删除缓存后,查询操作没有命中缓存,先把老数据读出来后放到缓存中,然后更新操作更新了数据库。...这里,我们先不讨论更新缓存更新数据这两个事是一个事务的事,或是会有失败的可能,我们先假设更新数据库和更新缓存都可以成功的情况(我们先把成功的代码逻辑先写对)。...为什么不是写完数据库后更新缓存?...Write Back套路,一句说就是,在更新数据的时候,只更新缓存,不更新数据库,而我们的缓存会异步地批量更新数据库。

1.3K130

缓存更新策略

问题:项目中,Redis用了缓存热点数据,持久化数据在MySQL DB中;那么Redis缓存数据什么时候更新呢? 方法A: 步骤:1....删除缓存,2.更新DB , 3.下一次读操作没有命中缓存时,更新缓存; 存在的问题:如果另外一个读任务发生在"更新DB"之前,那么缓存就"更新DB"之前的“脏数据”; 方法B:...步骤:1.更新DB,2.更新缓存; 存在的问题:如果发生并发“更新数据”,程序不能保证“更新缓存”的先后顺序,存在“脏数据”的可能性; 方法C:...步骤:1.更新DB, 2....下一次读操作没有命中缓存时,更新缓存; 存在的问题:如果在步骤1“更新DB”之前,有一个并发读任务没有命中缓存,从DB读取到“老数据”,在步骤2之后才把“老数据”更新缓存,那么缓存中就是

1.5K00

缓存更新的套路

阅读本文大概需要 10 分钟 原文 | http://sina.lt/gpqN 看到好些人在写更新缓存数据代码时,先删除缓存,然后再更新数据库,而后续的操作会把数据再装载到缓存中。...试想,两个并发操作,一个是更新操作,另一个是查询操作,更新操作删除缓存后,查询操作没有命中缓存,先把老数据读出来后放到缓存中,然后更新操作更新了数据库。...这里,我们先不讨论更新缓存更新数据这两个事是不是一个事务的事,或是会有失败的可能,我们先假设更新数据库和更新缓存都可以成功的情况(我们先把成功的代码逻辑先写对)。...更新:先把数据存到数据库中,成功后,再让缓存失效。 ? 注意,我们的更新是先更新数据库,成功后,让缓存失效。那么,这种方式是否可以避免文章前面提到过的那个问题呢?...Write Back 套路,一句说就是,在更新数据的时候,只更新缓存,不更新数据库,而我们的缓存会异步地批量更新数据库。

1.3K20

Redis缓存雪崩、缓存穿透、缓存预热、缓存更新缓存降级等问题

一、缓存雪崩 由于原有缓存失效,新缓存未到期间,比如我们设置缓存时采用了相同的过期时间,在同一时刻出现大面积的缓存过期,所有原本应该访 问缓存的请求都去查询数据库了,而对数据库CPU和内存造成巨大压力,...(2)还有一个简单方案就时将缓存失效时间分散开。 二、缓存穿透 缓存穿透是指用户查询数据,在数据库没有,自然在缓存中也不会有。...三、缓存预热 缓存预热这个应该是一个比较常见的概念,相信很多人都应该可以很容易的理解,缓存预热就是系统上线后,将相关的缓存数据直接加载到缓存系统。...用户直接查询事先被预热的缓存数据 解决办法 (1)直接写个缓存刷新页面,上线时手工操作下; (2)数据量不大,可以在项目启动的时候自动进行加载; (3)定时刷新缓存; 四、缓存更新 除了缓存服务器自带的缓存失效策略之外...,过期的话就去底层系统得到新数 据并更新缓存

2.2K20

Fikker CDN 页面缓存配置

2、配置说明: 缓存地址URL: 无论动态页面还是静态页面,匹配成功后会被强制缓存。 是否忽略大小写: 是否忽略 URL 中的大小写。默认设定:忽略。...超时周期(缓存周期): 设定缓存周期,例如:1天,1小时,30分钟等。缓存页面一旦过期,将会重新向源站询问这个缓存页面是否被“修改过(Modified)”,并重新计算缓存周期。...开放权限: 支持三种页面缓存开放权限,说明如下: 所有用户:允许被所有用户访问。...默认选项,适用于绝大部分网站上的 jpg/bmp/png/ico/js/css/txt/html/mp3/mp4/flv/doc/ppt 等页面。 会员用户:只允许会员用户(登录用户)访问。...常用举例1:缓存站点内常见静态文件 jpg|jpeg|gif|bmp|png|ico|swf|css|js|txt|xls|cur|mp3|mp4|flv|doc|docx 等 a、缓存地址URL:^.

1.5K10

Next.jsSSR页面缓存

image.png 背景 SSR相对于静态页面是非常消耗服务器资源的,所以在网站访问量较大时通常会将前端页面进行缓存,在Next.js中我们需要渲染AJAX的内容需要在前端使用getServerSideProps...很多网页的数据变化不是很频繁通常不需要每次都发起请求和渲染,所以本文来讲解如何缓存Next.js渲染的SSR页面。如果有同学不清楚服务器缓存的原理可以看之前发布的Express使用服务端缓存。...Next.js内置的SSR本身不提供内置的缓存方案(有兴趣同学可以了解一下ISR),但是提供了一个自定义服务器方案,我们可以自己来设置启动和网站进入到返回渲染结果的流程。...if (err) throw err; console.log(`>开始运行于: http://localhost:${port}`); }); //对哪些页面进行缓存...server.js中的代码我使用dev:cache来启动。

3.2K10

js的动态加载、缓存更新以及复用(二)恼人的命名冲突

有的推荐第三方框架,比如 In.js、requrieJS、sea.js、lab.js等。这个开阔了眼界,以前只知道sea.js,省去了自己搜索的麻烦。...因为我想达到的效果是,每个页面只需要  这么一行,就可以把所有的共用的js文件都统统的加载进来...,并且可以自动更新。   ...不知道大家有没有发现一个问题,boot.js 可以搞定其他js文件的更新,但是他自己的更新如何搞定呢?有两个方法,一个是在后面加个随机数作为参数;另一个就是一辈子都不需要修改。...我的想法就是做一个js文件服务。由这个服务实现加载js更新js、加载顺序(依赖),还有复用。   如果我们要做五个项目,每个项目都是一个独立的站点,那么对于共用的js文件是怎么处理的呢?

2.1K80

OSCache页面缓存的使用

完成项目时,为了减少对数据库的频繁操作,引出了缓存缓存分为以下几种: 1.一级缓存   一级缓存的存储域是session,作用于单个的dao 2.二级缓存   二级缓存的存储域是sessionFactory...,作用于全局,对每个dao都产生作用 3.分布式缓存   分布式缓存应用于互联网高并发项目中,把缓存放在一个专门的位置,可以解决内存的浪费问题以及减少服务器压力,使用一级缓存或二级缓存时会把缓存放在他们自己的服务器上...4.页面缓存   页面缓存的存储位置可以理解为存储在"页面",相比分布式缓存页面缓存性能更好,缺点是由于缓存的存在可能造成数据的不同步问题。...我们使用Oscache的标签来进行页面的局部缓存.使用方法如下: <%@taglib uri="http://www.opensymphony.com/oscache...<em>页面</em>全局<em>缓存</em>将使用Filter实现: CacheFilter com.opensymphony.oscache.web.filter.CacheFilter

78310
领券