金三银四前端面试汇总
2021-03-12 本文已影响0人
彼得潘北北
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外， 还擅长什么，优点、技术之类的
- 我问了很多边边角角的问题，你觉得是为难你吗
- 我为什么要问这些问题
