前端面试问到的题通过5k

前端社招第一次面试问到的题【面试通过，工资5k】

1、px跟em的区别？
答：px就是一个绝对像素单位，是固定值，而em是相对单位值，如果自身定义了font-size，则em会根据font-sizefont-size的大小变化而变化

2、get跟post请求的区别？

答：①首先我们要看看是基于什么前提，如果没有什么前提，不适用任何规范，只考虑语法和理论上的HTTP协议，get和post请求基本就没有什么区别，只有名字不一样罢了；
②如果是基于RFC规范的

【在理论上】get跟post虽然具有相同语法，但是有不同的语义，get是用来获取数据的，post是用来发送数据，post是用来发送数据的，其他方面没有区别。
【在实现上】各种浏览器就是这个规范的实现者，常见的有这些不同
1）get的数据在url中是可见的，post请求是不显示在url中；
2）get请求对长度是有限制的，post请求长度是无限的；
3）get请求的数据可以收藏为书签，post请求到的数据不可收藏为书签；
4）get请求后，按后退和刷新按钮无影响，post数据如果这样做就会被冲洗提交数据进而刷新页面；
5）get的编码类型只有application/x-www-form-url一种，post的编码类型有多种，比如 encodeapplication/x-www-form-urlencoded和 multipart/form-data

3、js中的渐进增强和优雅降级是什么？
渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验；
优雅降级：写一些css和HTML代码时做一些处理，确保不再低级浏览器不兼容时，也能达到原来的效果

4、jq中的取消事件跟打开事件是什么？
off 跟 on比特币

5、如何优化前端页面？
答：①页面级别的优化：
1）CSS中的spriter精灵图，可以直接从网上下载，减少了图片的请求；
2）使用CDN
3）压缩合并代码
4）使用DNS预解析
②代码级别的优化：
1）减少dom操作
2）异步加载避免阻塞
3）事件代理
4）使用requestAnimationFrame代替setTimeout和setInterval
5）图片懒加载等

6、什么是面向对象？
答：面向对象就好比把每一件东西看成一个对象，代码主要是通过class来实现对象的功能。

7、Vue的原理有哪些？
答：响应式原理、MVVM原理、v-model数据绑定原理

8、Vuex的状态有哪些？
答：5个。state、getters、mutation、actions、module。

9、Cookie跟Session的区别是什么？
答：1）Cookie的登录信息是存放在浏览器客户端；Session的登录信息是存在服务器端；
2）Cookie的登录信息在一定的时间内关闭浏览器后再打开是有效的，而Session的登录信息在关闭浏览器后就失效了；
3）Cookie的存放大小有限制，只有4k；而Session的存储大小没有限制；
4）Cookie比较安全，Session安全性较差

10、图片的压缩原理是什么？
答：就是把图片的十六进制转化为二进制，减少了图片的内存，达到压缩的目的。

11、Vue中的data为什么是一个函数而不是对象？
答：如果data是object对象的话，每次用的都是同一个内存空间，组件复用的时候状态都是一样的，这样不利于页面的渲染。

12、什么是MVVM原理？
答：M模型 ， V视图， VM视图模型，三大部分

13、为什么要初始化css样式？
答：因为不同浏览器本身就存在差异，各自的margin和padding等值代销都不一样，我们需要清除掉，防止页面混乱。

14、你有了解过websocket吗？
答：详情请看HTML5的api部分实际开发都是用websocket，很少用ajax，websocket用法跟ajax差不了多少。