前端面试题(三)

• html5 的文件离线储存怎么使用, 工作原理是什么?

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

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

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

HTML5 离线存储原理

---

• css 的选择器有哪些?哪些属性可以继承?

  选择器
  通配符: *
  id 选择器: #app
  class 选择器: .app
  兄弟选择器: +
  后代选择器: >
  属性选择器: [type='input']
  伪类选择器: ::before

  可以继承的属性
  font-size,
  font-weight,
  font-style,
  font-family,
  color,
  text-indent,
  text-align,
  line-height,
  word-spacing,
  letter-spacing,
  color,
  direction,
  text-transform,
  cursor

---

• 写一个方法把下划线命名转化为驼峰命名

  首先还是先分析
  目的效果是这样的 'app_name' 变成 'appName'

  1. 首先判断所给的字符串格式是否正确
  2. 将字符串通过方法 split 分切成一个数组
  3. 再根据数组的 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)
     })
    }

  面试题摘自 Github