前端社招第一次面试问到的题【面试通过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部分,网址https://www.runoob.com/html/html5-websocket.html,此部分知识是为了解决ajax请求速度过慢的问题。实际开发都是用websocket.,很少用ajax,websocket用法跟ajax差不了多少。

上一篇:公司要程序员完成手机端抢红包页面,才给涨5K的薪资,效果就这样!


下一篇:HandBrake for Mac(专业的视频转码器)