前端面试题大全

前言

背的最少、说的最好。你的面试我帮你，本博客持续优化改进，请关注收藏。

浏览器

• 浏览器内核
• 浏览器如何渲染UI
• DOM Tree如何构建
• 浏览器重绘与重排
• 浏览器同源策略
• 如何实现跨域

HTML&CSS

• 盒模型、BFC、 清除浮动；

• flex布局、两/三栏布局、水平/垂直居中；

• css3动画、H5新特性。

JavaScript

• 数据类型 、数据类型判断 、this, call, apply, bind , 继承 、原型与原型链、设计模式
• let, var, const 区别、 promise使用及实现、async,await、generator函数
  
• 箭头函数与普通函数区别、Es6中新的数据类型symbol、Es6中Set、WeakSet、Map、WeakMap数据结构
• 闭包、垃圾回收和内存泄漏、数组方法、数组去重、 数组排序、数组扁平化、事件委托、事件监听、事件模型、暂时性死区、event、loop；
• 深拷贝浅拷贝
• 原生ajax创建步骤、jsonp的原理
• js异步之宏任务（marcroTask）和微任务（microTask）
  

VUE

• 更多vue基础内容(最全)

• mvvm和mvc

• vue常用的指令、vue中的事件修饰符、 v-if/v-show区别、vue生命周期

• vue自定义组件、vue自定义指令、自定义指令使用场景、vue自定义过滤器filter、

• vue数据双向绑定原理、 Vue Virtual Dom 和 Diff算法；

• vue组件通信、vuex、watch深度监听

• vue中Computed、Methods、Watch区别
  

• vue-router、vue脚手架本地开发跨域请求设置

• keep-alive

• slot、vue中的prop验证

• this.$nextTick()

• vue2和vue3的区别、

• vue中的provide和inject (依赖注入)、

• vue中mixins(混入)的使用
  

微信小程序

• 小程序组件封装
• 小程序wx.request封装
• 小程序生命周期钩子函数
• scroll-view组件的使用
• 小程序页面跳转有几种方式
• 微信小程序本地存储
• 小程序如何使用vant
  
• 微信小程序授权登陆

uniapp

• uni-app教程一（项目创建、tabbar配置、运行）
  
• uni-app教程二（微信开发者工具运行项目，icon字体使用，组件）
  
  待更新....

网络

• 常见的http状态码、HTTP和HTTPS区别、
• 浏览器从输入url到页面加载完成发生了什么；
• 前端安全（CSRF、XSS）
• 前端跨域、浏览器缓存、cookie, session, token, localstorage, sessionstorage；
• TCP连接(三次握手, 四次挥手)
• get与post区别

性能相关

• 节流防抖
• 图片优化的方式
• 500 张图片，如何实现预加载优化
• 懒加载具体实现
• 减少http请求的方式
• webpack如何配置大型项目

项目相关

• 图片懒加载

• axios拦截与api接口封装

• 路由拦截

• [多环境变量配置]

• 支付问题

• 登陆鉴权

• websocket实现客服聊天功能

• 第三方登录

• -vue全家桶+Echarts+百度地图，搭建数据可视化系统
  

• Vue+Element后台管理系统导入导出Excel
  

• js实现放大镜功能

• element-ui自定义表单校验规则及常用表单校验
  

• el-form实现表单和图片手动上传和校验

• require与import的区别和使用(CommonJS规范和es6规范)

• app分类WebApp、HybridApp、 NativeApp，webapp开发框架

• 使用Hbuilder打包前端网站为WebApp(Android,ios应用)
  

其它

• 推荐一款画流程图工具processon