记住 88 条精简前端面试题，让面试成为享受 前言HTML&CSSJavaScriptVUE2.xVUE3.xTypeScriptReact微信小程序uniapp网络性能相关项目相关浏览器工具其它

前言

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

HTML&CSS

---

盒模型、BFC、 清除浮动；

postiton定位5个值

水平/垂直居中、 两/三栏布局(圣杯双飞翼)、flex布局；

常见的块级/行内/空元素、CSS Hack、src与href的区别、link与@import区别

css3/H5新特性

浏览器兼容性问题

JavaScript

---

js中的三座大山:

原型与原型链作用域 闭包、this指针 垃圾回收和内存泄漏异步和单线宏任务微任务

js基础

数据类型 、手写深拷贝、类型判断数组方法、数组去重、 数组排序、数组扁平化、字符串深拷贝浅拷贝

高频面试题

for···in和for···of的区别 null和undefined区别this, call, apply, bind , 继承 、设计模式

DOM

js操作DOM

BOM

js操作BOM

事件

事件绑定、事件流、自定义事件 事件委托封装一个通用的事件绑定函数

Ajax

原生ajax创建步骤、jsonp的原理

存储

cookie、localStorage、sessionStorage

Es6

let, var, const 区别、 es6解构赋值 、箭头函数与普通函数区别、class与class继承promise使用及实现、async,await、generator函数 Es6中新的数据类型symbol、Es6中Set、WeakSet、Map、WeakMap数据结构es6模块规范 VUE2.x

更多vue基础内容(最全)

为何组件的data必须是一个函数、vue常用的指令、 v-if/v-show区别、vue生命周期

vue数据双向绑定原理、 Vue 虚拟 Dom 、vue diff算法

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

vue中Computed、Methods、Watch区别

mvvm和mvc

vue中的事件修饰符、

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

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

keep-alive

v-for中为何要使用key

slot、vue中的prop验证

vue中$nextTick()作用

vue修改数据页面不更新

vue2和vue3的区别

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

vue动画transition

vue中mixins(混入)的使用

vue项目如何部署到nginx服务器

VUE3.x vue3语法合成型API(Composition API)vue2与vue3双向数据绑定的区别vue3脚手架使用Vue3 ElementPlus Admin后台管理系统（二次开发） TypeScript TypeScript TypeScript参考文档 React 更新中… 微信小程序

微信小程序双向数据绑定,父子传参

小程序自定义组件封装

使用promise封装wx.request()

小程序生命周期钩子函数

微信小程序上拉加载更多(scroll-view组件)

小程序页面跳转有几种方式

微信小程序本地存储

小程序如何使用vant

小程序中的吸顶效果（小程序操作DOM）

小程序返回到顶部

微信小程序授权登陆

小程序微信支付流程

小程序发布流程

uniapp uni-app教程一（项目创建、tabbar配置、运行） uni-app教程二（微信开发者工具运行项目，icon字体使用，组件） uni-app教程三（全局模块util.js、全局变量、vuex） uni-app教程四（uni.requet()、网络模块封装） uni-app教程五（页面跳转、本地数据缓存） uni-app教程六（常用事件、生命周期） uni-app教程七（下拉刷新、上拉加载） 待更新.... 网络 常见的http状态码、HTTP和HTTPS区别、浏览器从输入url到页面加载完成发生了什么；前端安全（XSS、CSRF、sql注入)TCP连接(三次握手, 四次挥手)get与post区别 性能相关 vue项目最强优化图片优化图片懒加载路由懒加载节流防抖vue-cli4打包webapck优化vue项目首页优化vue开发seo优化 项目相关

vue-cli4+vant+rem+sass+vuex+axios封装+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应用)

vue项目如何打包以及如何变成android、ios应用程序

什么是RESTful API？

浏览器

---

浏览器内核浏览器如何渲染UIDOM Tree如何构建浏览器重绘与重排浏览器同源策略如何实现跨域 工具 git&gitHub Vue调试工具vue-devtools安装Chrome 性能调试工具 其它 推荐一款画流程图工具processon好工具一定要分享给最好的朋友

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。