web前端2022面试题

381 阅读2分钟

css

1:positon的属性有哪些 ?position relative absolute fixed sticky

2:Flex布局使用

  • flex-direction 属性决定主轴的方向 row | row-reverse | column | column-reverse;
  • flex-wrap
  • flex-flow
  • justify-content
  • align-items
  • align-content

3:css 伪类 before after 新增的伪类有哪些 has()

4: 谈一谈 css 盒模型

5:块元素和行内元素、行内块元素的区别

块元素的特点

  • 自己独占一行
  • 高度,宽度、外边距以及内边距都可以控制。
  • 宽度默认是容器(父级宽度)的 100%
  • 是一个容器及盒子,里面可以放行内或者块级元素

行元素的特点

  • 相邻行内元素在一行上,一行可以显示多个
  • 高、宽直接设置是无效的
  • 只可以设置水平方向的外边距
  • 默认宽度就是它本身内容的宽度
  • 行内元素只能容纳文本或则其他行内元素

6:display都有哪些属性

image.png

image.png

js

1:JavaScript的数据类型有哪些?描述一下,且怎么判断变量的类型 typeof instanceof ## Object.prototype.toString.call 判断数组Array.isArray 判断对象,Object.keys Undefined 、 Null 、 Boolean 、 Number 、 String 、 Object 、 Symbol 、 BigInt 。

  • Symbol 代表独一无二的值,最大的用法是用来定义对象的唯一属性名。
  • BigInt 可以表示任意大小的整数。 值类型是直接存储在**栈(stack)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储; 引用类型存储在堆(heap)**中的对象,占据空间大、大小不固定。如果存储在栈中,将会影响程序运行的性能;

2:原型链的理解

3:闭包函数 

4:Es6常用数组操作方法 filter、some、every、reduce、from、of、find、findIndex、includes、sort(排序的逻辑)、fill

5:map,forEach的区别、every和some的区别、find和findIndex的区别

6:遍历器iterator和 for of

7:Map、Set数据结构

8:Promise的有哪些状态(pending、fulfilled、rejected)?常用的方法有哪些(then、catch、finally、all、race、any)

  • Promise 如何一次进行多个异步请求 Promise.all
  • Promise.all 的返回机制是什么? 方法只适合所有异步操作都成功的情况,如果有一个操作失败,就无法满足要求。
  • 如果想要其中一个请求出错了但是不返回结果怎么办Promise.allSettled

9:写一个通用方法,同步函数同步执行,异步函数异步执行,Promise.try

image.png

image.png

image.png

10:字符串常用的方法 includes、startsWidth、endsWidth、repeat、

11:减少重复请求如何?

Vue

juejin.cn/post/704307…