前端基础面试2.0

南风北

于 2022-10-24 16:50:47 发布

阅读量428

点赞数

分类专栏： js基础文章标签：前端 html javascript 1024程序员节

本文链接：https://blog.csdn.net/weixin_48962287/article/details/125897651

版权

本文列举并解答了前端面试中常见的29个问题，涵盖HTML、CSS、JavaScript、存储、SEO等多个方面，如左侧固定右侧自适应的实现、localstorage与sessionstorage的区别、快速排序、箭头函数、Promise的使用、闭包的概念以及CSS盒模型等。

摘要由CSDN通过智能技术生成

1.问：如何实现左侧固定，右侧自适应？

答：left：width：100px;方法很多种：

（1）左侧宽100，右侧flex：1自适应

（2）左侧宽100，右侧width：calc(100 - 100px) ;

（3）左侧浮动，右侧浮动，width：calc(100 - 100px) ;

2.问：localstorage，sessionstorage，cookie的区别

答：

（1）session是什么意思？会话。所以他存在的时间是一次会话，浏览器关闭，sessionstory会清空。大小约为5mb

（2）localstory：如果不删除，存储将一直存在于浏览器端。大小约为5mb

（3）cookie：需要设置时间，时间到会自动销毁。大小为4k

三者的共同点：

都保存在浏览器端，并且是同源的。

localstorage存储的限制：

（1）浏览器的隐私模式下不可读取

（2）本质上是对字符串的读取，存储内容过多的话会造成页面卡顿

（3）不能被爬虫获取

3.快速排序

思路：将数组从中间分开

let arr = [1,2,5,4,3,6,8,7]
function quick(){
    if(arr.length<=1){
        return arr
    }else{
        let contentIndex = Math.floor(arr.length/2);
        let contentValue = arr.splice(contentIndex,1)[0];
        
        let leftArr = [];
        let rightArr = [];
        for( let i = 0; i < ar