前言 代码重构是业内经常讨论的一个热门话题，重构指的是在不改变代码外部行为的情况下进行源代码修改，所以重构之前需要考虑的是重构后如何才能保证外部行为不改变。对于后端代码来说，可以通过大量的自动化测试来确保重构后的代码逻辑，可对于普遍缺乏自动化测试的前端代码来说，重构之前一定要考虑再三才能下手 ...

的认可，并已经成为了Web前端开发中不可或缺的一个步骤。以下是代码和资源压缩的具体实践方法。 1. We ...

前言 提高网站整体加载速度的一个重要手段就是提高代码文件的网络传输速度。之前提到过，所有的代码文件都应该是经过压缩了的，这可提高网络传输速度，提高性能。除了压缩代码之外，精简代码也是一种减小代码文件大小的手段。以下将讨论CSS代码相关的代码精简方案。 定义简洁的CSS规则 CSS的每条 ...

前言 缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。 本文，重点在与探讨在实际项目中，如何进行缓存的设置，并给出一个较为合理的方案。 强缓存和协商缓存 在介绍缓存的时候，我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候，是否需要向服务器验证本地缓存是否 ...

为什么要讲缓存、缓存到底有什么作用？ 下面我们来说一个场景我们有一个首页菜单的布局基本是不会经常发生的变化，如果动态生成的 Web 页被频繁请求并且构建时需要耗用大量的系统资源，那么，如何才能改进这种情况的响应时间了？于是在这种情况下面缓存就起作用了，这样我们就可以避免频繁的去访问服务器增加 ...

为什么要使用 Web 缓存 Web缓存一般分为浏览器缓存、代理服务器缓存以及网关缓存，本文主要讲的是 浏览器缓存，其它两种缓存大家自行去了解下。 Web 缓存游走于服务器和客户端之间。这个服务器可能是源服务器（资源所驻留的服务器），数量可能是1个或多个；这个客户端也可能是1个或多个。Web ...

网上关于WEB缓存的文章很多，今天汇总一下。 为什么要用缓存 一般针对静态资源如CSS,JS,图片等使用缓存，原因如下： 请求更快：通过将内容缓存在本地浏览器或距离最近的缓存服务器（如CDN），在不影响网站交互的前提下可以大大加快网站加载速度。 节省带宽：对于已缓存的文件 ...

需求 在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面，也就是进入的时候是视频列表页面 ...