DAY24刷面试题

大学实习期自己找的工作和专业不对口学校会卡着不让毕业吗？迷茫了，有些公司要线下面试，学校没offer不放人，这个offer还要求是最终选择的offer，我心仪的都暂时没办法去面试，选个啥？（有说过原因，但是有些企业不支持线上）我要是工作了一段时间换了个工作是不是也不行？想不明白。最后就是听到隔壁班有个男生，他找个了销售的工作，本来都准备走去实习了，一问我们系主任说要专业相关不然不让他毕业，他又只能重新放下找专业相关的工作。

vue中v-for指令循环遍历中key属性的作用

key属性的作用是在数据层和视图层之间建立一一对应关系，方便后期对页面进行局部更新，如果某一条数据发生变化，只更新当前数据对应的DOM元素。

vue和react有哪些不同的地方

vue实现了双向数据绑定（数据<=>界面）
react仅仅实现了单项数据流（数据层=>界面层）
vue中提供了指令，react中没有指令的概念
vue中使用插值表达式在进行数据渲染，react中使用jsx进行数据渲染

vue有哪些常用的事件修饰符

.prevent 阻止默认事件
.stop 阻止冒泡
.once 事件执行一次
.self 只当在event.target是当前元素自身时触发处理函数

vue中的一些自定义事件操作

1）this.$emit(event，‘数据’)可以触发自定义事件的执行2）this.$on(event,callback)可以监听自定义事件的执行
3）this.$off(event.callback)可以移除一个自定义事件，如果某些特殊场景下，一个事件被触发一次后就需要将其移除，可以使用this.$once(event,callback)

vue实例中有哪些属性

vm.$data可以获取vm实例对象data中的数据vm.$props 可以获取vm组件接收到的props对象数据
vm.$el可以获取vm实例对象的根dom元素vm.$refs 可以获取vm实例中注册过ref特性的所有dom元素和组件实例

ES6新增了哪些新特性

const（声明常量）let（声明变量）关键字
map和set数据类型
模板字符串
对象数组解构赋值
函数剩余参数（…arg）
延展运算符（…)
函数默认参数 fn( name = ‘ zs ’ )
对象字面量的增强（属性名和属性值相同，可以缺省）
promise异步对象
class类的支持

解释ajax工作原理

第一步：创建对象 var xhr = new XMLHttpRequest()
第二步：设置请求行xhr.open(‘请求方式’,‘请求地址’);
第三步：发送请求 get方式 xhr.send(null)，如果是post请求还需要设置请求头
第四步：注册事件（给ajax设置事件）
第五步：获取响应并更新页面

sessionStorage,localStorage 和cookie 三者区别

共同点：都是浏览器端的存储介质，可以存储一些数据
区别：

• localStorage
  生命周期：关闭浏览器后数据依然保留，除非手动清除，否则一直在，是将数据存储在电脑的磁盘上, 存储数据量大(20M 左右)，只能存储字符串
  作用域：相同浏览器的不同标签在同源情况下可以共享localStorage

• sessionStorage
  生命周期：关闭浏览器或者标签后即失效，是将数据存储在页面的内存中，存储数据相对较少(5M 左右)，只能存储字符串
  作用域：只在当前标签可用，当前标签的iframe中且同源可以共享

• cookie
  是保存在客户端的，一般由后端设置值，可以设置过期时间
  储存大小只有4K
  一般用来保存用户的信息的
  在http下cookie是明文传输的,较不安全
  cookie属性有
  http-only:不能被客户端更改访问，防止XSS攻击（保证cookie安全性的操作）
  Secure：只允许在https下传输
  Max-age: cookie生成后失效的秒数
  expire: cookie的最长有效时间，若不设置则cookie生命期与会话期相同

DOM 元素增删改查的API

创建DOM: document.createElement();
查 找 DOM: document.getElementById();
document.getElementsByClassName();
document.getElementsByName();
document.querySelectorAll();
document.querySelector();
追加DOM: parentDom.appendChild();
移除DOM: parentDom.removeChild()

什么是事件委托?

本应该注册给子元素的事件, 注册给父元素

事件委托的原理是什么?

事件冒泡, 因为有事件冒泡的存在, 所以子元素的事件会向外冒泡, 触发父元素的相同事件, 根据事件对象可以找到真正触发事件的事件源.

Javscript 中有几种定时器, 有什么区别?

setInterval: 间歇定时器, 间隔一定的事件就执行, 执行多次;
setTimeout: 延时定时器, 只执行一次