前端工程师面试第一次分享

@[首要：前端工程师]
##这是一家上海的公司，虽然没有抱多大的希望，但是自己还是很认真的去准备了。

1：询问如使用两次ajax会形成什么样子的后果？
答：每使用一次ajax，就会发送一次异步请求，ajax的原理是用户与服务器之间增加了一个中间层，通过新创建的对象，对服务器发送异步请求，从服务端得到数据，通过JavaScript操作dom元素，从而更新页面。
2.一个大的div，输出a，里面小的div输出b，如何使得输出b而不输出a。
答：阻止冒泡：e.stopPropagation();
举例：

通过这一个我们可以扩展事件流：
1：事件捕获：先触发父元素，后触发子元素
2：事件目标：
3：事件冒泡：先触发子元素，后触发父元素

阻止事件冒泡，阻止默认事件
阻止冒泡的本质：清空事件栈
1：event.stopPropagation()方法：
这是阻止事件的冒泡方法，不让事件向document上蔓延，但是默认时间任然会执行，当你用掉这个方法的时候，点击一个链接，这个链接仍然会被打开
2：event.preventDefalut()
这是阻止默认事件的方法，调用此方法是，链接不会被打开，但是会发生冒泡，冒泡会传递到上一层父元素；
阻止默认行为：该元素自带的事件句柄，

举例：

<div class="box1">
<a href="http://www.baidu.com" target="_blank"></a>  
</div>

第一种不阻止事件冒泡和默认事件
$(".box1").click(function（）{
console.log(“1”)
});

第二种，阻止冒泡
$(".box1").click(event){
event.stopPropagation();
});
$(".box1").click(function（）{
console.log(“1”)
});

解释：不会打印1，但是页面会发生跳转。先触发子元素，所以会发生跳转，但是父元素被阻止了，所以不会打印1.

第三种，默认阻止
$(".box1").click(event){
event.preventDefalut()
});
$(".box1").click(function（）{
console.log(“1”)
});

结果：会打印1，但是不会发生跳转
解释：默认阻止是事件捕获，先触发父元素，再触发子元素，

3：问道了vue的知识，其实这个我不会，但是我写在前端中了，告诫各位小伙伴，不熟悉的千万不要这样写

4：json数据，只是一笔带过，其实我应该要好好说一下json数据是什么，有什么作用，是怎么用的，我没有说，而是往下走了。
json是一种数据交换格式；
json类似于xml，比xml更小，更容易解析，与JavaScript交互更方便

最后面还问了第一个数组有a，与b，第二个数组有b，c
它的本意就是说一个的则输出flase，两个以上的输出ture，说一下它的逻辑。其实就是遍历+计数

总结：只能说自己学的不精吧，基础知识牢固，不会举一反三，不会反问，主动权没有在自己的手上，还是被迫的被牵着走，答一句，就说一句，总归是太怂了。所以接下来还是好好的补基础，多看js相关的，锻炼自己逻辑思维能力。