前端面试题集合 4

1

手写闭包，然后为什么闭包中外部变量能访问到内部；
有哪些状态码=.> 304协商缓存是什么？强缓存是什么？强缓存怎么设置？
网页打开速度慢，如何优化性能
图片懒加载如何实现？
原型和原型链
Let const区别？const如果定义数组，可以改变他吗？
（可以，使用push）,为什么可以改变？
写v-module如何从仓库拿到数据到input中去用？

2

1. React 代码 给你请求链接 发送请求 将他给的数据格式渲染出来
2. 按照简历技术出题（可能没有），我的是使用jq，监听页面滚动条事件，当高度超过100，使用scrollTop 回到顶部
问题
1. Compoentditmount 放在render 前面还是后面
2. 用过的组件库最满意哪个
3. 在项目中用哪种方式引入swiper
4. React 的生命周期
5. React 一些勾子函数的书写顺序（面试官说挂载完成那个勾子要放在render 前面）
6. 说一下混合开发
7. Cookie localstorage sessionstorage区别
8. React 传值方式哪几种
9. 弹性布局是如何实现的
10. 在项目中遇到的困难
11. 对未来的规划
12. 还有其他问题要问我的吗

3

1. 介绍一下你的经历。
2. Vue与react有什么区别？
答：vue封装了很多指令而react没有；
Vue的设计模式是mvvm，react的是mvc模式；
Vue有全局组件，而react没有这个概念；
Vue数据是双向绑定的，而react是单向数据流；
Vue没有受控组件和非受控组件的概念，而react有。
3. Vue的双向绑定？
答：vue的v-model指令实现了双向数据绑定，v-model是一个语法糖：v-bind:value和@input事件实现的；
底层原理是通过Object.defineProperty来劫持各个属性的setter，getter，在数据改变时发布消息给订阅者，触发相应的监听回调。
4. React的双向绑定？
答：react没有双向数据绑定的概念，它是单向数据流模式；定义在state的数据是通过setstate这个方法来进行修改；修改的数据会重新触发render实现数据与页面同步。
5. http的缓存机制？
答：有两个缓存机制：
强制缓存机制：当浏览器请求资源的时候会查看缓存中的资源是否存在并且确定该缓存的资源是否过了“保质期”，若没有超过保质期则将取得缓存中的资源进行下一步处理存中的资源进行下一步处理。
协商缓存（对比缓存）：流览器第一次请求数据时，服务器会将缓存标识与数据一起返回给客户端，客户端将二者备份至缓存数据库中。再次请求数据时，客户端将备份的缓存标识发送给服务器，服务器根据缓存标识进行判断，判断成功后，返回304状态码，通知客户端比较成功，可以使用缓存数据
6. 已知宽高，垂直居中的实现方法？
答：
第一种：定位+margin：
position：absolute；
left：0；
top：0；
right: 0;
bottom: 0;
margin: auto;
2、transform方案：
position：relative；
left：50%；
top：50%；
transform：translate（-50%，-50%）；
3、flex方法
display：flex；
justify-content：center；
align-items：center；

4

1. 查找该域名的ip地址
2. 解析ip向web服务器发送http请求
3. 服务器收到请求并进行处理
4. 服务器返回响应
5. 浏览器对响应进行解码，渲染显示
6. 页面显示完成后，浏览量发送异步请求

5

1.内存泄漏
2.缓存机制
3.用过Echart框架吗
4.setimeout了解吗
5.轮循
6.有搭建过项目吗
7.地图
8.display：none和visibility的区别
9.你还有啥要问我的吗？
10.项目上线问题，怎么上线的？
11.人员配置问题，前端，后端多少人？听语气他们好像是前后端不分离。
后面聊天了解到，这个项目组现在需要对一个项目进行重构。使用vue+echart，问题在于需要在一定时间内对数据做轮循，那么页面数据渲染性能不太好，会卡顿（websoket 可解决）。项目进程，后端这边搭好了，前端还没开始，所以这块有些赶。
项目主图