故心故心故心故心小故冲啊
文章目录
1.async await 如何检测异常
通过try catch
2.vue中的修饰符
3.在vue中样式设置了scope唯一性,那么如果需要里面的一个样式呢?
vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>,穿透scoped。
有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)
<style scoped>
外层 >>> 第三方组件 {
样式
}
/deep/ 第三方组件 {
样式
}
</style>
4.push和 replace的差别 就是 this.$router.push() 和this.$router.replace() 以及go的差别
1.this.$router.push()
描述:跳转到不同的url,但这个方法会向history栈添加一个记录,点击后退会返回到上一个页面。
2.this.$router.replace()
描述:同样是跳转到指定的url,但是这个方法不会向history里面添加新的记录,点击返回,会跳转到上上一个页面。上一个记录是不存在的。
3.this.$router.go(n)
相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面
5.get 和post区别
6.promise 与 async await
JavaScript Promise 是替代传统回调函数的一个方案,是回调函数的一个改进版。但使用 Promise 会让代码中大量出现 then 方法,一长串的那种。ES2017 引入了一种新的处理异步任务的方式----async 函数,它比使用 Promise API 更加简洁。
7.this的理解
1.在构造函数中 this指向永远绑定在实例化对象中
2.在直接调用中 this指向window
var name='window'
function fun(){
var name='fun'
console.log(this.name)
}
let obj={
fun:fun,
name:'hkj'
}
let f=obj.fun
f() //window
3.在箭头函数中 箭头函数没有this,所以只能向外借用this
4.当做属性调用 被当做属性调用时,函数中this指向对最后一个调用函数的对象。这里指向obj,所以name为hkj
var name='window'
function fun(){
var name='fun'
console.log(this.name)
}
let obj={
fun:fun,
name:'hkj'
}
obj.fun() //hkj
5.定时器内this指向 setTimeout中的this都指向window。
8.文本缩略
单行文本溢出的时候
overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示
white-space:nowrap; //溢出不换行
多行文本溢出
要显示的行数 = 高度 行高
/* 多行文本溢出 */
overflow: hidden;
/*高度为需要显示的行数*行高,比如这里我们显示两行,则为3*/
line-height: 1.5em;
height: 3em;
9.异步 什么是异步
异步(async)是相对于同步(sync)而言的
同步就是一件事一件事的执行。只有前一个任务执行完毕,才能执行后一个任务。
JS单线程的,在执行代码是一行一行的执行的,如果遇到一些时间长的代码任务,是不会停下来等待的
这时候就产生异步,将这些时间长的代码放到一个任务队列中,先把同步任务执行完毕,然后再去执行这些异步任务
10.跨域
CSRF(Cross-site request forgery)跨站请求伪造
11.vue中路由守卫
beforeEach 全局前置守卫(最多)
afterEach 全局后置守卫
beforeResolve 全局解析守卫
路由导航守卫:
beforeRouteEnter
beforeRouteUpdate
beforeRouteLeave
12.手机端适配
通过媒体查询+rem进行适配
在不同的html字体大小中,实现不同的适配