web前端培训：移动web离线应用

今天的web前端培训，我们说一下移动web离线应用。在过去很长一段时间里，浏览器端的应用程序无法完全与APP相媲美，一个重要的原因在于，如果断了网，浏览器端的程序就无法运行，所有的工作都必须停止，而HTML5的离线应用功能，改变了这一现状。

HTML5使用Application Cache接口提供应用程序缓存技术，这意味着Web应用可进行缓存，并在没有网络的情况下轻松地创建离线应用。Application Cache是从浏览器的缓存中分出来的一块缓存区，要想在这块缓存中保存数据，可以使用一个描述文件列出要下载和缓存的资源，并且通过该缓存的状态手动更新资源文件的缓存。离线缓存功能的使用有一个前提，就是需要访问的Web页面至少被在线访问过一次。

使用Application Cache缓存接口的优势如下:

(1)实现离线浏览:用户可在离线时浏览完整的网站。

(2)更快的加载速度:缓存资源为本地资源，因此加载速度较快。

(3)服务器负载更少:浏览器只会从发生了更改的服务器下载资源。

那么，离线应用的存储方式和2.1节中讲解的Web Storage有什么区别? localStroage支持String类型的数据的持久化，是否也可以做离线缓存?

Web Storage主要用于浏览器缓存，而Application Cache用于存储静态资源，其中localStorage在某个场景下可用于离线存储，例如，向客户端保存用户名和密码，但是相比Application Cache而言有局限性。对于离线应用，需要缓存的不仅是字符串，还有一些应用程序、图片、CSS 文件等，实现这些功能，使用Application Cache更合适。

另外，离线存储与浏览器缓存的区别在于:离线存储为Web提供服务，而浏览器缓存只缓存单个页面;离线存储可以指定需要缓存的文件，浏览器缓存无法指定。

云和数据ICT职业教育发挥公司产业化优势与技术积淀，整合国内外优秀师资，累计自主研发230余项教辅、教材，300余项实践教学案例与实训平台，采用六位一体项目制教学模式，年培养高端ICT技术人才超10000人，累计为企业输送高端泛ICT技术人才超9万人，学员60%来自于口碑推荐。云和数据人才培养技术方向涵盖大数据、JAVA软件工程、UI用户体验设计、前端开发、软件测试、智能制造、虚拟现实、云计算、人工智能九大方向，以九大精品课程为基础，八大就业基地为依托，一次就业率99.02%，61.9%就业薪资超1W，以大数据为首的精品专业平均薪资13.25K。