由于最近开发的个人博客(Vue + node)在使用过程中，发现网络加载有点慢，所以打算对它进行一次优化。本次优化的目标如下：index.html 设置成 no-cache，这样每次请求的时候都会比对一下 index.html 文件有没变化，如果没变化就使用缓存，有变化就使用新的 index.html 文件。其他所有文件一律使用长缓存，例如设置成缓存一年 maxAge: 1000 * 60 * 6
转载
2024-04-29 09:33:03
34阅读
Web 存储随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。Web Storage（sessionStorage和localStorage）H5 中有两种存储的方
什么是IE缓存文件夹呢？现在我们和网络接触越来越多，网络给我们的生活带来了许多的便利和娱乐。在平时大家比应该会经常登陆到视频、音乐网站观赏电影和试听MP3。遇到好的视频或音乐的时候总想把他们保持到电脑上面，可以是网站做了对应的限制，不提供下载服务。如果大家知道IE浏览器的工作原理的话就能轻易的找到解决的办法。其实IE浏览器在线播放影音的时候，他们都已经下载到你的电脑里面了，都存储IE浏览器的缓存文
转载
2024-10-18 11:34:03
61阅读
Cache Manifest是HTML 5的一种缓存机制，文章作者直接用博客当测试环境，虽然应用起来非常简单，但效果却出奇的好。缓存后的速度，简直是惊人的快。像Yslow显示，打开一个缓存过的页面，只要0.729秒，比不缓存的差不多快了10倍。一、Cache Manifest基础知识作为一个Web开发相关的人员，都不会少听到、看到Cache这个词。是的，上面也已经说了，它是一种缓存的机制。它可以通过一个.manifest文件来配置需要缓存的或者一定要保持联网缓存的文件。而重点就是这个.manifest文件，这里进行了简单的整理：◆MIME TYPE：text/cache-manifest◆需要
转载
2012-04-12 20:06:00
84阅读
2评论
Cache Manifest是HTML 5的一种缓存机制，文章作者直接用博客当测试环境，虽然[color=#444444 !important]应用起来非常简单，但效果却出奇的好。缓存后的速度，简直是惊人的快。像Yslow显示，打开一个缓存过的页面，只要0.729秒，比不缓存的差不多快了10倍。 ...
原创
2022-04-06 14:59:48
434阅读
当android启动一个应用组件之前，必须通过读取应用的ManifestAndroid.xml文件来确认该组件的存在。在manifest文件中必须包含该应用的所有组件。并且manifest文件必须位于应用项目的根目录下。此外，还提供如下功能：标识应用需要的用户许可，比如：internet访问，对用户通讯录的读取声明应用需要的最小最小API级别声明应用需要的硬件和软件特征，比如：相机，蓝牙服务，多点
转载
2024-04-09 08:52:37
63阅读
什么是离线缓存 离线缓存，就是将指定的网页文件（例如css、js）保存到本地，当用户没有网络时，依旧可以通过浏览器使用这些文件。 为何要用离线缓存 从网站所有者的角度来说，增加离线缓存功能，能够让用户更好的使用网站。 离线缓存的设置步骤 1 配置manifest文件 2 通过JS进行缓存的控制 manifest文件的配置 1. 添加manifest属性 将需要离线缓存的文件罗列下来，存储于后缀名
转载
2024-10-14 14:37:35
372阅读
前端缓存及应用 1. 缓存分类1.1 前端缓存分类1.2 缓存过程分析2. HTTP 缓存2.1 HTTP 缓存2.2 HTTP 缓存分类2.3 HTTP 缓存 -- 强缓存的三种情况2.3.1 情况一2.3.2 情况二2.3.3 情况三2.4 HTTP 缓存 -- 强缓存的缓存规则2.5 HTTP 缓存 -- 存储位置2.5.1 内存缓存(from memory cache)2.5.2 硬盘缓
本地缓存和远端缓存远端缓存：Redis，MongoDB；本地缓存：一般使用map的方式保存在本地内存中，常见的是ConcurrentHashMap 和guava cache，把数据缓存到JVM内存。常见的在业务中操作缓存，都会操作缓存和数据源两部分。如：put数据时，先插入DB，再删除原来的缓存；get数据时，先查缓存，命中则返回，没有命中时，需要查询DB，再把查询结果放入缓存中;如果访问量大，还
转载
2024-09-11 19:21:22
67阅读
一、Android缓存机制Android缓存分为内存缓存和文件缓存（磁盘缓存）。在早期，各大图片缓存框架流行之前，常用的内存缓存方式是软引用（SoftReference）和弱引用（WeakReference），如大部分的使用方式：HashMap<String url, SoftReference<Drawable>> imageCache;这种形式。从Android 2.3
转载
2024-07-24 12:28:58
255阅读
总结下：1:页面的首次加载，获取manifest在内的所有文件，根据manifest文件的内容，该缓存的缓存；2，第二次加载，先从缓存中取出manifest文件，里面列出的缓存文件，直接从缓存读取，然后去请求网络的manifest和其他文件，若新的mannifest文件版本和旧的一样，则没有变动。若有变动则取出需要缓存的文件放入本地，根新本地文件。3，但是，已经被渲染的页面不会重新刷新，即即使服务
转载
2024-04-11 09:14:43
120阅读
浏览器的缓存机制，多种多样，离线缓存是其中之一，这也是为了更好的用户体验，性能优化的重要一步。我们来讲讲这个离线缓存。什么是HTML5离线缓存？离线缓存（Application Cache）就是web应用缓存方式的一种，可以使得用户在离线状态下，依然能够很完美的浏览网站。HTML5离线缓存的优势？离线浏览 - 用户可在应用离线时使用它们。速度 - 已缓存资源加载得更快。减少服务器负载 - 浏览器将
转载
2023-08-19 00:54:43
595阅读
缓存方式localStoragesessionStoragestorage.js（实际上时多种方式的集合也包括了前两种)vuexkeep-alive(主要用于保留组件状态或避免重新渲染，自动缓存，并不能自己读写)localStorage可长期存储数据，除非用户清楚localStorage信息，否则数据会一直存在。同一中浏览器之间，不同页面，数据可以共享。//存
// 将this.pickerIte
转载
2024-03-25 14:43:32
123阅读
打开一个网页，加载完后，如果突然断网了，那么你刷新后那页面就没了。有没有想过，刷新后页面还是刚刚才页面，在新窗口中再打开一个页面，输入相同的网址，在断网的状态下打开还是原来那个页面。。HTML5的离线应用正提供了这样一个功能。在页面中的数据加载时，你可以自己设定一些要缓存的图片、flash、css、js、html等文件，等下次不能联网的情况下，你可以用那些缓存的文件。这就是HTML5的离线应用。其
转载
2024-04-18 12:45:38
27阅读
列表是HTML里一种很有用的显示方式，可以把相关的并列内容整齐地垂直排列，使网页显得整洁专业，并让浏览者有一目了然的感觉。
样式表为列表增加了一些功能，控制列表的样式包括列表样式、图形符号、列表位置三个部分。
1. 控制显示：display
语法：{display:none|block|inline|list-item}
作用：改变元素的显示值，可以将元素类型线上，块和清单项目
# HTML5 Manifest：让Web应用离线也能正常运行的神奇技术
随着移动互联网的发展，Web应用的需求也越来越大。然而，由于网络环境的不稳定性，用户在没有网络连接的情况下无法正常使用Web应用成为了一个问题。为了解决这个问题，HTML5引入了Manifest文件，使得Web应用可以在离线状态下也能正常运行。
## 什么是HTML5 Manifest？
HTML5 Manifest是
原创
2024-07-06 06:35:04
48阅读
最近在开发web页面过程中有人提出来页面交互体验太差，刚刚打开的页面，跳出之后再回来就要重新加载甚至找不到，让人很不舒服，于是着手研究了一下vue的内置缓存功能keep-alive,官方参考地址https://cn.vuejs.org/v2/api/#keep-alive 我这里重点拿具体的示例进行介绍，并强调几个容易忽略的点：1.对所有页面进行缓存最简单的操作就是在<router
我们在处理业务时，有时候会频繁地使用从数据库查出来的同一条数据，这会影响程序的效率，一般地我们希望将这条数据缓存起来。即我们希望，同一条查询语句(查询条件也是一样的)，仅在第一次执行时去数据库查询，而后每次直接从缓存中调用就是了。1 首先新建一个缓存的策略接口/**
* 类说明:策略接口，每个策略都必须实现这个标准的策略接口
*/
public interface ILocalCache<
转载
2024-10-11 23:11:54
37阅读
HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势：离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。 Manifest 文件manifest 文件是简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）。manifest
转载
2024-06-12 18:25:21
86阅读
今天学习了一下manifest的相关知识，整理记录如下，以备将来查阅。 一、manifest MIME TYPE：text/cache-manifest 需要由你创建的：NAME.manifest 作用：主要是配置需要缓存的文件 二、实现 在服务器上添加MIME TYPE支: 比如 Apache 中
原创
2022-06-20 12:26:00
144阅读
