吴纯玲的博客

HTTP缓存分为两种，强缓存与协商缓存，先来看几张HTTP请求的截图：可以发现请求头/响应头里一些有意思的属性：ETag、Last-Modified、Expires、Cache-Control、Pragma、If-None-Match、If-Modified-Since等，这些都与HTTP缓存有关系强缓存Expires / Cache-ControlExpires是HTTP1.0中的强缓存机制，是一个绝对值时间。Cache-Control是HTTP/1.1中出现的强缓存机..

前端监控一般包括：1.性能监控；2.错误监控1.前端性能这里引用他人文章对前端性能的描述：通常前端性能可以认为是用户获取所需要页面数据或执行某个页面动作的一个实时性指标，一般以用户希望获取数据的操作到用户实际获得数据的时间间隔来衡量。简单的总结一下，就是一般用时间来衡量前端性能。比如一些耳熟能详的：白屏时间、首屏时间等那么当我们打开一个网页，如果获取跟网页性能相关的时间呢？2.性能数据采集打开控制台，输入window.performance可以看到performan...

1.减少http请求次数①文件合并：将多个js文件合并成一个，将多个css文件合并成一个等方法，以此减少文件下载的次数②CSS Sprites:在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的

1.注意作用域（1）避免全局查找：将在一个函数中会用到多次的全局对象存储为局部变量总是没错的。 function updateUI(){ var imgs = document.getElementsByTagName('img'); for (var i = 0; i < imgs.length; i++) { imgs[i].title = document.t...