前端面试题总结

以下面试题出自自己去各个公司面试遇到的，不乏各个大厂：

瀑布流

vuex几个常用属性

vue通过哪个js原声方法实现数据监听的

图片截取上传

懒加载和预加载

防抖动截流

flex几个属性背一下

手机端app优化

手机端调用相机webview

微信小程序

公众号

js原生实现懒加载

Vue里面，只要type是一个object或者array，default就是一个函数

inline-block使用习惯，给父元素的font-size设为0

Promise或者ajax的catch捕获

Settimieout的this指向

Jsonp返回的是callback函数

传的时候也可以传一个函数过去

两边定宽，中间自适应

Offsetwidth

Clientwidth

Scrollwidth

快速排序

哪些事件不可以冒泡

304代表什么

服务器如何判断浏览器传过来的是否与原先的一样

Fixed坐标起点是哪

axios与vue resource区别

Grunt与gulp的区别，打包方法什么的

Ngrepeat隔行变色

Put get如何向服务器发送数据

Restful

数据结构

Symbol

Foreach map区别

Webpack会首先引入哪个插件

基本类型和引用类型到区别，有个经典面试题如何深度复制数组

如何拿到url参数的字符串

自己有没有实现过一些js组件，如弹窗，轮播之类的

1px手机端如何实现

Webpack chunk

函数的运行机制

函数式编程，面向对象编程，还有各种编程，用过什么，各种优缺点

函数声明和定义的变量的函数区别

Es6如何解决递归的缺点，栈溢出，用伪递归

什么是hash表，类似于js中的什么？对象

Set和map的区别

对事务怎么理解

Node中的事务

数据库事务

对闭包的理解

一个函数和一个let定义的变量都存在于同一作用域中，这个函数能否访问到这个变量，变量写在函数的后边

Pm2实现多进程

Webpack如何实现代码分割

Webpack plugins的理解

用的webpack几

新版本webpack与之前版本的不同

V-model如何实时绑定到页面中

$.set方法添加新属性属于js的方法

双向绑定是实力化之前就绑定好了，在哪个生命周期绑定的，那实例化之后在绑定一个属性到对象中，是否可以实现双向绑定

Vue哪些生命周期

哪些周期用来获取dom,monunted,update

Vue绑定的事件是在dom上操作吗

对原型的理解

一个函数，传入一个json对象，在函数内改变这个对象好吗？不好，要返回一个新的对象

对栈和堆的理解

数组是栈，对象不是栈，数组属于对象

如何浅拷贝一个对象

原型设计的目的

原型设计的时候有没有考虑到让实例都用它的，想到了

Egg框架

如何实现组件解藕

解藕

父子组件通信，传值

Node中间件如何选，怎么选

做项目如何选型

是否自己写过webpack插件

Pm2一个进程只能一个人访问，如何承受多人同时访问，是否做过压力测试

是否在项目中做缓存之类de

原型有原型莲，函数如何层层运行的

拷贝一句话方法，object.assogn

国外框架

Loder和plugin的区别

Webpack

Vue深入一下

双向绑定原理深入说明源码说明

继承方式

Node是否自己实现过koa2

Egg

Node如果引入的顺序不一样，结果会不一样吗

Node中间件执行原理

构造函数和工厂函数的区别

原型

浏览器如何优化，项目如何优化，webpack代码分割，做优化，逸步加载

继承

闭包使用场景

字符串统计出现最多的数量

数组去重多个方法

Css布局左侧定宽，右侧自适应

弹性布局

垂直居中

父子组件生命周期

Nexttick

如何设计权限

双向绑定原理，改变数据会立马刷新吗？

同时改变10个都要立马刷新吗？

函数表达式与声名式函数区别

闭包的使用场景

React缺点，

兄弟组件如何传值，定义全局变量

与vue区别，优缺点，选型

时间复杂度，空间复杂度

对一个函数的复杂度做一个描述

排序算法有哪些

Websocket协议

Web worker

有哪些协议

TCP ip协议

Http请求发生了什么

输入一个地址之后发生了什么

用过哪些好用的工具，插件

前端路由与后端不同

内层定位，父元素高度失效怎么办

浮动同理

Vuex和redux不同

小程序缺点

小程序生命周期

Es6.reflect.Proxy

Js对象扁平化

Js做更新

浏览器是否自带缓存

Vue不知道什么来的源码

双向数据绑定

虚拟dom的理解

生命周期

设计模式

Axios拦截器

什么是发布订阅者模式，优缺点

Vue 3.0变化

前后端如何联调

Px2rem如何给某些不使用rem是固定的px

手机端兼容

搜索的时候注意问题

Seo优化问题考虑

Node中间件使用，自己如何写

Session如何使用，是否用了中间件

Transition和动画的区别

自己实现轮播，避免重绘，回流

数组各个方法返回数组本身还是新数组

Js盒模型

函数节流

Promise原理

Css选择器是从父到子还是子到父

Css优化

一个数组变为map之后会改变原数组吗

写一个递归

写一个回调函数

你知道的异步的方法

如何清除闭包的变量

Koa2中的级联

Ctx代表什么

箭头函数有没有arguments

Promise链式调用和不链式调用的区别

请求的时候可以传cookie吗

Express与koa2不同

用的eeactrouter版本

什么是伪类

Jsonp限制，原理，安全问题。修改头有非同源问题。

Cookie如何跨域传

如何实现消息提醒，标签栏上显示红点

Cookie如何传向服务端

节流防抖

微信如何做授权登录

搜索框请求

发送请求第二个直接干掉第一个

对返回数据做判断

Webpack和gulp区别

Sass和less区别

如果commit但没push，回滚之后可以通过一个refload命令找到所有commit记录，如果没有commit，并且回滚了则不能再找到了

异步的方式

Es6新增

React和vue区别

Js运行机制

Vue双向绑定

伪数组如何变成数组

Css实现一个圆环，沿着y轴旋转

Window.onload和document.ready区别

微信授权

公众号开发

为什么加了overflow hidden就可以有高度了

Bfc

布局，左右固定，中间自适应

内层加padding，内外宽一样，外层高度为多少

高内聚，低哦切，面向对象

基本类型和引用类型的区别

Cons定义变量

1&&2

强制类型转换

Substring

Websocket协议

端口

定时器，每隔1秒减1

正则常用的

Vue与react设计模式，原理

客户端如何处理缓存，而不用304服务端判断

父子组件传值的生命周期

热加载原理

Object.assign是深拷贝还是浅拷贝

Object.defineproperty还有什么属性

父组件如何调用子组件方法

Promise与回调函数的区别

Cookie可以跨域吗