前端面试题合集-看这一篇就够了|不断更新中...

487 阅读4分钟

超级学习资料

HTML

H5新特性
doctype的作用是什么
语义化标签
Script标签的 integrity 作用是什么



CSS

grid网格布局
flex布局
grid flex 属性区别
CSS哪些属性可以被继承
如何实现一个元素的水平垂直居中
div 垂直水平居中,并完成 div 高度永远是宽度的一半(宽度可以不指定
怎么画一个大小为父元素宽度一半的正方形?
CSS实现自适应正方形、等宽高比矩形
两栏布局的方式
实现三列布局的方式【圣杯布局和双飞翼布局】
CSS 动画有哪些?
visibility 和 display 的差别
opacity 可以有过渡效果嘛?
到底什么是 BFC、IFC、GFC 和 FFC
BFC原理
BFC会与float元素相互覆盖吗?为什么?举例说明
CSS盒模型
说一下你知道的position属性,都有啥特点
两个div上下排列,都设margin,有什么现象?
清除浮动有哪些方法?
---css大厂面试题合集---



JS

数据类型

数据类型有几种
原始数据类型、引用数据类型的区别
栈、堆的区别
数据类型检测的方式有哪些
判断数组的方式有哪些
isPrototypeOf
类型转换
四则运算符
比较运算符
toPrimitive
== vs ===

闭包/作用域/执行上下文

什么是闭包
循环中使用闭包解决 var 定义函数的问题
对作用域、作用域链的理解
执行上下文

原型和原型链

???????????自己参考技术蛋老师,还有5张打不开的图片,重新学习总结???????????????????

什么是原型、原型链
构造函数,原型和实例的关系

浅拷贝和深拷贝

什么是浅拷贝?如何实现浅拷贝?什么是深拷贝?如何实现深拷贝?
浅拷贝
深拷贝

ES6

es6面试题汇总
Object与Map的区别
Set
Map
Object的常用方法有哪些
Object.keys
map, filter, reduce
Proxy
模块化 AMD、CMD、CommonJS
var、let 及 const
this几种赋值学习
js-版本ES7、8、9、10、11、12
箭头函数
new操作的过程
new操作符和Object.create的区别

异步编程

回调函数
Generator
Promise
Promise
async await
Promise、Generator、Async三者的区别
并发(concurrency)和并行(parallelism)区别

EventLoop

同步和异步
单线程
Nodejs中process.nextTick和setImmediate
什么是事件循环
宏任务和微任务
promise与async函数
执行栈

手写代码

JS-call、apply、bind
手写new操作符
防抖
节流



VUE基础

生命周期
父子嵌套生命周期
VUE-组件通讯
EventBus
VUE指令v-show和v-if、computed、watch
观察者模式和发布订阅模式
vue中v-show和v-if的异同
v-html
计算属性 computed
watch
动态绑定类名和样式
插槽



VUE原理

vue2\3响应式原理
Vue3与2是如何监测数组变化的
VUE 虚拟DOM-diff算法
VUE-观察者模式和发布订阅模式



浏览器

事件

事件触发三阶段
addEventListener-参数
如何排查内存泄漏问题
事件代理
节流和防抖

跨域

什么是跨域
CSRF 攻击
跨域-JSONP
跨域-CORS
跨域-document.domain
跨域-postMessage

存储

cookie,localStorage,sessionStorage,indexDB
Service Worker

缓存

强缓存和协商缓存

渲染机制

dom cssom 渲染树 布局 绘制
防抖
节流

其他

Shim Polifill区别



项目

axios官网
axios, ajax和fetch的比较-官网
axios封装
axios
项目中怎么封装的fetch、axios?
formdata
浅谈axios及相关面试题解析
越来越火的网络请求Fetch和Axios到底有什么区别



埋点

Google Analytics - gtag.js
autotrack



性能优化

-常见的前端性能优化手段总结




Git

Git rebase
--continue\ --abort\ --abort
rebase 和 merge的区别
rebase 和 merge的总结
Git remote
Git submodule



Webpack

webpack规范
webpack的作用是什么
webpack的作用是什么
webpack的整个打包流程
Webpack 4 Tree Shaking
1.拆分配置、合并配置
2.如何使用 webpack-dev-server
3.如何处理样式
4.处理图片
5.多入口
6.抽离CSS
7.抽离公共代码



大厂团队

前端大厂团队
腾讯全端AlloyTeam 团队 Blog
淘系前端团队
美团技术团队
腾讯全端AlloyTeam-前端资源加载失败优化