前端页面缓存心得体会

  1. 都有哪些缓存?
    缓存包括客户端缓存(浏览器缓存)和服务器缓存,一般我们说的都是浏览器缓存,缓存就是把访问后的动态文件生成一份静态文件的备份,当用户再次请求时,直接获取静态文件,极大减少服务器压力。
  2. 怎么控制缓存?
    通过在页面的head中添加no-cache和expiration等信息,即可控制浏览器不缓存页面,例如下面的代码

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">

  3. 图片缓存的一些技巧
    当页面加载了 a.jpg 和 a.jpg?v=1 时,会当作两个文件,都是拉去服务器最新资源,只有加载资源的url,完全一致才会走缓存,下面是图例:

    这里的304代表加载缓存资源,200代表加载的服务器最新资源
时间: 2024-10-20 18:43:45

前端页面缓存心得体会的相关文章

学习前端第二天心得体会(初步了解HTML5的部分API以及画布Canvas)

一.HTML5部分API 1.选择器querySelector和querySelectorAll 1.1.querySelector:返回文档中匹配指定的CSS选择器的第一元素.  document.querySelector(CSS selectors),CSS selectors(指定一个或多个匹配元素的 CSS 选择器. 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素. 对于多个选择器,使用逗号隔开,返回一个匹配的元素). 1.2.querySelectorAll : H

在千锋参加html5前端开发培训的心得体会娓娓道来

四个多月在千锋参加html5前端开发培训的时间说起来也不短了,突然间毕业了,要找工作了,我还是有股莫名的伤感和孤独,也很舍不得这些一起通过html5前端开发培训走过来的亦师亦友的伙伴.作为来深圳千锋参加html5前端开发培训相交的第一批朋友,我还是很珍惜的.我只能感叹时光飞逝,稍纵不复返. 在html5前端开发培训期间,非常感谢千锋html5前端开发培训老师的真心付出,带着我们慢慢成长起来,尤其感谢韩老师和邓老师,因为有他们,生活才特别可爱,我也完成了蜕变.另外,值得一提的是游戏部分mars老师

AngularJS心得体会

AngularJS早些时候有过了解,知道这是一个JS的MVC框架,同类型的框架还有Backbone等.这次是由于项目需要,学习了两天的Angular后开始着手改之前的项目代码,这里大概说一下这一周学习Angular的心得体会吧. 首相,使用Angular最大的感受就是它的设计思路完全不同于Jquery,jquery更倾向于对Dom的操作:而使用Angular则需要你有一个全局的认识,你必须知道你想要做成什么样子才可以下手去做,所以我感觉ng对前端开发的要求比jquery要高一些.先来看看Angu

Web前端培训学习心得

web前端工程师技术日趋成熟,越来越多的行业巨头正不断向web前端工程师示好,在未来几年,web前端将会以更多的形式渗透到我们生活中的方方面面,因此越来越多的从业者开始关注web前端开发行业,今天小编跟大家共同来分享一下自己的web前端工程师学习心得. 今天只是想要跟大家分享一下学习心得,在选择web前端工程师培训之前,我逃避过.犹豫过.迷茫过,站在人生的十字路口,不知道该何去何从,但从加入培训班的那刻起,就把心中的疑问打消了,看到大家倾吐自己的心声,我开始认识到每个人都渴望成功,更希望能够战胜

软工-六月心得体会

本月着实匆忙至极,一方面各学科都临近尾声.加紧冲刺,另一方面考试周近在眼前.而软工课毫不出人意外地又来了一个所谓的"加速出成品",将alpha版产品截止日定在了6月20日左右,毫不怯于自己2学分的体量,理直气壮地与各大主要学科争抢宝贵的考试复习时间,可谓壮哉.当然,这么做是有充分理论依据的:根据老师统计,很多同学暑假另有安排,只能提前时间.施加压力以求成品,于是像我这样空出暑假准备亡羊补牢的少数群体,也只有陪着组里各位被摁着头英勇无畏冲锋的老铁们亡命肝了.两周过去,在此谈谈心得体会.

Haproxy + Varnish 实现WEB静态页面缓存

一.缓存介绍及Haproxy+Varnish架构图: 1.)简介:现阶段的互联网时代,缓存成为一个必不可少的一环,不论是对于整体架构的优化,减少服务器的压力,加速用户访问速度,都是需要用到缓存.而缓存的种类也是很多,例如CDN,Squid,Memcached,Varnish,已经成为一个中型,大型架构中基本的实现. 2.)CDN缓存技术是根据全国各地的用户,直接缓存到离用户最近的地方. 3.)Squid是处于前端的缓存,并且可以用作为正向代理,反向代理,透明代理. 4.)Memcached主要用

Nginx反向代理、负载均衡、页面缓存、URL重写及读写分离详解

大纲 一.前言 二.环境准备 三.安装与配置Nginx 四.Nginx之反向代理 五.Nginx之负载均衡 六.Nginx之页面缓存 七.Nginx之URL重写 八.Nginx之读写分离 注,操作系统为 CentOS 6.4 x86_64 , Nginx 是版本是最新版的1.4.2,所以实验用到的软件请点击这里下载:http://yunpan.cn/QXIgqMmVmuZrm 一.前言 在前面的几篇博文中我们主要讲解了Nginx作为Web服务器知识点,主要的知识点有nginx的理论详解.ngin

用github来展示你的前端页面吧

前言 经常会有人问我如何才能将自己做的静态页面放到网上供他人欣赏,是不是需要自己有一个服务器,是不是还要搞个域名才能访问?对于以上问题我都会回答:用github来展示你的前端页面吧. 工欲善其事,必先利其器.github是一个很好的代码管理与协同开发平台,在程序界又被称为最大的"同性交友网站".如果你不懂git,没有自己的github账户,那你就丢失了一把能够很好的展示自我,储存知识的利器. 当然知道github的人不在少数,但是大部分人可能仅知道它可以用于管理我们的项目代码,而不知道

Nginx 反向代理、负载均衡、页面缓存、URL重写及读写分离详解

大纲 一.前言 二.环境准备 三.安装与配置Nginx 四.Nginx之反向代理 五.Nginx之负载均衡 六.Nginx之页面缓存 七.Nginx之URL重写 八.Nginx之读写分离 注,操作系统为 CentOS 6.4 x86_64 , Nginx 是版本是最新版的1.4.2,所以实验用到的软件请点击这里下载:http://yunpan.cn/QXIgqMmVmuZrm 一.前言 在前面的几篇博文中我们主要讲解了Nginx作为Web服务器知识点,主要的知识点有nginx的理论详解.ngin