vue杂笔记

文件上传只用post方法

转义用 \
使用ES7的异步特性async / await来实现axios进行同步请求

let obj = JSON.parse(JSON.stringify(obj))用来深拷贝
let obj = […obj]也是用来进行深拷贝

vue-router的导航钩子(组件路由:beforeRouteEnter、beforeRouteUpdate,beforeRouterLeave,
单个路由里面的钩子：beforeEnter,beforeLeave全局钩子：afterEach(无next属性),beforeEach)

v-model的修饰符
v-model.lazy 只有在input输入框发生一个blur时才触发
v-model.trim 将用户输入的前后的空格去掉
v-model.number 将用户输入的字符串转换成number
在input textarea select中使用

什么是vue数据响应式
数据改变，UI页面做出响应
当修改 Vue 实例中的 data 属性时，UI页面中的 data 会做出响应，Vue 是通过Object.defineProperty来实现数据响应的。

vue自定义指令的 钩子函数包括 bind,inserted,update,unbind,componentUpdated

watch的深度监听 immediate:true 监听后立马执行这个绑定的函数 deep：true 深度监听

防抖（debounce）
所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。
节流（throttle）
所谓节流，就是指连续触发事件但是在 n 秒中只执行一次函数。

同源是指同协议、同域名、同端口。
浏览器同源策略的目的是为了保证用户信息的安全，防止恶意的网站窃取数据。如果网页之间不满足同源要求，将不能:
共享Cookie、LocalStorage、IndexDB
获取DOM
AJAX请求不能发送

vue组件封装:
建立组件的模板，先把架子搭起来，写写样式，考虑你的组件的基本逻辑
然后在引用得组件中 用import引入组件
通过component定义组件名称
在把组件以标签的形式写出来。

数组去重：首先定义一个新数组，然后用遍历旧数组，用indexOf判断新数组中是否含有这个值，没有的话则插入到新数组中，最后返回新数组

ajax请求时，使用eval() ， json.parse()解析json数据

substring(n)截取数组下标为n的起步
substr(start,length)截取指定的长度
splice(start,dellength,val)从某个下标开始删除指定的长度，然后在这个下标后插入val值

promise的三种状态：pending(进行时) fulfilled(完成) rejected(失败)
俩种参数：resolve(成功) reject(失败)

react:构造函数组件：无状态，没有this，没有生命周期

什么是vue数据响应式
数据改变，UI页面做出响应。

vue全家桶：vuex vue-cli vue-router axios

vue-router的导航钩子(组件路由:beforeRouteEnter、beforeRouteUpdate,beforeRouterLeave,
单个路由里面的钩子：beforeEnter,beforeLeave全局钩子：afterEach(无next属性),beforeEach)

节流 和 防抖
节流和防抖是针对响应跟不上触发而提出的两种解决方案。例如当页面滚动，屏幕窗口改变等频繁操作。
节流：固定周期内，只执行一次动作，若有新事件触发，不执行，周期结束后，又有新事件触发，开始新周期。不重置周期，周期开始时执行动作

防抖：就是当事件被触发的时候，就设定一个周期来延迟执行该事件，若周期内，事件又被触发，则重新设定周期，直到周期结束，执行动作。会重置周期，周期结束时执行动作