前端知识每日3+1_第4天

- [html] [HTML5的文件离线存储怎么使用，工作原理是什么？](https://github.com/haizlin/fe-interview/issues/10)
- [css] [CSS选择器有哪些？哪些属性可以继承？](https://github.com/haizlin/fe-interview/issues/11)
- [js] [写一个方法把下划线命名转成大驼峰命名](https://github.com/haizlin/fe-interview/issues/12)

HTML：

HTML5 的离线存储
[HTML5 存储方式](https://segmentfault.com/a/1190000011516871)
[HTML5 离线存储原理](https://segmentfault.com/a/1190000006984353)

离线存储是在 HTML 5 中创建 `cache manifest` 文件来实现 Web 应用的离线版本的。

离线存储有这么几个好处：**没有网络时可以浏览**、**加快资源的加载速度**、**减少服务器负载**

离线存储的相关配置在 `.appcache` 文件中。
通过配置 `CACHE MANIFEST`, `NETWORK`, `FALLBACK` 来控制需要被缓存的文件。
JavaScript 也暴露了 `applicationCache` API 让我们手动进行缓存的刷新。

CSS：

通配符
id
class
标签
后代选择器
子选择器
兄弟选择器
属性选择器
伪类选择器
伪元素选择器
可以继承的属性
font-size
font-weight
font-style
font-family
color

font-size,
font-weight,
font-style,
font-family,
color,
text-indent,
text-align,
line-height,
word-spacing,
letter-spacing,
color,
direction,
text-transform,
cursor

JS：

// 首先还是先分析
// 目的效果是这样的 'app_name' 变成 'appName'
// 首先判断所给的字符串格式是否正确
// 将字符串通过方法 split 分切成一个数组
// 再根据数组的 reduce(累加) 方法,将后一个元素的首字母变大写之后合并在一起

function changeStr(str){
   if(str.split('_').length==1)return;
   str.split('_').reduce((a,b)=>{
     return a+b.substr(0,1).toUpperCase() + b.substr(1)
   })
}

// 正则表达式
function strToCamel(str){
    return str.replace(/(^|_)(\w)/g,(m,$1,$2)=>$2.toUpperCase());
}