2023最新WEB前端面试题大汇总(含答案)

大盗夕落

已于 2023-02-16 14:20:57 修改

阅读量498

点赞数

分类专栏：面试题笔记文章标签：前端 css javascript

于 2023-02-14 14:50:20 首次发布

本文链接：https://blog.csdn.net/weixin_45621877/article/details/129026482

版权

文章目录

上下左右居中

<body>
    <div class="box"></div>
      
      <style>
          html,body{
     width: 100%; height: 100%;} 
           //这里一定要设置html和body同时宽高100%   第一句
          
        body{
   
            display: flex; }  //第2句
      .box {
   
        width: 200px;
        height: 200px;
        border: 1px solid;
        margin: auto;   //第3句
      }
      </style>


</body>

padding和margin的区别

两者针对的对象不同，padding：针对自身，margin:针对外部对象

vw和%的区别

vw只和屏幕的宽有关系，%继承父元素，如果父元素是50%，咋子元素 50% 就是父元素的一半，而vw永远只针对屏幕宽度，不继承父元素

行内元素和块级元素

行内元素宽由内容决定，块元素宽继承父元素

chrom浏览器支持小字体

transform:scale(0.5) ;    //   6px

let 与var

提倡使用let
var缺点 1. 声明提升，2. 没有局部作用域，3. 声明覆盖

深拷贝与浅拷贝

浅拷贝

let arr=[1,2,3]
let newarr = arr   
newarr.push(4)
console.log(arr)   //[1, 2, 3, 4]
console.log(newarr)  //[1, 2, 3, 4]

深拷贝针对一维数组对象可以看作是深拷贝，二维的不行

let arr=[1,2,3]
let newarr =[...arr]
newarr.push(4)
console.log(arr)   //[1, 2, 3]
console.log(newarr)  //[1, 2, 3, 4]

JSON.parse(JSON.stringify(  ))

深拷贝代码

const object = {
   
     ff:'name',
     gg:1,
     obj1:{
   str

最低0.47元/天解锁文章

大盗夕落

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
2023最新WEB前端面试题大汇总(含答案)

vw只和屏幕的宽有关系，%继承父元素，如果父元素是50%，咋子元素 50% 就是父元素的一半，而vw永远只针对屏幕宽度，不继承父元素。两者针对的对象不同，padding：针对自身，margin:针对外部对象。var缺点 1. 声明提升，2. 没有局部作用域，3. 声明覆盖。行内元素宽由内容决定，块元素宽继承父元素。
复制链接

扫一扫

专栏目录