【JS】

• 原生js怎样阻止冒泡事件

  属性或事件名	说明	兼容性
  cancelable属性	cancelable 事件返回一个布尔值。如果用 preventDefault() 方法可以取消与事件关联的默认动作，则为 true，否则为 fasle	IE不支持
  returnValue属性	如果设置了该属性，它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle，可以取消发生事件的源元素的默认动作。	只支持IE
  bubbles属性	bubbles 事件属性返回一个布尔值，如果事件是起泡类型，则返回 true，否则返回 fasle。	IE不支持
  stopPropagation方法	不再派发事件。终止事件在传播过程中的捕获、目标处理或起泡阶段的进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。
  preventDefault方法	取消事件的默认动作。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。

• post get请求的区别

  项目	get	post
  后退按钮/刷新	无害	数据会被重新提交（浏览器应该告知用户数据会被重新提交）
  缓存	能被缓存	不能缓存
  历史	参数会保留在浏览器历史记录中	参数不会保留在浏览器历史记录中
  对数据长度的限制	有限制。当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。	无限制
  对数据类型的限制	只允许ASCII字符	没有限制，也允许二进制数据
  安全性	安全性很低，发送的数据是url的一部分	安全性较高，因为参数不会被保存在浏览器历史或 web 服务器日志中
  数据可见性	数据在url中对所有人可见	数据不会显示在url中

• js对数组的增删改操作

  • 创建：var arr = new Array()
  • 增加：

    arr[0] = '0';  arr[1] = '1';复制代码

  • 修改：

    arr[0] = 'test';复制代码

  • 删除：

    arrayObject.splice(index,howmany,item1,.....,itemX)复制代码

【Vue】

• vue的常见指令有哪些
  • v-bild(:)
  • v-on(@)
  • v-if
  • v-else-if
  • v-else
  • v-show
  • v-for
  • v-once
  • v-model
  • v-html
• vue中的v-if和v-show的区别

  项目	v-show	v-if
  条件渲染的机制	始终渲染，只是修改元素的display值	根据条件去注销或重建条件块内的元素、事件、组件等
  开销	更高的初始渲染开销	更高的切换开销

  • 注：v-if是惰性的，当初始条件为假时，则什么也不做，直到条件为真时才开始渲染条件块
• vue中v-on:click阻止冒泡事件
  • v-on:click.stop = yourFunction
• vue-router中有哪些钩子函数
  • beforeRouteUpdate
  • beforeResolve
  • afterEach
  • beforeEnter
  • beforeRouteEnter
  • beforeRouteUpdate
  • beforeRouteLeave
• vue中发请求怎么写

  this.$http.get('/someUrl').then(response => {     // get body data     this.someData = response.body;   }, response => {     // error callback });复制代码

【ES6】

• ES6的箭头函数作用
  • 箭头函数使得表达式更简洁

  const square = n => n * n;  const isEven = n => n % 2 === 0;复制代码

  • 简化回调函数

  // 正常函数写法  [1, 2, 3].map(function(x) {      return x * x;  })  // 箭头函数写法  [1, 2, 3].map(x => x * x);复制代码

  • 改变this指向。箭头函数函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。

  function foo() {    setTimeout(() => {      console.log('id:', this.id);    }, 100);  }  var id = 21;  foo.call({ id: 42 });  // id: 42复制代码

• let和var的区别

  项目	var	let
  作用域		let命令所在代码块内
  变量提升（即变量可以在声明之前使用，值为undefined）	存在变量提升	不存在变量提升
  暂时性死区	不存在	存在
  重复声明	重复声明不报错	不允许重复声明，重复声明报错

• 常用es6特性
  • let
  • const
  • global
  • 解构赋值
  • promise
  • ...运算符
  • 箭头函数

参考：