补一下前两天的面试,其实我觉得每一次面试都受益匪浅,遇到好的面试官他会像一个老师一样去跟你交流,这次遇到的面试官还是很nice的,不像今天的面试官,很没有礼貌,听他说话都不想进这个公司了emmm
进入正题,顺序可能不对,仅仅凭借我的记忆点来写
1.首先是进行简单的自我介绍
2.问一下你是否知道关于定位的一些东西
position的属性:
absolute:绝对定位 定位后空间释放 相对于最近已定位的祖先元素
relative:相对定位 定位后空间不释放 相对于自己的初始位置
fixed:固定定位 定位后空间释放 相对于浏览器可视窗口
static:默认的定位
sticky:粘性定位 吸顶效果
3.原生ajax的原理:我直接写了一下做了个截图了解一下
4.跨域问题
首先跨域必须要知道的就是同源策略:
同源策略/SOP(Same origin policy)是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。
解决跨域的方法简单总结一下
(1)jsonp,主要是通过script标签的src属性来进行
(2)ifram:不过现在不怎么用了,用iframe标签
(3)postmessage解决跨域:
postMessage(data,origin)方法接受两个参数,data表示要传递的数据,orgin主要是表明窗口的源
(4)cors(跨域资源共享)
浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。因此,实现CORS通信的关键是服务器。只要服务器实现了CORS接口,就可以跨源通信
(5)WebSocket协议跨域
(6)nodejs中间件代理跨域
5.闭包
闭包其实就是函数嵌套函数,内部函数引用外部函数中的局部变量,变量不释放
好处就是:代码模块化,能够让一个变量长期在内存中
缺点:内存泄露
6.es6的新特性
我主要说了一下常见的,比如
1、let const 块级作用域的问题
2、箭头函数:书写方便,改变this的指向
3、字符串书写形式(字符串模板):`${}`
4、解构:字符串,数组等等
5、promise:进行异步操作
7.浏览器渲染机制:
将CSS解析成CSSOM树(CSS Rule Tree)
根据DOM树和CSSOM树,来构建Render Tree(渲染树),注意渲染树,并不等于DOM树,因为一些像head或display:none的东西,就没有必要放在渲染树中了。
有了Render Tree,浏览器已经能知道网页中有哪些节点,各个节点的CSS定义,以及它们的从属关系,下一步操作就是Layout,顾名思义,就是计算出每个节点在屏幕中的位置。
Layout后,浏览器已经知道哪些节点要显示,每个节点的CSS属性是什么,每个节点在屏幕中的位置是哪里,就进入了最后一步painting,按照算出来的规则,通过显卡,把内容画到屏幕上。
8.问到了移动端为什么使用translate比使用left之类的反应更加迅速:
这个问题当时我没有反应过来,后来才明白就是重排和重绘的问题,我们都知道在性能优化方面有个技巧就是要减少重排,尽量重绘来提高性能
9.http和https的区别:
HTTP(Hyper Text Transfer Protocol,超文本传输协议)被用于在web浏览器和网站服务器之间传递信息,HTTP协议以明文的方式发送内容,不提供任何方式的数据加密,如果攻击者截取了web浏览器和网站服务器之间的传输报文,就可以直接读懂其中的信息,因此,HTTP协议不适合传输一些敏感信息,比如:信用卡号,密码等支付信息。
HTTPS(Hyper Text Transfer Protocol over Secure Socket Layer,安全套接字超文本传输协议),为了数据传输的安全,HTTPS在HTTP的基础上加入了SSL/TLS,依靠证书来验证服务器的身份,并为浏览器和服务器之间的通信加密。其中SSL(Secure Socket Layer,安全套接层),TLS(Transport Layer Securit,传输层安全协议),SSL 3.0和TLS 1.0差别很小,在HTTPS通信中具体使用哪一个还要看客户端和服务端的支持程度,二者在网络模型中位于哪一层?
区别:
(1)HTTPS协议需要CA申请证书,一般免费证书比较少,所以需要一定费用
(2)HTTP是超文本传输协议,信息室明文传输,HTTPS则是具有安全性的SSL加密传输协议
(3)HTTP和HTTPS使用的是完全不同的连接方式,使用的端口号也不一样,前者是80,后者是443
(4)HTTP连接很简单,是无状态的;HTTPS协议是由HTTP+SSL协议构建的可进行加密传输、身份认证的网络协议,比较安全。
(5)谷歌搜索引擎算法中,比起同等HTTP网站,采用HTTPS加密的网站在搜索结果中排名会更高
10、问了一点vue和react的问题,没有很深入的问,大概是问用vue有什么优点之类的:
优点:轻量级框架、简单易学、双向数据绑定、组件化、视图、数据和结构的分离、虚拟DOM、运行速度快(非官方答案)
11、redux的运行机制
从网上找了一个图感觉还不错
顺便讲一下虚拟dom:
过程:创建虚拟dom树-》生成真实dom树-》绘制界面显示-》(更新界面的时候 getstate()更新状态-》重新创建虚拟dom树-》新旧树比较差异-》更新差异对应真实dom-》局部界面重绘)
其他的知识点有点记不得了emm,今天就到这里把