前端知识点汇总
前端网络知识点总结
前端网络知识点总结一、HTTP协议1、什么是TCP/IP协议不同的硬件、操作系统之间进行通信，需要一种规则，我们把这种规则称做协议，网络传输的各个阶段有不同的协议，这些协议的集合总称为TCP/IP协议。
http协议是TCP/IP协议的子集。
2、TCP/IP分层及各层的作用？分为四层：应用层、传输层、网络层、链路层。
应用层：http协议属于这一层，在这一层根据http协议生成针对目标服务器的http请求报文，服务器端根据http解析报文。
传输层：TCP协议属于这一层，在这一层将根据TCP协议将http的请求报文分割成报文段，在服务器端会根据TCP协议合并报文段。
建立和断开TCP连接的过程就是三次握手，四次挥手。
网络层：IP协议属于这一层，网络层的作用是确定数据传输的路线。
根据IP协议搜索对方地址，并一边中转一边传送。
IP地址指明了节点被分配的地址，MAC地址是网卡所属的固定地址，IP地址可以变，MAC一般不变。
整个中转的过程像是送快递，用户把数据送到快递站，快递公司再送到一个个大型中转站。
链路层：网络传输过程中的硬件部分。
过程：客户端发出请求->应用层发送http请求报文->传输层建立TCP连接，将报文分成报文段->网络层根据请求的ip地址，进行处理并加上MAC地址后交给链路层->链路层将数据送到请求的ip地址->请求ip的服务器根据IP,TCP,HTTP协议对数据进行拼接等处理->服务器收到请求。
3、DNS是什么？DNS是和http一样位于应用层的协议，用于解析域名，DNS协议提供通过域名查找IP地址或者IP地址反查域名的服务。
4、URI和URL的区别URI是统一资源标识符，URL是统一资源定位符，URL是URI的子集。
URI格式：协议名/方案名+登录信息（可选）+服务器地址（网址或ip）+端口号（可选）+文件路径+参数（可选）+片段标识符（可选，哈希值）两者区别就就是URL是确定了文件的路径，而URI只是唯一的标识出文件，但是不一定是该文件的路径。
web前端网页设计知识点
web前端网页设计知识点Web前端设计是指通过使用HTML、CSS和JavaScript等技术来开发网站的外观和交互功能。
在进行Web前端网页设计时，我们需要掌握一些基本的知识点。
本文将详细介绍一些常用的Web前端设计知识点，帮助读者更好地理解和应用这些技术。
一、HTML（超文本标记语言）知识点HTML是一种用于创建网页的标记语言，它使用标签和属性来描述网页的结构和内容。
以下是一些常用的HTML知识点：1. DOCTYPE声明：<!DOCTYPE>声明位于HTML文档的最前面，用于声明文档使用的HTML版本。
2. 标题和段落：使用<h1>至<h6>标签定义标题的级别，使用<p>标签定义段落。
3. 链接和图像：使用<a>标签创建链接，使用<img>标签插入图像。
4. 列表和表格：使用<ul>、<ol>和<li>标签创建无序列表、有序列表和列表项，使用<table>、<tr>和<td>标签创建表格。
5. 表单和输入元素：使用<form>标签创建表单，使用<input>标签创建各种输入元素，如文本框、复选框和按钮。
二、CSS（层叠样式表）知识点CSS用于控制网页的布局和样式，使网页更加美观和易于阅读。
以下是一些常用的CSS知识点：1. 选择器：CSS使用选择器来选择要应用样式的HTML元素。
常见的选择器有标签选择器、类选择器、ID选择器和属性选择器。
2. 盒子模型：每个HTML元素都被看作一个矩形的盒子，包括内容区、内边距、边框和外边距。
通过设置这些属性，可以调整元素在网页中的位置和大小。
3. 背景和边框：使用CSS可以设置元素的背景颜色、背景图像和边框样式。
4. 文本样式：可以通过设置字体、颜色、大小、行高和对齐方式等属性来调整文本的样式。
前端三件套知识点-概述说明以及解释
前端三件套知识点-概述说明以及解释1.引言1.1 概述概述部分的内容应该对前端三件套的基本概念进行介绍，简要说明HTML、CSS和JavaScript在前端开发中的作用和重要性。
HTML是一种标记语言，用于描述网页的结构和内容。
通过使用HTML，我们可以定义网页的标题、段落、图像、链接等元素。
HTML为网页提供了基本的骨架和结构。
CSS是一种样式表语言，用于控制网页的外观和布局。
通过使用CSS，我们可以设置网页中各个元素的颜色、字体、大小、对齐方式等样式属性，从而实现网页的美化效果。
JavaScript是一种脚本语言，用于给网页增加交互性和动态特效。
通过使用JavaScript，我们可以实现网页中的表单验证、按钮点击事件、动态加载内容等功能，使网页具有更好的用户体验和交互性。
前端三件套HTML、CSS和JavaScript相互协作，共同构建了现代网页的基础。
HTML负责定义网页的结构，CSS负责控制网页的样式，JavaScript负责处理网页的交互逻辑。
他们的配合使用，为开发者提供了丰富的工具和技术，使得前端开发能够更加便捷和灵活。
在本文中，我们将深入探讨前端三件套的各个知识点，从入门到深入，帮助读者全面了解并掌握前端开发的基础知识。
1.2 文章结构文章结构是指文章的组织方式和层次结构，它决定了文章整体的逻辑框架和信息传递的顺序。
在本文中，主要分为引言、正文和结论三个部分。
引言部分用来引入读者进入文章的主题，并对本文的内容进行一个概述。
这样可以帮助读者了解文章的主旨和目的。
正文部分是文章的主体，用来详细阐述前端三件套中的HTML基础知识、CSS基础知识和JavaScript基础知识。
在每个子节下，可以进一步展开具体的知识点，如HTML标签的使用、CSS样式的应用和JavaScript 语法的学习。
在这部分中，可以结合实例来说明，配以图表或代码片段，帮助读者更好地理解和掌握这些知识点。
结论部分是对整篇文章的总结和归纳。
前端vue面试知识点
前端Vue面试知识点1. Vue.js介绍Vue.js是一款轻量级的JavaScript框架，用于构建用户界面。
它采用了MVVM （Model-View-ViewModel）的架构模式，通过数据驱动视图，使开发者能够更高效地构建交互式的Web应用程序。
2. Vue的特点•简单易学：Vue的API简单易懂，学习曲线较为平缓，上手容易。
•响应式：Vue使用了响应式的数据绑定机制，能够实时追踪数据的变化，并自动更新视图。
•组件化开发：Vue将应用程序拆分成多个可复用的组件，使代码结构更清晰，易于维护。
•丰富的生态系统：Vue拥有庞大的社区和插件生态系统，可以快速构建各种类型的应用。
3. Vue的核心概念3.1 数据绑定Vue通过指令（Directive）实现数据绑定，常用的指令包括v-model、v-bind 和v-on等。
v-model用于实现双向数据绑定，v-bind用于绑定属性或样式，v-on 用于绑定事件。
3.2 组件化开发Vue将应用程序划分为多个组件，每个组件包含自己的模板、逻辑和样式。
组件可以嵌套使用，实现代码的重用和模块化开发。
3.3 路由管理Vue提供了Vue Router插件，用于实现前端的路由管理。
通过配置路由表，可以实现页面之间的切换和导航。
3.4 状态管理Vue提供了Vuex插件，用于管理应用程序的状态。
Vuex将应用程序的状态存储在一个全局的状态树中，通过定义mutations和actions来修改状态。
4. Vue的常用指令和组件4.1 指令•v-if：根据条件渲染元素。
•v-for：循环渲染列表。
•v-show：根据条件显示或隐藏元素。
•v-on：绑定事件。
•v-bind：绑定属性或样式。
•v-model：实现双向数据绑定。
4.2 组件•ponent：定义全局组件。
•props：父组件向子组件传递数据。
•emit：子组件向父组件触发事件。
5. Vue的优化技巧5.1 虚拟DOMVue使用虚拟DOM来管理视图更新，通过比较新旧虚拟DOM的差异，最小化DOM操作，提高性能。
web前端考试知识点总结
web前端考试知识点总结一、HTML知识点总结1. HTML基础知识- HTML的基本结构- HTML的常用标签- HTML的元数据标签- HTML的列表、表格、表单等相关标签2. HTML5新增的语义化标签- header、footer、nav、article、section、aside等3. HTML5新增的表单元素- input的各种类型- 新增的表单元素如datalist、keygen等4. HTML5新增的媒体元素- video、audio等5. HTML5新增的API- 本地存储、离线应用、地理定位等二、CSS知识点总结1. CSS基础知识- CSS的语法- CSS的选择器- CSS的样式属性2. CSS布局- 盒模型- 浮动- 定位- 弹性盒子布局- 栅格布局3. CSS3新增的样式- 边框、背景、文字、渐变、阴影等效果 - 过渡、变换、动画等4. 响应式设计- 媒体查询- 移动优先5. CSS预处理器- SASS、LESS等三、JavaScript知识点总结1. JavaScript基础知识- 数据类型- 运算符- 流程控制语句2. JavaScript函数- 函数的定义- 作用域- 闭包- 高阶函数3. JavaScript对象- 对象的创建- 原型链- 对象的继承4. DOM操作- 节点的增删改查- 事件处理5. AJAX与跨域- XMLHttpRequest对象- 跨域访问的解决方案6. ES6知识点- let、const- 箭头函数- 解构赋值- 模板字符串- Promise等四、Web前端知识点总结1. 前端框架- Vue.js、React、Angular等- 每个框架的基本原理和使用方法2. 前端工程工具- Webpack、Gulp、Grunt等- 理解构建工具的作用和配置3. 前端性能优化- 页面加载速度优化- 代码性能优化4. 前端安全- XSS、CSRF、点击劫持等- 前端安全常见问题和解决方案5. 前端测试- 单元测试- UI测试6. 前端工程化- 模块化开发- 前端构建流程综上所述，Web前端技术知识点之多之杂，要想在考试中取得好成绩，需要对各种知识点进行深入理解和掌握。
前端面试常见知识点
前端⾯试常见知识点1、JavaScript this指针、闭包、作⽤域this：指向调⽤上下⽂闭包：内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。
当其中⼀个这样的内部函数在包含它们的外部函数之外被调⽤时，就会形成闭包。
闭包的好处：（1）不增加额外的全局变量，（2）执⾏过程中所有变量都是在匿名函数内部。
闭包的缺点：（1）滥⽤闭包函数会造成内存泄露，因为闭包中引⽤到的包裹函数中定义的变量都永远不会被释放，内存消耗很⼤，所以不能滥⽤闭包，否则会造成⽹页的性能问题，在IE中可能导致内存泄露。
解决⽅法是，在必要的时候，及时释放这个闭包函数,(在退出函数之前，将不使⽤的局部变量全部删除。
)（2）闭包会在⽗函数外部，改变⽗函数内部变量的值。
所以，如果你把⽗函数当作对象（object）使⽤，把闭包当作它的公⽤⽅法（Public Method），把内部变量当作它的私有属性（private value），这时⼀定要⼩⼼，不要随便改变⽗函数内部变量的值。
作⽤域：作⽤域就是变量与函数的可访问范围，即作⽤域控制着变量与函数的可见性和⽣命周期。
在JavaScript中，变量的作⽤域有全局作⽤域和局部作⽤域两种。
全局作⽤域:在代码中任何地⽅都能访问到的对象拥有全局作⽤域（1）最外层函数和在最外层函数外⾯定义的变量拥有全局作⽤域（2）所有末定义直接赋值的变量⾃动声明为拥有全局作⽤域（3）所有window对象的属性拥有全局作⽤域局部作⽤域（Local Scope） :和全局作⽤域相反，局部作⽤域⼀般只在固定的代码⽚段内可访问到，最常见的例如函数内部，所有在⼀些地⽅也会看到有⼈把这种作⽤域称为函数作⽤域，2. Javascript作⽤域链?理解变量和函数的访问范围和⽣命周期，全局作⽤域与局部作⽤域的区别，JavaScript中没有块作⽤域，函数的嵌套形成不同层次的作⽤域，嵌套的层次形成链式形式，通过作⽤域链查找属性的规则需要深⼊理解。
前端开发技术
前端开发技术随着互联网的迅猛发展，前端开发技术也逐渐成为IT行业中备受重视的领域。
作为构建用户界面的关键环节，前端开发技术在网站和应用的用户体验中发挥着重要的作用。
本文将介绍前端开发技术的一些重要知识点和常用工具，帮助读者了解前端开发过程和相关技术。
一、HTML与CSSHTML（Hypertext Markup Language，超文本标记语言）是构建网页的基础，它负责定义网页的结构和内容。
HTML使用标签（Tag）来标记不同的元素，如标题、段落、链接等。
开发者可以通过用不同的标签来标记文本内容，并设置属性，以实现丰富多样的网页效果。
CSS（Cascading Style Sheets，层叠样式表）则负责定义网页的样式，使得网页在视觉上更加美观和吸引人。
通过CSS，开发者可以改变网页元素的颜色、字体、大小、布局等各个方面的样式，以实现更好的用户体验。
二、JavaScriptJavaScript 是一种用于实现交互效果和动态功能的脚本语言。
它是前端开发过程中不可或缺的一部分。
通过JavaScript，开发者可以实现一些动态特效，如按钮的点击效果、图片的滑动等。
此外，JavaScript还可以实现与用户的交互，例如表单验证、弹窗提示等。
JavaScript 是一种客户端脚本语言，即在用户的浏览器上执行。
它与HTML和CSS配合使用，一起构建出丰富的网页功能和交互体验。
三、前端框架为了提高开发效率和代码重用，前端开发中常常会使用各种前端框架。
前端框架是一个封装了一系列常用功能和组件的集合，开发者可以通过调用框架的函数和方法，快速构建功能丰富的网页。
目前，比较流行的前端框架有React、Angular和Vue.js等。
这些框架使用了组件化的开发思想，通过模块化的方式构建出复杂的用户界面。
它们在性能优化、数据处理、状态管理等方面都提供了便捷的解决方案。
四、响应式设计随着移动互联网的普及，各种尺寸和分辨率的设备层出不穷，这给前端开发带来了新的挑战。
前端适合分享的技术知识点
前端适合分享的技术知识点作为前端开发人员，我们不仅需要具备扎实的编码能力，还需要不断学习和分享最新的前端技术知识。
通过分享，我们可以不仅可以帮助其他开发者解决问题，还可以拓宽自己的视野和思维方式。
本文将介绍一些前端适合分享的技术知识点，并提供一种分步思考的方法，以帮助你准备和分享这些知识。
1.HTML/CSS技巧HTML和CSS是前端开发的基础，通过分享一些HTML和CSS的技巧，可以帮助其他开发人员提升他们的网页设计和布局能力。
比如，你可以分享如何使用Flexbox或Grid进行响应式布局，如何使用CSS动画创建交互效果，如何使用CSS 变量和自定义属性来简化样式管理等等。
步骤一：选择一个具体的HTML/CSS技巧，比如Flexbox布局。
步骤二：解释该技巧的作用和优势，比如Flexbox可以简化网页布局并提供更好的响应性。
步骤三：给出使用该技巧的实际例子，并提供代码示例和解释。
步骤四：指导其他开发者如何应用该技巧到他们自己的项目中，并提供相关资源和参考链接。
2.JavaScript编程技巧JavaScript是前端开发中最重要的编程语言之一。
通过分享一些JavaScript的编程技巧，你可以帮助其他开发者更好地理解和使用JavaScript。
比如，你可以分享如何使用高阶函数和箭头函数来简化代码，如何使用ES6的新特性来提高开发效率，如何使用设计模式来组织和优化代码等等。
步骤一：选择一个具体的JavaScript编程技巧，比如使用高阶函数来处理数组操作。
步骤二：解释该技巧的作用和优势，比如使用高阶函数可以提高代码的可读性和复用性。
步骤三：给出使用该技巧的实际例子，并提供代码示例和解释。
步骤四：指导其他开发者如何应用该技巧到他们自己的项目中，并提供相关资源和参考链接。
3.前端框架和工具前端开发中有许多流行的框架和工具，比如React、Vue、Webpack等等。
通过分享关于这些框架和工具的知识，你可以帮助其他开发者更好地理解和使用它们。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
前端开发面试题2016-7-10前言本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。
万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！前端还是一个年轻的行业，新的行业标准，框架，库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。
所以关注各种前端技术，跟上快速变化的节奏，也是身为一个前端程序员必备的技能之一。
希望前端er达到既能使用也会表达，对理论知识有自己的理解。
可根据下面的知识点一个一个去进阶学习，形成自己的职业技能链。
面试有几点需注意：1. 面试题目：根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。
2. 题目类型：理论知识、算法、项目细节、技术视野、开放性题、工作案例。
3. 细节追问：可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。
因为这种知识关联是长时期的学习，临时抱佛脚绝对是记不住的。
4. 回答问题再棒，面试官（可能是你面试职位的直接领导），会考虑我要不要这个人做我的同事？所以态度很重要、除了能做事，还要会做人。
（感觉更像是相亲( • ௰• )）5. 资深的前端开发能把absolute和relative弄混，这样的人不要也罢，因为团队需要的是：你这个人具有可以依靠的才能（靠谱）。
前端开发知识点：HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、HTML5、CSS3、FlexboxJavaScript：数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步装载、模板引擎、前端MVC、路由、模块化、Canvas、ECMAScript 6、Nodejs其他：移动端、响应式、自动化构建、HTTP、离线存储、WEB安全、优化、重构、团队协作、可维护、易用性、SEO、UED、架构、职业生涯、快速学习能力作为一名前端工程师，无论工作年头长短都应该掌握的知识点：1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作——如何添加、移除、移动、复制、创建和查找节点等。
3、事件——如何使用事件，以及IE和标准DOM事件模型之间存在的差别。
4、XMLHttpRequest ——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。
6、盒模型——外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型7、块级元素与行内元素——怎么用CSS控制它们、以及如何合理的使用它们8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML ——二者有什么区别，你觉得应该使用哪一个并说出理由。
10、JSON——作用、用途、设计结构。
备注：根据自己需要选择性阅读，面试题是对理论知识的总结，让自己学会应该如何表达。
资料答案不够正确和全面，欢迎欢迎Star和提交issues。
格式不断修改更新中。
HTML•Doctype作用？标准模式与兼容模式各有什么区别?•（1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于<html>标签之前。
告知浏览器的解析器用什么文档标准解析这个文档。
DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
••（2）、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。
在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
</html>•HTML5 为什么只需要写？•HTML5不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；••而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。
•行内元素有哪些？块级元素有哪些？空(void)元素有那些？•首先：CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，如div的display默认值为“block”，则为“块级”元素；span默认display属性值为“inline”，是“行内”元素。
••（1）行内元素有：a b span img input select strong（强调的语气）•（2）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p••（3）常见的空元素：•<br><hr><img><input><link><meta>•鲜为人知的是：•<area><base><col><command><embed><keygen><param> <source><track><wbr>•页面导入样式时，使用link和@import有什么区别？•（1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS;••（2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;••（3）import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML 标签，无兼容问题;•介绍一下你对浏览器内核的理解？•主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。
•渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。
浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
••JS引擎则：解析和执行javascript来实现网页的动态效果。
••最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。
•常见的浏览器内核有哪些？•Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。
[又称MSHTML]•Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等•Presto内核：Opera7及以上。
[Opera内核原为：Presto，现为：Blink;]•Webkit内核：Safari,Chrome等。
[ Chrome的：Blink（WebKit的分支）]•html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML 和HTML5？•* HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
•绘画 canvas;•用于媒介回放的 video 和 audio 元素;•本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;• sessionStorage 的数据在浏览器关闭后自动删除;•语意化更好的内容元素，比如 article、footer、header、nav、section;•表单控件，calendar、date、time、email、url、search;•新的技术webworker, websocket, Geolocation;••移除的元素：•纯表现的元素：basefont，big，center，font, s，strike，tt，u;•对可用性产生负面影响的元素：frame，frameset，noframes；••* 支持HTML5新标签：• IE8/IE7/IE6支持通过document.createElement方法产生的标签，•可以利用这一特性让这些浏览器支持HTML5新标签，•浏览器支持新标签后，还需要添加标签默认的样式。
••当然也可以直接使用成熟的框架、比如html5shim;•<!--[if lt IE 9]>• <script>src="/svn/trunk/html5.js"</s cript>• <![endif]-->••* 如何区分HTML5： DOCTYPE声明\新增的结构元素\功能元素•简述一下你对HTML语义化的理解？•用正确的标签做正确的事情。
•html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;•即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的; •搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;•使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
•HTML5的离线储存怎么使用，工作原理能不能解释一下？•在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。
•原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。
之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。
••如何使用：•1、页面头部像下面一样加入一个manifest的属性；•2、在cache.manifest文件的编写离线存储的资源；•CACHE MANIFEST•#v0.11•CACHE:• js/app.js• css/style.css• NETWORK:• resourse/logo.png• FALLBACK:• / /offline.html•3、在离线状态时，操作window.applicationCache进行需求实现。
•浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？•在线的情况下，浏览器发现html头部有manifest属性，它会请求manifest 文件，如果是第一次访问app，那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。