金三银四前端面试汇总

CSS

  • div不定宽高,如何实现宽高比例1:1
  • div不定宽高,实现垂直居中
  • div不知道宽高且display:none,在不影响可视区布局的情况下,怎么获取宽高
  • 假如宽高固定100px,获取到的拷贝的元素的宽高就一定是100吗
  • 盒模型
  • ie8兼容
  • css浏览器兼容前缀
  • 一个div从页面的左边平移到右边,如何实现?哪种性能更好
  • 弹性盒子都有哪些属性,包括子元素
  • flex:1,什么含义,默认值是什么
  • 如何实现一个平行四边形
  • 如何实现垂直方向三栏布局
  • 除了px、rem还用过哪些css单位
  • sass的extend和include有什么区别,都用过sass什么功能
  • 伪类选择器和伪元素选择器哪个级别高
  • 如何实现响应式布局
  • rem怎么设置,meta里的属性含义
  • opacity0、visibility:hidden、display:none区别

JS

  • 浅拷贝、深拷贝区别
  • 如何实现深拷贝
  • 基本数据类型与复杂数据类型区别
  • 原型及原型链
  • let、const、var区别
  • 用过es6哪些数组方法
  • 数组哪些方法可以改变自身
  • 防抖和节流如何实现
  • 箭头函数
  • 有没有用过babel,是怎样将es6编译成es5的
  • 都有哪些方式可以创建对象
  • 时间复杂度了解吗
  • es6和ts有什么区别
  • this指向,如何改变this指向
  • fetch和axios有什么区别
  • 修饰器是什么,怎么使用
  • 闭包是什么?什么情况下使用闭包
  • ts泛型是什么

VUE

  • vuex常用api,项目有哪些数据会写进vuex
  • v-show和v-if区别
  • 组件通信:父子、兄弟、跨级
  • 子组件是否可以改变父组件的值
  • vue编译原理及更新过程
  • Vue双向绑定怎么理解?双向绑定是什么?如何实现?
  • 如果初始化一个v-model2应该怎么写?
  • react和vue区别,谁更快,性能更好
  • Vue性能优化
  • webpack是什么?干什么用的
  • 本地起一个服务,webpack在本地可以当一个服务器使用吗
  • 刷新页面vuex数据没了怎么处理
  • vue-router路由原理
  • vue-router跳转路由,有哪些传参方式
  • Vue.set原理
  • $nexttick
  • commonJs和ES6的module有什么区别
  • 对mvvm的理解,和普通开发有什么区别
  • 为何data必须是一个函数
  • 自定义v-model了解吗
  • 插槽

算法

  • 快排与冒泡的区别,谁更快
  • 两个有序数组合并成一个有序数组
  • 在1080px的页面上截取一个30x30的小方块,如何匹配查找到小方块的坐标
  • 实现一个sleep函数

HTTP

  • 301、302区别
  • for循环里从1到10000有两个setTimeout输出(i),输出顺序会如何
  • 响应报文、请求报文都有哪些
  • 浏览器缓存,强缓存/协商缓存
  • 强缓存生效,network里会怎么显示?http码显示多少?
  • etag是怎么生成的
  • md5是什么?会生成什么?用来干什么?
  • 一个G的音频文件用md5会变成什么
  • 跨域怎么解决,有几种方法
  • 为什么跨域会有两个请求
  • 前端怎么处理安全问题
  • 传输数据,如何保证数据安全性
  • 事件循环机制

页面渲染

  • 重排、重绘
  • 服务端渲染了解吗
  • 页面优化,可以从哪几个方面优化?
  • 项目中用过哪些优化
  • 如何看待页面的性能参数
  • performance常用的属性

其他

  • 自我认为挑战过的最难问题是什么?
  • 除了vue外, 还擅长什么,优点、技术之类的
  • 我问了很多边边角角的问题,你觉得是为难你吗
  • 我为什么要问这些问题
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容