不明真相的末影人

思路：服务器状态码为401时，代表token过期，在响应拦截器中拦截服务器的响应信息，判断状态码是否等于401，如果为401，使用refresh_token发起请求，请求新的token，替换token信息/** * 封装 axios 请求模块 */import axios from "axios";import jsonBig from "json-bigint";import store from "@/store";import router from "@/router";// axi

如果父组件中有数据想给所有后代组件使用可以使用依赖注入的方法语法：父组件中：provide: function () { return { articleId: this.articleId }}子组件中 inject: { articleId: { type: [Number, String, Object], default: null } }...

一、使用v-modelv-model的实质<子组件 v-model="num" />等同于<子组件 v-bind:value="num" @input="num = $event" />子组件配置v-modelprops: ['value']this.$emit('input', 值) model: { // 配置修改v-model的默认接收名称 prop: 'isFollowed', // 默认是 value event: 'update-is_follow

父组件想获取子组件data中的数据或调用方法通过this.$refs.xx方式拿到子组件对象 直接使用子组件对象.属性名/方法名 可以直接调用子组件内的数据子组件想获取父组件data中的数据或调用方法通过this.$parent拿到父组件对象 有时候组件嵌套多层，可以连续多次$parent使用方法和上面一样...

vue中scoped让css样式只作用于当前文件的原理如果在vue文件中的style标签中写上了scoped属性, 就代表在此style标签中所写的所有样式, 都只会作用于当前组件中的布局, 不会影响其他组件, 哪怕是子组件scoped通过给当前文件的template内所有标签加上 data-v-(hash) 的属性 的方式，让每个vue文件标签都拥有不同的一个属性，给vue文件中的style标签加上scoped属性后，css选择器在编译时会自动加上data-v-(hash) 选择器，这样就达到了筛选当

js处理大数字会不准确当axios内部进行JSON.parse()将服务器返回的字符串转换为对象之后, 文章的ID值会不准确解决大数字的方法：使用字符串格式的数据使用JSONbigint第一步： 安装 npm i json-bigint第二步： 配置import axios from 'axios'import jsonBig from 'json-bigint'var json = '{ "value" : 9223372036854775807, "v2": 123 }'c

什么是VueXvueX是一个状态管理工具，用来管理vue数据，可以实现组件之间数据共享；它提供了一个公共内存，可以给这个内存提交数据或取数据；vueX文件中的几个属性（vuex文件–src/store/index.js）初始的vuex文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { }, mutations: { },

什么是路由路由是映射关系，在vue中，路由就是路径和组件的映射关系vue路由使用路由的原因 – 单页面应用：所有功能在一个html页面上实现路由的优点：1.整体不刷新页面，用户体验好；2.数据传递容易，开发效率高；路由的缺点：1.开发成本（需要学习额外的知识）2.首次加载会慢一点，不利于seovue-routerVue Router 是 Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的

动态组件语法：<component :is="comName"></component>import UserName from '../components/01/UserName'import UserInfo from '../components/01/UserInfo'export default { data(){ return { comName: "UserName" } },

生命周期vue的生命周期就是vue实例从创建到销毁的过程vue生命周期的钩子函数1 beforeCreate在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。2 created在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)， 属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。3 beforeMount在挂载开始之前被调用：相关的

Vue组件组件开发的优点：利于维护、代码结构清晰、无冗余代码组件化 ： 封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护；组件注册使用：全局注册import Vue from 'vue'import 组件对象 from 'vue文件路径'// import Pannel from './components/Pannel'// Vue.component("PannelG", Pannel)Vue.component("组件名", 组件对象)全局注册组件名后, 就

v-for更新监测当使用会造成原数组改变的方法时，会导致v-for更新，页面更新；不会造成原数组改变的方法，可以给原数组重新赋值或使用this.$set()更新数组；使用arr[索引] = 值的方法更新数组的值时，不会造成v-for的更新，需要使用this.$set()方法；this.$set()语法：this.$set(this.arr, 索引, 值)v-for的就地更新v-for的默认行为会尝试原地修改元素而不是移动他们虚拟DOM.vue文件中的template里写的标签都是模板，都要

Vue基础概念vue是一个渐进式的javascript框架vue开发的两种方式：1.传统的在html页面引入vue2.webpack工程化开发vue文件的三个根标签：1.template 提供组件的html结构（vue文件中必须有一个template，template中必须有且只能有一个根元素）2.script 写js代码3.style 写css样式（通过lang="less/sass"可以使用less或者sass，但需要安装依赖包）vue-cli脚手架因为webpack配置起来很麻烦，所以

webpack基本概念webpack概述：webpack是一个静态模块打包器；webpack可以：1.语法转换（less、sass转换为css；ES高级语法降级）2.打包、压缩、合并代码3.监听代码的变化，自动打包刷新4.提取单VUE文件里的html、css、jswebpack基本使用yarn init -y 初始化项目yarn add webpack webpack-cli -D 安装webpack包”scripts“: {"build":"webpack"} 配置打包命令（在packa

ES6模块化传统模块化规范：AMD、CMD、CommonJS （前两种在ES6拥有模块化语法后已废弃、只有CommonJS仍有node在使用）语法：默认导入和导出： import 变量名 from '路径' 导入模块（导入模块名称可自定义）；export default 对象 导出模块（默认导出只能导出一次）；按需导入和导出：import {s1, s2 as 变量名, sn} from '路径' （导入名字必须和导出的名字一致，改名可用as关键字）export let s1 = 0; exp

web开发模式服务器端渲染——前后端不分离优点：前端耗时少、有利于SEO缺点：占用服务器资源、开发效率低，不利于前后端分离前后端分离优点：开发体验好、用户体验好、减轻了服务器端的渲染压力缺点：不利于SEO选择主要看业务场景，现在基本都是前后端分离的模式身份认证概念：又称“身份验证”、“鉴权”，指通过一定手段，完成对用户身份的确认身份认证的解决方案一般有两种：服务器端渲染Session认证机制；前后端分离用JWT认证机制；需要身份认证的原因：HTTP协议的无状态性：每次HTTP请求都是

数据库就是用来组织、存储和管理数据的仓库；分类：关系型数据库：MySQL、Oracle、SQL Server非关系型数据库：MongoDB关系型数据库结构：数据库、数据表、数据行、字段数据库设计表：数据类型：int 整数；varchar(length) 字符串 (length 字符串的最大长度)；tinyint(1) 布尔值；字段规则：PK（主键）一般命名为id、就是每条记录的唯一标识；NN（不能为空）；UQ（不能重复）；AI（自动增长）；SQL语句sql语句是一种查询语言，可

corscors是一个解决跨域资源共享的第三方的中间件cors的使用const cors = require('cors');app.use(cors());解决跨域的原理：浏览器的同源策略会阻止网页跨域获取资源（跨域是浏览器的行为），但如果接口服务器配置了CORS相关的HTTP响应头，就可以解除浏览器端的跨域访问限制；cors中间件原理：Access-Control-Allow-Origin 限制域名Access-Control-Allow-Headers 限制请求头Access-Co

express简介express是基于node.js平台，快速、开放、极简的web开发框架，是一个第三方的包；express可以提供网页服务和接口；使用express搭建基本的服务器安装express npm i express@4.17.1（@4.17.1是版本号）const express = reequire('express');const app = express();app.listen(80, () => { console.log('server running at

第三方包的使用什么是包？第三方模块就是包，使用包可以提高开发效率；在 npm官网 搜索包；包如何下载?使用npm命令下载，只要安装了node，就可以直接使用npm命令 npm i 包名（i是install的简写）打开cmd窗口，输入 npm -v 可以查看npm的版本设置taobao镜像，可以提高包的下载速度（因为npm是外网服务器）npm config set registry=https://registry.npm.taobao.org/下载好的包可以通过 require('模块名')