qq_48108860的博客

目录参数axios实现异步请求同步编写axios快捷方法axios实例（带有默认配置对象）axios全局配置默认值请求拦截器响应拦截器清除响应拦截器Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。参数1、请求路径：url，请求路径为必填参数2、请求方式：method，默认发送get请求3、携带参数，默认是JSON格式的数据①get参数携带在params上：要用qs转换js对象---Qs.stringify

目录原生的AjaxJQuery封装的Ajax原生的Ajax1、创建Ajax实例对象---let xhr = new XMLHttpRequest();2、打开一个连接---xhr.open(请求方式，请求路径)，其中请求方式为必填参数①get请求：地址栏请求字符串，要用qs转换js对象---Qs.stringify()②post请求：参数携带在请求体send()中设置请求头为表单格式，发送请求时要用qs转换js对象---Qs.stringify()...

目录使用五个属性1、State2、getters3、mutations4、actions5、modules辅助函数1、mapState()2、mapGetters()3、mapMutations()4、mapActions()模块化namespaced: true表示设置命名空间。解决冲突的方法：给某个状态机中变量重命名，用辅助函数mapState()。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所

目录安装使用重定向path和redirect实现重定向name（大名）和redirect实现重定向动态路由匹配想对路由参数的变化作出响应的话，可以使用监听器或路由守卫嵌套路由编程式导航编程式导航，可以使用path-query传参、name-params传参和name-query传参路由模式hash模式history模式hash路由和history路由的区别：导航守卫全局守卫（全局前置守卫、全局后置守卫）路由独享守卫组件内的守卫面试题

插槽普通插槽，具名插槽，作用域插槽插槽允许我们在调用子组件的时候为子组件传递模板。<slot> 元素作为承载分发内容的出口。父级模板里的所有内容都是在父级作用域中编译；子模板里的所有内容都是在子作用域中编译。在插槽默认模板中，可以直接访问子组件的数据，可以通过props间接访问父组件的数据。在插槽自定义模板中，可以直接访问父组件的数据，可以通过作用域插槽间接访问子组件的数据。默认插槽、匿名插槽如果子组件当中有内容,则显示子组件中的内容；如果子组件当中没有内容,则显

代码模板组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。 let component = { data () { return { count: 0 } }, ...

1、部署jar包filezilla：将jar包拖到服务器上cmd：ssh root@公网IP（39.104.24.238）cd /jarnohup java -jar briup-ej-0.0.1-SNAPSHOT.jar &2、新建数据库Navicat：新建数据库---数据库名：briup-ej--utf8 --- 字符集：UTF-8 Unicode运行SQL文件...

从输入网址到页面显示的过程？DNS解析发起TCP连接（三次握手、四次挥手）发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束HTML页面渲染过程？解析HTML文件，创建DOM树解析CSS，形成CSS对象模型将CSS与DOM合并，构建渲染树布局和绘制link和@import的区别？link是HTML标签，@import是CSS提供页面被加载时，link会同时被加载，@import得等到页面被加载完再加载link无兼容问题，@i

目录v-model实现表单双向数据绑定watch监听器、侦听器监听基本数据类型监听引用数据类型（深度监听）computed计算属性watch和computed的区别v-model实现表单双向数据绑定可以用 v-model 指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。 它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数

目录事件绑定事件参数（模态框案例）事件修饰符事件绑定v-on 可以监听DOM 事件，并在触发时运行一些 JavaScript 代码。v-on 还可以接收一个需要调用的方法名称。 <button v-on:click="handler">点击我</button> methods: { handler(event){ console.log('我是一个事件对象'); ...

简介Vue是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅容易上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。用来做单页面应用--index.html,页面跳转用的vue插件路由来实现跳转。特点1、前端三大主流框架之一 vue react Angular2、轻量级框架 体积更小3、生态圈广泛，适合初学者4、基于mvvm

冒泡排序整个过程需要n-1趟冒泡，每趟冒泡都找出未排序序列的最大元素第i趟排序是将第1个位置至第n-i+1个位置元素两两依次比较，最终将最大元素放在第n-i+1个位置第一趟冒泡之后最后一项是有序的了，第二趟冒泡之后最后两项是有序的了，以此类推，直到整个数组完全有序（第一个元素不需要一趟冒泡）。 未排序序列：5 2 3 4 1 第一轮排序：2 3 4 1 5 第二轮排序：2 3 1 4 5 第三轮排序：2 1 3 4 5 第四轮排序：1 2 3 4 ..

// 指数运算console.log(3**3);// includes()方法，数组的原型方法Array.prototypevar arr=[1,2,3,4];console.log(arr.includes(4));

Generator是ES6提供的一种异步编程解决方案，语法不同于普通函数；简单的把Generator 理解为一个状态机，封装了多个内部状态，一个yield就是一个状态。执行Generator 函数会返回一个迭代器对象，可以通过调用迭代器next依次遍历Generator函数内部的每一个状态。Generator函数的两个特征1、function关键字与函数名之间有个星号 function* helloWorldGenerator(){ 几行代码 yield ...

迭代器Iterator迭代器（Iterator）是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。Iterator 的作用一是为各种数据结构，提供一个统一的、简便的访问接口；二是使得数据结构的成员能够按某种次序排列；三是ES6创造了一种新的遍历命令for...of循环，Iterator接口主要供for...of消费。原生具备 Iterator 接口的数据结构Array、Map、Set

目录类继承1、子类对象指向父类对象2、子类原型对象继承父类原型对象Symbol1、为了解决冲突2、消除魔术字符串3、全局注册表Symbol.for(key) ：创建的的symbol会被放入一个全局symbol注册表中。Symbol.keyFor()：检测symbol值是否在全局注册过，返回key或者Undefined。类类是构造函数的另一种写法1、constructor方法是类的默认方法，通过new命令生成对象实例时自动调用该方法。一个类必须有cons..

ES61、变量声明let：不能重复声明，块级作用域，在变量声明之前使用会报错，不影响作用域链效果var：可以重复声明，在变量声明之前使用不会报错案例：点击换色或2、常量声明const：一定要赋初始值，一般常量使用大写，常量的值不能修改，块级作用域，但是对象属性修改和数组元素变化不会出发 const 错误3、变量的解构赋值从数组和对象中提取值，对变量进行赋值数组的解构对象的解构4、模板字符串（反引号" ` "）内容中可以直接出现换

对象静态API扩展Object.is()：判断两个值是否相等 console.log(1===1); console.log(Object.is(1,1)); true true console.log(+0===-0); console.log(Object.is(+0,-0)); true false console.log(NaN===NaN); console.log(Object.is(NaN,N

环境安装1、安装转码工具babel：ES6代码转换为ES5代码（因为有浏览器不支持ES6）集成终端中打开，且确保当前执行环境为cmd（清屏命令为cls）cnpm install -g babel-cli2、安装转换规则cnpm install -g babel-preset-latest3、写转换规则文件.babelrc4、试着运行.js文件babel 文件名.js5、如果报错cnpm install --save-dev babel-cli b.