2022前端面试题集合

1、前端基础

1.1 HTTP/HTML 浏览器.

  • 说一下 http 和 https
  • tcp三次握手,一句话概括
  • TCP和UDP 的区别。
  • Websocket 的实现和应用
  • HTTP 请求的方式,HEAD 方式
  • -个图片 url 访间后直接下载怎样实现?
  • 说一下 web Quality (无障碍)
  • 几个很实用的 BOM 属性对象方法?
  • 说一下 HTML5 drag api
  • 说一下 htp2.0.
  • 补充 400 和401、403 状态码
  • fetch 发送2次请求的原因。
  • Cookie、sessionStorage、localStorage 区别
  • 说一下 web worker

1.2 CSS.

  • 说一下css 盒模型。
  • 画一条 0.5px 的线。
  • link 标签和 import 标签的区别
  • transition 和 animation 的区别.
  • Flex布局
  • BFC(块级格式化上下文,用于清楚浮动,防止margin 重叠等)
  • 垂直居中的方法.
  • 关于 JS 动画和 css3 动画的差异性
  • 说一下块元素和行元素.
  • 多行元素的文本省路号.
  • visibility=hidden.、opacitv=0、 display:none
  • 双边距重叠问题(外边距折叠)

1.3 JS

  • 什么是事件监听
  • 介绍一下 promise、及其底层如何实现
  • 说说C++,Java, JavaSeript 这三种语言的区别
  • JS 原型链,原型链的顶端是什么?0bject 的原型是什么?0bject 的原型的原型是什么?在数组原型链上实现删除数组重复数据的方法.
  • 什么是js 的闭包?有什么作用。用闭包写个单例模式
  • promise generator async 的使用
  • 事件委托以及冒泡原理。
  • 写个函数,可以转化下划线命名到驼峰命名。
  • 深浅拷贝和浅拷贝的区别和实现
  • JS中string 的 startwith 和 indexof 两种方法的区别。
  • JS字符串转数字的方法
  • let const var 的区别,什么是块级作用城,如何用 ES5 的方法实现块级作用城(立即执行两数),ES6 呢
  • ES6 箭头函数的特性
  • setTimeout 和 Promise 的执行顺序.
  • 有了解过事件模型吗,DOM0 级和DOM2 级有什么区别,DOM的分级是什么。
  • 平时是怎么调试 JS的。
  • JS基本数据类型和引用教抿类型的区别.
  • get 请求传参长度的误区
  • 补充 get 和 post 请求在缓存方面的区别.
  • 说一下闭包
  • 说一下类的创建和继承.
  • 如何解决异步回调地狱.
  • 说说前端中的事件流。
  • 如何让率件先冒泡后捕获,
  • 说一下事件委托
  • 说一下图片的懒加载和预加载。
  • mouseover 和mouseenter 的区别。
  • JS的 new 操作符做了哪些事情.
  • 改变的数内部 this 指针的指向函数(bind. apply. call 的区别)
  • axios 是什么?怎样使用它?怎么解决跨城的问题?
  • JS的各种位置,比如 clientHeight,scrollHfeight,offsetHeight,以及 scroll offsetTop.clientTop 的区别?
  • JS拖拽功能的实现
  • Aiax 解决浏览器缓存向题.
  • JS的节流和防抖.
  • JS 中的垃圾回收机制
  • eval 是做什么的。
  • 如何理解前端模块化
  • 说说你对 proxy 的理解
  • 对象深度克隆的简单实现
  • 说一下 CommonIS. AMD 和CMD.
  • 实现一个 once 函数,传人两数参数只执行一次
  • 将原生的ajax 封裝成 promise
  • JS监听对象属性的改变.
  • 如何实現一个私有变量,用getName 方法可以访问.不能直接访间…

React

  • 在React 中,refs 的作用是什么?
  • 何为高阶组件(higher order component)?
  • 使用箭头函数(arrow functions)的优点是什么?
  • 为什么建议传递给 setState 的参数是一个calback 而不是一个对象?
  • 除了在构造函数中绑定 this, 还有其它方式吗?
  • 怎么阻止组件的渲染?。
  • 当渲染一个列表时,何为 key?设置 key 的目的是什么?
  • 何为 JSX?
  • React 组件的划分业务组件技术組件?
  • redux 有什么缺点
  • React 生命周期函數。
  • React 性能优化是哪个周期函数?

Vue 框架.

  • 有使用过 Vue 吗?说说你对Vue 的理解.
  • 说说 Vue 的优续点
  • Vue 和React 有什么不同?使用场最分别是什么?
  • 什么是虚拟 DOM?
  • 请描述下 vue 的生命周期是什么?
  • vue 如何监听键盘事件?
  • watch 怎么深度监听对象变化
  • 删除数组用 delete 和 Vue.delete 有什么区别?
  • watch 和计算属性有什么区别?
  • Vue 双向绑定原理,
  • v-model 是什么?有什么用呢?
  • 在vue 项目中如何引人第三方库(比如 jQuery)?有哪些方法可以做到?
  • 异步加载 JS的方法
  • Vue3.0 里为什么要用 Proxy API 替代 defineProperty API?
  • Vue3.0 编译做了哪些优化?
  • Vue3.0 新特性-
  • Composition API 与 React.js 中 Hooks 的异同点.159
  • Vue3.0 是如何变得更快的?(底层,深码)
  • vue 要做权限管理该怎么做?如果控制到按钮级别的权限怎么做?
  • vue 在created 和mounted 这两个生命周期中请求数据有什么区别呢?
  • Vues.0 编译做了哪些优化?
  • watch 怎么深度监听对象变化
  • vue3 的Block Tree 是什么,静态标记
  • vue3.0 优化了slot 的生成。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值