- vuex getters state getters mutaions actions modules
- 获取vuex的数据的方法 this.$store.state.xx mapstate
- promise
有A、B、C三个任务,要求:A和B异步执行,二者都完成后执行C
Promise.all形式:前两个同时执行,然后执行c
var promise1 = new Promise((resolve, reject) => {
setTimeout(() => {
console.log(1);
resolve()
}, 0);
});
var promise2 = new Promise((resolve, reject) => {
setTimeout(() => {
console.log(2);
resolve()
}, 0);
});
Promise.all([promise1, promise2]).then(function(res) {
console.log(3)
});
-
- axios 拦截器
-
computed methods区别 computed 是在 HTML DOM 加载后马上执行的,如赋值;(属性将被混入到 Vue 实例) methods 则必须要有一定的触发条件才能执行,如点击事件 watch它用于观察 Vue 实例上的数据变动,当数据改变时,函数才会执行。 computed必定要有return值;watch没有return值 它需要手动调用才能执行。而不像watch和computed那样,“自动执行”预先定义的函数 methods是一个方法,它可以接受参数,而computed不能,computed是可以缓存的,methods不会
-
*防抖节流 防抖就是一定时间内只在最后一次执行。如果在n秒内又被触发,则会重新计时。 场景:文本框输入搜索 节流就是每隔一段时间只执行一次函数。 按钮禁用的时间是固定的。 场景:防止表单重复提交
function debounce(fn,delay){
let timer = null //借助闭包
return function() {
if(timer){
clearTimeout(timer)
}
timer = setTimeout(fn,delay) // 简化写法
}
}
- *前端跨域 proxy
- 动态路由
- vuex localstorage 组件传值 三个数据的同步怎么做?
- pc端适配 媒体查询! 移动端 flexsible.js rem布局 百分比布局
- js删除数据的方法 删除固定的数据
let ary = [1,2,3];
delete方法: delete ary[0];删除后会把改下标的值设置为undefined;数组的长度不变
ary.splice(0,1)
ary.pop()方法
ary.remove()删除指定的某个数字
12.vue的模块化和组件化