2021-03-25

html

H5的文件离线存储怎么使用，工作原理是什么？

https://segmentfault.com/a/1190000000732617?utm_source=sf-related

https://segmentfault.com/a/1190000006984353?utm_source=sf-related

原理：H5的离线存储是基于一个新建的 .appcache 文件的缓存机制(不是存储)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示

如何使用

1、页面头部加入一个mainfest属性

2、在 cache.mainfest 文件编写离线缓存的资源
```
<!DOCTYPE HTML>
<html manifest = "cache.manifest">
...
</html>
```
```
CACHE MANIFEST
#v0.11

CACHE:

js/app.js
css/style.css

NETWORK:
resourse/logo.png

FALLBACK:
/ /offline.html
```

css

css 选择器有哪些，哪些属性可以继承？

https://blog.csdn.net/sjinsa/article/details/70768483

js

写一个方法把下划线命名转成大驼峰命名

function formatHump(str){
  if(!str||str===' '|| typeof str !== 'string'){
    return false;
  }else{
      return str.split('_').map(item=>{
          return item[0]&&item[0].toUpperCase()+item.substr(1)
      }).join('')
  }
}

console.log(formatHump('_a_b_cd_ef')); // "ABCdEf"

2021-03-25

html

css

js

推荐阅读更多精彩内容