qq_44242707的博客

1.使用<keep-alive> <component :is="chooseComponent"></component></keep-alive>2.源码分析1.props：keep-alive支持配置的属性作为prop传入props: { include: [String, RegExp, Array],//缓存包含组件 exclude: [String, RegExp, Array],//缓存不包含组件 ma

1.axios执行ajax异步请求请求形式：get请求：axios.get().then().catch()post请求：axios.post().then().catch()并发请求：axios.all([axios请求,axios请求]).then(axios.spread(function(acct,perms)))配置请求：axios(config)、axios(url[,config])、axios.create([config])配置默认值：axios.default.dat

1.作用webpack 是一个静态模块打包器(module bundler)。它会递归地构建一个依赖关系图(dependency graph)， 其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle打包：可以把多个Javascript文件打包成一个文件，减少服务器压力和下载带宽。转换：把拓展语言(SCSS/ES6)转换成为普通的JavaScript，让浏览器顺利运行。优化：WebPack具有优化和提升性能的责任。2.核心概念entry：webpack.confi

1.响应性原理定义：new Proxy(target,handler)Proxy：将对象包装在Proxy中，对对象进行拦截处理Reflect：返回值track：跟踪对象trigger：更改对象const dinner = { meal: 'tacos'}const handler = { get(target, property, receiver) { track(target, property) return Reflect.get(...argument

1.vuex的应用场景：state：驱动应用的数据源；view：以声明方式将 state 映射到视图；actions：响应在 view 上的用户输入导致的状态变化。多个视图依赖于同一状态；来自不同视图的行为需要变更同一状态。使用vuex以全局单例模式进行管理，任何组件都能获取状态或者触发行为2.vuex与单纯的全局对象的不同vuex的状态存储是响应式的，状态发生变化时对应组件高效更新不能直接改变store中的状态，需要显示提交mutation，便于追踪状态变化全局变量多会造成命名污染

Html配置< router-link to=“link” >：路由链接，对应path< router-view name=“可选” >：路由匹配渲染目标，对应path指向的组件常规路由配置path：路径name：路径命名component：路径对应的组件children：路径嵌套路由路由定义1、动态路由：path:'/user/:id'：通过this.\$route.params.id获取idpath: '/user-*'：通过his.\$route

mock用途：模拟后端接口假数据，进行分离开发用例：针对url的请求返回的response即mock中设定的dataMock.mock(url, { 'list|1-10': [{ 'id|+1': 1 }]})1.数据模板定义规范DTD‘name|rule’：valuename：属性名rule：生成规则，需依赖属性值的类型才能确定value：属性值，可含有占位符@，指定最终值的初始值和类型属性值是字符串 String‘name|min-

Sass1.变量变量声明：属性名前加上$作为变量名可在css内重用$nav-color: #F90;nav { $width: 100px; width: $width; color: $nav-color;}//编译后nav { width: 100px; color: #F90;}2.嵌套CSS规则嵌套后的代码看似小，生成的文件可能非常大嵌套方法：相当于后代选择器#content { article { h1 { color: #33

Vue-cli1.配置文件vue.config.js2.快速原型开发：对单个vue文件进行快速原型开发vue serve：需要安装全局依赖，机器一致性无法保证，对应目录执行：vue serve filevue build：将目标文件构建成一个生产环境的包用来部署，对应目录执行：vue build file3.创建项目vue create project选取preset：默认/手动，.vuerc保存设置vue ui：图形化创建和管理项目4.插件：每个CLI插件都会包含一个(用来

模块化开发服务端模块：同步加载CommonJS：运行时加载，输出的是值的缓冲，不存在动态更新模块定义：模块设置为一个构造函数，module.exports = 函数名 / exports.变量名模块调用：var a = require(‘模块名’) 实例对象 = new var()好处：避免全局污染、明确依赖项目、语法清晰缺点：同步加载模块，阻止浏览器运行其他内容客户端模块：异步加载AMD：依赖前置原则(必须加载完依赖)define([模块]，callback(模块参数名)

概念：淡入淡出过程，相对于transition，任何组件和元素添加进入/离开过渡name属性：对应过渡的名称过渡类名：v对应transition的namev-enter：进入过渡的开始状态，元素插入前生效，插入后下一帧移除v-enter-active：进入过渡生效时的状态，定义过渡的过程时间，延迟和曲线函数v-enter-to：进入过渡的结束状态，云阿苏插入之后下一帧生效，过渡完成后移除v-leave：离开过渡的开始状态v-leave-active：离开过渡生效时的状态v-leave-t.

1.插槽内容组件外：写入模板内容，内容可为任何模板代码组件内：通过元素< slot >< /slot >进行模板引入编译作用域：父级模板内容在父级作用域编译，子级模板内容在子级作用域编译后备内容：< slot >自定义默认值< /slot >2.具名插槽组件内：< slot name = “名称” > ，不带name则隐含名字default组件外：<template v-slot:名称>内容< /templat

1.v-modelvue2.0：绑定value属性以及input事件，修改属性以及事件名称需在组件定义中添加model选项，model{ prop：'title', event: 'change' } //绑定title属性，change事件改编title属性绑定值v-bind.sync：:title.sync绑定属性，组件内部通过this.$emit(‘update:title’,newValue)更新vue3.0：v-model:title直接绑定title属性，组件内部通过this.$emit

1.Vue2.0beforeCreate：数据观测和初始化事件未开始created：完成数据观测，属性和方法的计算，初始化事件，$el属性不可用beforeMount：render函数被调用，实例完成编译模板，并把数据和模板生成HTMLmounted：用编译好的HTML来替换el属性指向的DOM对象，完成模板中的HTML渲染到页面beforeUpdate：数据更新时调用，能访问当前DOMupdated：组件DOM已经更新，可以执行依赖于DOM的操作；大多数情况下避免在此期间改变状态；不会保证所

1.生命周期函数：在vue2.0的生命周期函数的命名中加入前缀on，并且生命周期函数的操作写在setup中setup在beforecreate与created前面执行，setup代替执行这两个函数生命周期函数需要通过import形式引入2.提供/注入：父组件：setup内通过ref/reactive为变量增加响应性，再通过provide(‘a’,a)提供子组件：setup内通过inject(‘a’,默认值)注入，子组件内可直接修改provide的值不可修改只读：provide(‘a’,r

登录安全方式直接传输：http信息可能被抓包的形式进行抓取加密：利用加密算法将明文加密，存在截获密文直接发送给服务器同样能够登录的问题token：每次请求携带token解决上面的问题，存在路由截取修改数据包字段的问题数字签名：将报文通过哈希函数生成报文摘要用私钥进行加密生成签名，签名与报文一起发给接收方接受方通过哈希函数生成报文摘要，用公钥对数字签名进行解密生成验证摘要。对比确定字段是否进行修改，从而解决以上问题。数字签名是HTTPS能够确保数据完整性和防篡改的根本原因。加密算