智一面gtalent-前端面试问题与技巧性答复(07)

智一面为您提供模拟练习题：

浏览器渲染过程

1. 首先获取html，然后构建dom树
2. 其次根据css构建render树，render树中不包含定位和几何信息
3. 最后构建布局数，布局是含有元素的定位和几何信息

本地存储的生命周期是什么？

本地存储没有生命周期，它将保留直到用户从浏览器清除或者使用Javascript代码移除。

HTML5中的本地存储概念是什么？

本地存储是把网页上的某些数据按照键值对的方式存放在浏览器里面 一个域最多可以存5M数据 不区分离线还是在线 这些被存的数据都会一直在浏览器里面 除非手动清除数据 。

我们如何从本地存储中添加和移除数据？

数据添加到本地存储采用键值对，以下示例显示了城市数据”北京”添加了键”test”

• localStorage.setItem("test","北京");
• 从本地存储中检索数据我们可以提供键名并使用”getItem”方法
• localStorage.getItem(“test");

如果你想存储Json格式，你可以使用“JSON.stringify”方法，如下所示：

通过浏览器可以查看

var country = {};

     country.name = "中国";

     country.code = "I001";

     //localStorage.setItem("I001", country);

     //var country1 = localStorage.getItem("I001");

     localStorage.setItem("I001",JSON.stringify(country));

     localStorage.getItem(“I001");

     移除本地存储：localStorage.removeItem(指定键)

           localStorage.removeItem(“I001");

如何实现浏览器内多个标签页之间的通信? 

调用localstorge、cookies等本地存储方式

智一面|热门IT岗面试题集锦