记住 88 条精简前端面试题,让面试成为享受
前言
背的最少、说的最好。你的面试我帮你,本博客持续优化改进,请关注收藏。
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?
浏览器
- 浏览器内核
- 浏览器如何渲染UI
- DOM Tree如何构建
- 浏览器重绘与重排
- 浏览器同源策略
- 如何实现跨域
工具
- git&gitHub
- Vue调试工具vue-devtools安装
- Chrome 性能调试工具
其它
- 推荐一款画流程图工具processon好工具一定要分享给最好的朋友