秀秀的奇妙旅行

参考 相同点不同点应用场景相同点不同点应用场景

前言由于面试的时候被问到了这个 所以来学习一下ps：当问到不会的问题时可以这么说：这个我之前没有用过，但是有过一点了解，然后balabala说自己的了解摘自以下链接iframe跨域数据传递 postMessageiframe定义数据传输iframe跨域数据传递 postMessageiframe.contentWindow 属性window.onload①发——postMesssage② 收- addEventListener(message,function(even

keep-alive实现原理vue中keep-alive的使用及详解 1、概念2、 作用以及使用场景3、原理① 实现② activated和deactivated生命周期函数（和created函数区分）③ props4、使用① 缓存所有页面② 根据条件缓存部分页面③ 结合router1、概念2、 作用以及使用场景3、原理① 实现② activated和deactivated生命周期函数（和created函数区分）③ props4、使用① 缓存所有页面<template

父子件向子组件传值props插槽vue组件组件传值方式之——插槽的分类(slot、v-slot、slot-scope)以及具体使用（附代码）

组件的基本使用1、vue.component和vue.use的用法vue.component和vue.use的用法Vue.use()怎么用vue封装一个可以通过api调用的组件注册全局组件main文件import VueQuillEditor from 'vue-quill-editor'// 将富文本编辑器注册为全局组件Vue.use(VueQuillEditor)import TreeTable from 'vue-table-with-tree-grid'Vue.compone

分类对比标准 w3c 盒子模型ie 盒子模型分类对比盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型区别content是否包含border 和 pading（标准盒子不包含）box-sizing: content-box | border-box | inheritpscontent-box，即默认是标准盒子模型标准 w3c 盒子模型标准 w3c 盒子模型的范围包括 margin、border、padding、contentcontent 部分不包含bor.

浏览器渲染HTML的步骤① 什么是重绘和重排？② 引起重排的操作③ 如何减少重排和重绘例子单个dom批量修改dom（例如修改ul中所有的li）使用缓存④重绘浏览器渲染HTML的步骤① 什么是重绘和重排？② 引起重排的操作③ 如何减少重排和重绘前端性能优化之重排和重绘例子单个dom批量修改dom（例如修改ul中所有的li）使用缓存④重绘...

什么是严格模式开启严格模式严格模式下的变化严格模式下的缺点什么是严格模式开启严格模式为脚本开启严格模式只为函数开启严格模式严格模式下的变化严格模式下的缺点

传值方式Vue 组件间通信六种方式1、父子组件的通信props、$emit① 父=>子（在子组件设置props传值）② 子=>父（在子组件通过时间的形式$emit）子组件父组件2、兄弟组件进行传值——$ emit/ $on3 、refvuex摘自该文的vuex部分vuex用于组件之间的传值。ref通过ref拿到组件对象，从而得到组件中的所有值我项目中用到过的传值方式结合elenment-ui进行传值印象比较深刻的是弹出dia

背景分配角色修改角色信息背景背景： 一个table表格，每一行都有 分配角色和修改用户信息的功能点击对应按钮弹出如下不同的对话框问题：对话框中的内容不同—— 是如何通过scope.row 传值渲染的分配角色直接渲染：传的是scope.row，showdialog函数里面 赋值给data中的user（这一行的数据而非一个ID），在dialog中直接使用<!-- 分配角色按钮 --><el-button type="warning" @click="show.

摘自该文的vuex部分vuex用于组件之间的传值。

vue中前端处理token过期的方法与axios请求拦截处理Axios如何实现数据请求、前后端通信——（具体代码是如何实现的）axios的封装这个讲的很清晰 1、vue router路由拦截 路由导航守卫（router.beforeEach）2、axios请求拦截器① 请求拦截器② 响应拦截器3、axios的封装① axios的特点② 为什么要对axios进行封装③ 如何封装1、路由导航守卫——对每次路由地址变化进行拦截，根据所在的页面和要去的页面（登录页和其他页面）判断要不要放行2、axios

① watch computed与 methods作用机制区别② watch、computed区别computedwatch区别① watch computed与 methods作用机制区别② watch、computed区别computedwatch区别

1、事件、事件流的概念（分类）2、 为什么要有冒泡和捕获两种事件流机制3、阻止冒泡4、事件委托浅谈事件冒泡和事件捕获——有具体易于理解的例子1、事件、事件流的概念（分类）事件是交互（浏览器和文档）冒泡：子级元素先触发，父级元素后触发捕获：父级元素先出发，子级元素后触发2、 为什么要有冒泡和捕获两种事件流机制为什么要有冒泡和捕获，自然各自有各自的应用场景。比如有parent，child两个父级关系的div。我在child上点击，但是我只想让child接收这个事件，那么需要用.

组合继承(类与类的方法)通过构造函数继承(继承父类属性)通过原型对象(继承父类方法)组合继承优化es6通过类继承组合继承(类与类的方法)详解JS继承，从原理入手到 五种js 实现继承方式通过构造函数(继承父类属性)+原型对象(父类方法)通过构造函数继承(继承父类属性) function Parent(name) { this.name = name; // 实例基本属性 (该属性，强调私有，不共享) this.arr = [1]; // (该属性，强调私有)}fun.

异步编程: 一次性搞懂 Promise, async, await (#js #javascript) 1、异步问题2、什么是promise3、promise用法① promise基本用法② promise.all()和promise.race()1) promise.all()promise.all中，其中一个promise出错，如何确保执行到最后？2）promise.race()3）区别③ async/await1、异步问题在处理一些需要花费比较长事件的任务时。为了防止阻塞会采取异步操作①使

闭包的定义闭包的解释闭包的作用就是：延伸了变量的作用范围使得在函数外部也能访问函数内部的局部变量并且不会立刻销毁，而是在所有引用结束之后销毁闭包的作用

面试题：深拷贝和浅拷贝(超级详细，有内存图)深拷贝和浅拷贝区别定义深拷贝和浅拷贝主要是针对对象的属性是对象（引用类型）1、浅拷贝只拷贝一层（对象只拷贝地址）手写浅拷贝（循环）：正常数值正常拷贝，对于对象——只拷贝地址（改变任何一份，都会改变这个对象的值）2、深拷贝...

1、 各种情况下this的指向2、改变(函数)this的指向:call、apply和bind方法用法区别1、 各种情况下this的指向2、改变(函数)this的指向:call、apply和bind方法参考1参考2用法例子一例子二区别applybind...

1、原型原型——构造函数的属性prototype对象的属性__proto__隐式原型、显式原型原型对象prototype的属性constructor2、原型链1、原型原型——构造函数的属性prototypees6 才提出了类的概念：之前使用构造函数和原型模拟类构造函数有一个属性：prototype，在这个属性中一般定义一些公共的方法（公共属性定义到构造函数内部）—————避免内存浪费问题（创造一个对象就会在内存创造一些变量）对象的属性__proto__对象原型__proto__.

CSS菜鸟教程

路由重定向编程式导航路由导航守卫控制访问权限路由重定向路由重定向问题把home区域显示的东西重定向到/welcome的页面（即显示/home的时候，重定向到/welcome，显示welcome组件的内容），在home的那个区域放一个路由占位符< router-link >//导入vue和vue-routerimport Vue from 'vue'import Router from 'vue-router'//导入组件import Home from '../co.

在学习前端项目的过程中，使用了axios，所以总结一下axios实现数据传输的方式 Axiosaxios的概念什么是Ajax导入axiosAxios拦截器记录用户登录状态方法（cookie、token、session）token的使用实例Axios请求方法总结Axiosaxios的概念axios是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。简单来说： ajax技术实现了网页的局部数据刷新，axios实现了对ajax的封装。axios是ajax a..

目录v-bind和v-model 和 :model 和：参数应用v-model 和 :model 在element-ui中tab栏中的应用v-model 和 :model 在element-ui中表单中的应用tab栏与步骤条的动态联动效果v-bind和v-model 和 :model 和：参数v-bind和v-model的区别v-model和:model的区别v-bind= : (属性名) 应用于属性，单向绑定，不存在view向model传值的操作view向model传值包括——

前言：

v-bind和v-model 和 :model 和：参数如何调用后端接口使用axios获取数据El渲染表格数据一些不熟练的布局组件的使用弹窗数据路由跳转v-bind和v-model 和 :model 和：参数v-bind和v-model的区别v-model和:model的区别v-bind= :, 应用于属性，单向绑定，不存在view向model传值的操作v-model：应用于表单之类的，双向绑定，view可以从model取值，也可以把输入到view的值 放到model里面.

jwt实现session的功能？element—UI 前端UI组件库Axios 发起前端网络数据请求Echarts 相关图形报表Vue-router

【狂神说Java】Vue最新快速上手教程通俗易懂目录概述概述概述中主要讲了Vue的概念、浏览器渲染引擎工作流程、dom树、css预处理器、js框架、UI框架等DOM以及浏览器渲染页面的过程(DOM就是一个文档树)CSS预处理器vue核心之虚拟DOM浏览器渲染引擎工作流程大致分为5步(DOM构造、布局以及绘制页面）)创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标

Bom\Dom介绍视频一天时间，大致过了一下主要内容，也只是过了一下，并没有记住，在项目里面用到以及背js面经的时候再来复盘吧and 老师讲的很好，有时间可以仔细学一下，but我还有其他的一堆事情（烦） 一 web API二 dom主要内容获取页面元素事件三要素（重点掌握）例子鼠标事件事件对象操作元素节点操作创建节点三 Bom介绍一 web API二 dom主要内容获取页面元素根据id获取根据标签项or 根绝id选定了之后，再根据标签项输出获