前端面试题小结

前端面试题小结

1.HTML5的离线储存怎么使用，工作原理能不能解释一下?

在HTML5中，利用浏览器cache缓存机制来离线存储一些资源，可以让用户在离线的情况下也能浏览Web App的部分页面。
优势：离线浏览、已经缓存的资源加载得更快、减少服务器负载（浏览器将只从服务器下载更改过的资源）

1. 在html中头部加入一个manifest属性

... 2. 在cache.manifest文件里编写要离线储存的资源 CACHE MANIFEST #v0.11 // 表示离线储存的资源列表，由于包含manifest文件的页面将被自动离线存储，所以不需要把页面自身也列出来。 CACHE: JS/app.js Css/style.css // 表示在它下面列出来的资源只有在在线的情况下才能访问，他们不会被离线存储，所以在离线情况下无法使用这些资源。 NETWORK: Resourse/logo/png // 表示如果访问第一个资源失败，那么就使用第二个资源来替换他，比如下面这个文件表示的就是如果访问根目录下任何一个资源失败了，那么就去访问offline.html FALLBACK: Offline.html 3.在离线状态时，操作window.applicationCache进行需求实现

2.js字符串操作函数?

1.字符串转换的三种方法

var num=24;
var mystr=num.toString();    //"24"
var mystr1=String(num);    //"24"
var mystr2="" + num;    //"24"

2.charAt 返回指定索引出的字符

var str='abcd';
var a=str.charAt(0);
console.log(a);   //'a'
console.log(str);   //'abcd'

3.charCodeAt 返回指定索引出的unicode字符

str.charCodeAt(0);   //97

4.indexof 判断一个字符第一次出现在某个字符串的索引，如果包含返回它的索引，如果不包含返回-1

str.indexOf('a');     //0
str.indexOf('e');     //-1

5.lastIndexOf 判断一个字符最后一次出现在某个字符串的索引，如果包含返回它的索引，如果不包含返回-1

str.lastIndexOf('b');   //1
str.lastIndexOf(