【面试】尚硅谷笔记前端相关

组件通信

1. 父子:props、插槽、ref
2. 子父：自定义事件
3. 万能：vuex、$bus、pubsub

面试问题：v-for与v-if优先级?

在同一标签中，v-for的优先级大于v-if。

1. 如果同时出现，每次渲染都会先执行循环再判断条件，无论如何循环都不可避免，浪费了性能。
2. 要避免出现这种情况，则在外层嵌套template，在这一层进行v-if判断，然后在内部进行v-for循环。
3. 如果条件出现在循环内部，可通过计算属性提前过滤掉那些不需要显示的项。

对于一个分页器

1. 需要知道数据总条数
2. 每一个需要展示数据条数
3. 知道当前是第几页
4. 连续页码数字
5. 自定义事件【子给父通信的】

push与replace区别?

1. 编程式导航：push 与 replace
2. 能不能记录历史记录：push（能记住历史记录） replace（不能记住历史记录）
3. 目前项目当中：进行路由跳转（编程式导航）基础都是push

面试题：GET与POST

1. 相同点：都是HTTP协议。
2. 不同点:
   • GET请求携带参数是有上限的 post请求携带的参数是没有’上限的’
   • GET请求相对而言不安全，POST安全

问题1:什么时候用router-link、什么时候用编程式导航。

1. 如果一个按钮点击过后，如果只有路由跳转的业务【声明式导航、编程式导航】
2. 如果点击一个按钮除了路由跳转，还有其他的业务，可以选择编程式导航。

token面试题:项目当中token过期、失效如何处理？

• 清除本地token（本地存储），让用户回到登录页，获取最新的token

面试【高频的面试】:项目的性能优化手段有哪些？

• v-if|v-show:尽可能采用v-show
• 按需引入【lodash、elementUI】
• 防抖与节流
• 路由懒加载：当用户访问的时候，加载对应组件进行展示。
• 请求次数优化

面试题：v-show与v-if区别?

• v-show : 通过样式display控制
• v-if ：通过元素上树与下树进行操作

路由传递参数先关面试题

• 1. 路由传递参数（对象写法）path是否可以结合params参数一起使用?

path和params参数不能一起使用
官网文档特意说明了这种情况
路径参数缺失是无法匹配path里面的占位符的

• 2. 如何指定params参数可传可不传?

在配置路由的时候 在占位的后面加上一个问号
path:“/search/:keyword？”

• 3. params参数可以传递也可以不传递，但是如果传递是空串，如何解决？

使用undefined解决
this.$router.push({name:‘XXX’,params:{keyword:‘’ || undefined},query:{k:this.XX}})

• 4. 路由组件能不能传递props数据?

可以

函数防抖与节流面试题

• 正常：事件触发非常频繁，而且每一次的触发，回调函数都要去执行（如果时间很短，而回调函数内部有计算，那么很可能出现浏览器卡顿）

• 防抖：前面的所有的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续快速的触发,只会执行最后一次

• 节流：在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发