2021前端面试必问内容持续更新中...

Posted 2021-09-29 水香木鱼

一、html和CSS

Less和Sass的区别

前端自适应布局有哪些方法

Flex布局

src和href的区别

响应式布局

px转换rem的方式

px/em/rem的区别

1px问题如何解决？

position

二、javascript

数据类型、数据类型判断 、数据类型转换、类型转换 (number、null和undefined、object、Array)、null和undefined的区别

原型和原型链

作用域和作用域链

对象和面向对象

new的原理

闭包、闭包的应用场景、内存泄露、垃圾回收机制

this、this的应用场景、this关键字

数组、检测数组方法、数组方法的应用场景、将伪数组转换为真数组、数组排序、数组去重

for of …for in

深拷贝与浅拷贝

generator 生成器

Iterator 遍历器

this,bind,call,apply三者之间的区别

变量提升

jsonp原理

filter 过滤器

Ajax原生写法

JS的设计模式

三、ECMAScript

ES6新特性/新增的模块

ver、let、const的区别

箭头函数与普通函数的区别

（）与｛｝有什么区别

解构赋值、解构赋值的用处

Promise、Promise和async、await

require与import的区别和使用

异步编程的6种方式

模块化

四、Vue

常用指令

生命周期

虚拟dom

数据双向绑定原理

为什么data是一个函数

v-if和v-show之间的区别

nextTick

父传子、子传父、兄弟传值、vue传值的12种方法、vuex传值、vuex

Computed和Watch的用法以及有哪些区别

API封装

keep-alive

路由钩子函数、路由传参、query和params的区别

数据代理

axios、封装HTTP请求、ajax状态码

vue2和vue3的区别

五、项目相关

Vue 项目中遇到的各种痛点问题与解决方案

登录注册

登陆鉴权

前后端如何传递token

axios拦截、axios封装、API接口统一管理

路由拦截

支付问题

websocket 实现客服聊天

第三方登录

百度地图

js实现放大镜功能

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

文件的上传和下载

六、性能优化

原生JS图片懒加载 、vue 图片懒加载

图片优化的合理方式、图片资源压缩

vue路由懒加载及组件懒加载

vue项目首屏加载优化实战

主动销毁 keep-alive缓存的组件

按需加载

webpack处理最小化JS文件

代码压缩/删除沉淀代码

v-if和v-for的优化

七、浏览器相关

浏览器的主要组成部分

浏览器内核

HTTP的状态码、HTTP和HTTPS的区别

浏览器兼容性问题以及解决的方案、浏览器的兼容问题

websocket 即时通信

从浏览器输入url到页面加载完毕的过程

SEO 网页搜索排名

浏览器中的cdn

本地存储

跨域如何解决

iframe