1、v-model的修饰符
- v-model.lazy 只有在input输入框发生一个blur时才触发
- v-model.trim 将用户输入的前后的空格去掉
- v-model.number 将用户输入的字符串转换成number
2、promise、async、await的联系、区别
都是异步编程的一种解决方案
Promise好比容器,里面存放着一些未来才会执行完毕(异步)的事件的结果,而这些结果一旦生成是无法改变的。
async,await是Generator 函数的语法糖,他拥有内置执行器,不需要额外的调用直接会自动执行并输出结果,它返回的是一个Promise对象
3、ajax
4、A请求跳转到B请求,ajax能捕获到跳转吗?
5、 fetch
两个参数:1、请求URL;2、请求配置参数
fetch(url, {
body: JSON.stringify(data), // must match 'Content-Type' header
cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
credentials: "same-origin", // include, same-origin, *omit
headers: {
"user-agent": "Mozilla/4.0 MDN Example",
"content-type": "application/json"
},
method: "POST", // *GET, POST, PUT, DELETE, etc.
mode: "cors", // no-cors, cors, *same-origin
redirect: "follow", // manual, *follow, error
referrer: "no-referrer" // *client, no-referrer
})
.then(function(response){
return response.json();
}) // parses response to JSON
.then(function(myJson) {
console.log(myJson); //后台返回结果
});
6、css动画
transition的作用在于,指定状态变化所需要的时间。
Animation需要指定动画一个周期持续的时间,以及动画效果的名称。可重复发生,可定义中间状态
div:hover {
animation: 1s rainbow;
}
@keyframes rainbow {
0% { background: #c00; }
50% { background: orange; }
100% { background: yellowgreen; }
}
7、blob
8、xss
9、跨域