面试总结

吐槽下！

2017年08月28日，开始我的找工作之旅，记录我的糟心之路。

前端工程师被后端工程师面是种什么体验？无FK可说。

只会记录一些问题点。废话少说，直接进入正题。

1、javascript数据类型判断

typeof 与 Object.prototype.toString.call();

2、ajax过程

（1）创建XMLHttpRequest对象

（2）创建一个http请求，并指定该http请求方法、URL、验证信息

（3）设置响应http请求状态变化函数

（4）发送http请求

（5）获取返回数据

（6）数据渲染

3、post与get区别

（1）get一般用于信息获取，post一般用于信息提交

（2）get对所发送信息的数量有限制，post对所发送信息的数量没有限制

（3）get请求可被缓存与会保留在浏览器历史记录中，post请求不可被缓存与不会保留在浏览器历史记录中

4、DOM节点操作

（1） 创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
(2) 添加、移除、替换、插入
appendChild()//添加
removeChild()//移除
replaceChild()//替换
insertBefore() //在已有的子节点前插入一个新的子节点
(3) 查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值(IE容错能力较强，会得到一个数组，其中包括id等于name值的)
getElementById()//通过标签id值查找

5、cookies、sessionStorage、localStorage区别

（1）存储大小不同，cookies(最大4k)、sessionStorage与localStorage(最少5M)

（2）周期时间不同，cookies(自定义周期)、sessionStorage(当前浏览器窗口关闭前有效)、localStorage(始终有效)

（3）作用域不同，cookies(在所有同源窗口中都是共享的)、sessionStorage(不在不同的浏览器窗口中共享)、localStorage( 在所有同源窗口中都是共享的)

6、$('#aaa .bbb')与$('#aaa').find('.bbb')那个性能好

$('#aaa').find('.bbb')

 

 

先写这么多，后续再补充。