前端最基础的就是HTML+CSS+Javascript。掌握这三项技术算是入门,但也只是入门而已。现在前端开发的定义远不止于此。前端小课堂(HTML/CSS/JS),本着提高技术水平,夯实基础知识的中心思想,开课(每周四)。Manifest是一种应用缓存机制,基于它可以实现离线访问。已被网络标准淘汰,当然浏览器仍然支持它。https://www.caniuse.com/#feat=mdn-html_elements_html_manifest测试地址-控制台打印Manifest的能力离线访问更快的加载速度和更低的流量损失Manifest如何使用html文件部分在标签上指定manifest属性,值为文件地址manifest文件部分CACHEMANIFEST#v1.0.0/static/js/public_header.js/static/js/falseReport.js/static/js/utils.js/static/css/normalize-8.0.0.css/static/img/wx-linong.jpgNETWORK:*FALLBACK://404.htmlCACHEMANIFEST需要缓存的请求NETWORK:需要缓存的请求访问网络,可以使用通配符*,即访问网络除了需要缓存的部分。nomanifestfileisspecified_IDLE_(空闲):用于表示尚未指定清单文件已指定清单文件并已缓存并可用。_CHECKING_:检查更新。_DOWNLOADING_:清单更新后,重新下载所有资源。_UPDATEREADY_:新版本缓存下载完成,一切准备就绪。立即触发事件updateready。_OBSOLETE_(过时):应用程序缓存已被丢弃。applicationCache是操作应用程序缓存的接口。status对应于缓存状态。on*对应所有可以监听的事件,也对应每个阶段的update()主动触发更新。当然这次更新也是为了检测manifest文件。abort()主动终止更新swapCache()将缓存源切换到最新版本。比如一个页面开始只缓存a.js。调用update()后,添加了b.js,但是默认规则下没有b.js。所以可以使用swapCache()来切换。ApplicationCache事件监听applicationCache.oncached=function(){console.log('oncached',arguments)}applicationCache.onchecking=function(){console.log('onchecking',arguments)}applicationCache.ondownloading=function(){console.log('ondownloading',arguments)}applicationCache.onerror=function(){console.log('onerror',arguments)}applicationCache.onnoupdate=function(){console.log('onnoupdate',arguments)}applicationCache。onobsolete=function(){console.log('onobsolete',arguments)}applicationCache.onprogress=function(){console.log('onprogress',arguments)}applicationCache.onupdateready=function(){console.log('onupdateready',arguments)}注意事项清单缓存不同于浏览器缓存。不同的清单缓存是不同的。更新机制取决于清单文件的变化。因为manifest缓存依赖于manifest的变化,尽量少缓存资源,否则每次更新都会更新很多资源。清单缓存当前的HTML。微信公众号:前端力农参考前端培训目录,前端培训规划,前端培训计划