2021前端高频面试题(一定要看哦!!!)

烈酒焚心 提交于 2020-11-07 09:39:54

html5部分:

	html5新增属性有哪些?
	如何理解语义化标签?
	你如何看待前端模块化的?
	如何看待前后端分离?
	浏览器兼容性问题?
	你知道的行内元素、块级元素有哪些?
	id与class有什么区别??

css部分:

	为什么要初始化css样式?
	link和@import的区别?
	css的样式优先级?
	盒子模型?
	如何清除浮动?
	如何让元素水平垂直居中?

常用布局方式:

  • 浮动布局:float:left/right

  • 定位布局:
    position:static:静态布局
    absolute:绝对定位
    relative:相对定位
    fixed:固定定位
    sticky:粘滞定位




  • 伸缩盒布局:
    display:flex;

使用原因:当使用float让块级元素在一行显示时,浏览器等比例缩放,打乱,原因是,浏览器缩小时,元素的内容缩小,而边框和外边距不会缩小,整体会超出父元素,使得布局打乱。
  • 栅格布局:
    引用bootstrap需要的组件即可

js部分:

  • js的数据类型有哪些?

  • 深复制、浅复制?

  • var、let、const的区别??

  • 字符串,数组常用的方法??

  • 数组去重(splice,set,indexOf)??

  • 继承有哪几种方式(原型链继承,构造函数继承,组合继承)

  • 跨源问题

  • 前端存储主要有哪些方式,有什么区别(sessionStorage,localStorage,cookie)

  • 超时调用(setTimeout)和间歇调用(setInterval)有什么区别?

  • call和apply有什么区别?

  • 闭包?

  • 事件代理?

  • this?

Vue部分:

  • vue的声明周期
  • 为什么要用vue??
  • vue是如何实现数据双向绑定的(数据驱动框架,基于mvvm模式)
  • 说说你对状态机vuex的理解
  • 描述下vue-router的工作原理?
  • 组件之间是如何通讯的(父子组件之间,兄弟组件之间)
  • computed和watch的区别?什么场景下用?
  • 你是如何理解插槽(slot)的?
  • 自定义指令(directive)?
  • 路由模式(hash和history的区别)?
  • axios与jquery的区别?
  • less预编译语言与css的区别?为什么要使用less
  • v-if与v-show有什么区别?
  • key?
  • 状态机vuex?

es6部分:

  • Promise
  • es6新增特性有哪些?
  • 箭头函数和普通函数的区别?
  • 解决异步问题(封装函数、generator函数,异步函数async)

html5 Api 和jquery部分:

  • 画布canvas
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!