document.write(localStorage.lastname);
可以像对象字面量那样使用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方法
sessionStorage 方法针对一个session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。
如何创建并访问一个sessionStorage：
下面的例子对用户在当前session 中访问页面的次数进行计数：
框架相关
原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。
在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Vue框架
知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式
React框架
知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由
识**
2. React 组件
3. React Redux
4. React 路由
[外链图片转存中…(img-HypO6mAV-1714288119847)]
