2022-07-25笔记

1. http一般的报错情况

一些常见的状态码为：

200 - 服务器成功返回网页
404 - 请求的网页不存在
500- 后台出错

2. SpringMVC获取前端参数主要有两个注解

• @RequestParam
• @RequestBody

3.Breadcrumb面包屑

官方文档
面包屑就是显示当前页面的路径，快速返回之前的任意页面。

4. 面包屑的底层javaScript实现代码

调用函数

类似这种
vue中需要加一个mata的属性

5. vuex

vue 组件之间的数据共享、
官方文档

6. MVVM思想是啥

M（model）
V（view）
VM（View-Model）

model模型是提供数据的，view视图是提供页面展示效果的，VM是实现控制逻辑把两者结合在一起。

MVVM设计思想的理念就是分而治之，把不同的业务代码放到不同的模块当中，然后通过特定的逻辑把他们组织到一块。最核心的就是双向绑定的方式 我们要清楚，从视图到模型用的是事件监听DOM Listeners，从模型到视图用的是数据绑定 Data Bindings。

7. vue中可以用属性绑定css，然后 ：class绑定属性

css

.submenuHide {
  display: none;
  position: relative;
}

.submenuShow {
  display: block;
  position: relative;
}

绑定属性

<ul :class="submenu" v-if="menu.children.length>0">

默认设置

data() {
    return {
      submenu: {
        submenuHide: true,
        submenuShow: false
      },
    }
  }

改变属性

  methods: {
    test() {
      this.submenu.submenuHide = false;
      this.submenu.submenuShow = true;
    }
  }

8. 菜单动态获取

曾经创建dom

• 原生JavaScript
• jQuery

现在写vue模板，循环处理即可

v-for

9. 响应拦截器作用

响应拦截器的作用是在接收到响应后进行一些操作，例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页。

可以解决token过期的问题

再封装好的axios.js编写代码

instance.interceptors.request.use(
    config => {
        /*
        请求之前，携带上token
         */
        let token = sessionStorage.getItem("token");
        if (token) {
            config.headers.token = token;
        }
        return config;
    },
    err => {
        return Promise.reject(err)
    }
)