2024年最新HTML5 Web存储（localStorage与sessionStorage），大厂SQL面试题

最后

由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

if(!supportLocalStorage()){

alert(“您的浏览器不支持localStorage特性，请更新您的浏览器!”

}

支持localStorage的浏览器：IE 8+, Firefox 3.0+, Safari 4.0+, Chrome 4.0+, Opera 10.5+。

（2）Modernizr(http://www.modernizr.com/)是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发，同时又不会牺牲其他不支持这些新技术的浏览器的控制。modernizr通过JS检测浏览器对HTML5/CSS3的特性支持情况，支持某个属性，就在页面的标签上添加一个相应的class，不支持的话就添加一个no-前缀的class，比如，如果检测的浏览器支持video标签，modernizr就会在标签上添加video类，否则，添加no-video类。可用firebug之类的调试工具查看页面标签中的class。modernizr的用法很简单，仅仅在页面中引入库的js文件即可：

二、使用Web Storage

（1）localstorage方法

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

localstorage有setItem,getItem,removeItem,key,clear 5个方法，和length一个属性。localStorage中都是以 key/value的形式来存储数据的，存储的数据类型都是字符串，如果需要其他类型，需要自行转换。localStorage方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

如何创建和访问localStorage：

可以像对象字面量那样使用Web Storage：

localStorage.fresh = “vfresh.org”;   //设置一个键值

var a = localStorage.fresh;   //获取键值

delete localStorage[  //删除键值

或者使用它的API：

localStorage.setItem(“fresh”,“vfresh.org”); //设置一个键值

localStorage.getItem(“fresh”); //获取一个键值

localStorage.key(0); //获取指定下标的键的名称（如同Array）

localStorage.removeItem(“fresh”); //删除一个键值

localStorage.clear(); //清空storage

字面量方式比API更高效，也更方便，所以你懂的。

下面的例子对用户访问页面的次数进行计数：

（2）sessionStorage方法
下面是我在学习HTML和CSS的时候整理的一些笔记，有兴趣的可以看下：

进阶阶段

进阶阶段，开始攻 JS，对于刚接触 JS 的初学者，确实比学习 HTML 和 CSS 有难度，但是只要肯下功夫，这部分对于你来说，也不是什么大问题。

JS 内容涉及到的知识点较多，看到网上有很多人建议你从头到尾抱着那本《JavaScript高级程序设计》学，我是不建议的，毕竟刚接触 JS 谁能看得下去，当时我也不能，也没那样做。

我这部分的学习技巧是，增加次数，减少单次看的内容。就是说，第一遍学习 JS 走马观花的看，看个大概，去找视频以及网站学习，不建议直接看书。因为看书看不下去的时候很打击你学下去的信心。

然后通过一些网站的小例子，开始动手敲代码，一定要去实践、实践、实践，这一遍是为了更好的去熟悉 JS 的语法。别只顾着来回的看知识点，眼高手低可不是个好习惯，我在这吃过亏，你懂的。

1、JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

2、前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

以 Vue 为例，我整理了如下的面试题。

c0)**

以 Vue 为例，我整理了如下的面试题。