小白成长记

前端思路：上图中，可以是控制的，可以是根据用户信息从路由表中筛选的。此处讲解路由信息的情况。

属性来给不满足条件的行增加特定的class名，配合css样式的displaynone实现展开图表的隐藏。row-class-name="record=>不展开的条件&&'noExpand'"在满足某一条件下，表格行可展开子表格。不满足条件的时候不能点击。不能点击不好实现，但可以实现让其隐藏，通过表格的。......

路由跳转有两种方式1、方式，2、编程式跳转。路由守卫控制路由在符合某种条件下才能完成跳转。后置，在跳转之后判断，不管符不符合，路由都会跳转，浏览器地址栏都会变化，多用于跳转后修改页签标题等。中，亦或者是在与某个引入了src/router/index.js文件暴露的router的。前置，在路由切换之前判断，不符合条件则不跳转。//to要去的路由，from当前路由，next触发跳转。//to要去的路由，from当前路由，next触发跳转。1.全局前置路由守卫。...

前端在实现单点登录过程中，最主要的 是按照系统的要求 保存好 可以证明系统登录过的证据。保存证据（下文统称其为token）的位置：1. localStorage，2. cookie对于存在不同域名的系统，我们可以借助iframe的src属性解决跨域问题，然后用iframe的dom元素的contentWindow的postMessage向iframe内嵌的网页传递数据，再在被内嵌的网页的代码中添加message事件截取消息，然后去保存token。具体代码见下方监管系统中点击跳转的回调函数：.........

借助node.js+express框架简单搭建服务器运行前端打包代码 1. 新建文件夹demo2. 用编辑器打开文件夹3.调出终端，初始化项目 npm init，输入项目名称（英文），一直回车即可4. 安装express 5.在package.json同级目录下新建server.js和static文件夹 6.编辑server.js7.将打包好的前端代码放到static文件夹下8. 在终端执行node server，启动服务器9.在浏览器中访问：localhost:5005......

vue 路由跳转携带参数的方式：一、 方式跳转，1. 携带query参数，2. 携带params参数，3.将参数转换为props属性；二、编程方式跳转路由

开发环境下，借助vue cli简单解决跨域问题。在vue.config.js文件中添加以下代码：这种方式只能配置一个代理，并且不能控制什么时候走代理，如果在public文件夹中有同路径名字一样的文件，则不走代理。方式二：在vue.config.js文件中添加以下代码：注意请求资源时必须加路径前缀............

vue中使用echarts的常用配置项，涉及label换行，数据差距过大，echarts词云图等

『箱形图』、『盒须图』、『盒式图』、『盒状图』、『箱线图』，数据源数据量很大，交给后台做处理，返回给前端处理结果。显示出一组数据的最大值、最小值、中位数、下四分位数及上四分位数。...

单点登录sso，vue前后端分离，前端需要做什么，前端如何实现单点登录。在监管系统登录以后，跳转A、B、C、D 系统可以实现免登录效果。我们的项目打包后，默认地址一般都是重定向到首页，通过路由守卫验证登录信息是否有效，然后确定是打开首页，还是打开登录页，所以从父项目跳转到子项目不需要登录，就要做到子项目运行时，子项目的代码可以拿到代表子项目系统已经登录的验证信息token。所以，前端要考虑的就是怎么把token从父项目带到子项目中。...

目录：auth.jsconst TokenKey = 'token'const TokenStorageMode = 'localStorage' const TokenExpireTime = 1800000const TokenExpireKey = 'TokenExpireKey'// import Cookies from 'js-cookie' // TokenStorageMode为'cookie'时用export function getToken() { /

html样式请根据自己需要调整<el-form ref="form" :model="form" size="small" :rules="rules"> <el-form-item prop="username"> <el-input v-model="form.username" placeholder="请输入用户名" /> </el-form-item> <el-form-item prop="p

一、导出excle二、 导出地图图片一、导出excle借助以下插件，框架中已存在（其他框架暂未测试，测试后会更新）"file-saver": "2.0.1","script-loader": "0.7.2","xlsx": "0.14.1"，template中：按钮加事件，el-table加id<el-button @click="exportExcel">Export</el-button><el-table id="table" >&

思路：利用js代码控制显示内容，用<transition>改变过渡样式优势：效果可调劣势：代码较多代码：<template> <div> <div class="noticeBox"> <transition name="slide"> <div class="notice" :key="text.id"> <img :src="text.val.i

思路：把每条公告内容看成是走马灯的一个item，去掉左右箭头，去掉指示器，上下滚动用vertical，水平滚动用horizontal优势：实现简单劣势：效果单一html部分<el-card class="notice"> <el-carousel indicator-position="none" arrow="never" direction="vertical" :interval="5000"> <el-carousel-item

axios学习笔记，仿源码简单实现axios相关功能

一、创建实例对象二、设置请求拦截器三、设置响应拦截器四、取消请求

1. 使用标签包裹要加动画的元素2. 标签中添加属性name，表示执行动画的名字，不加默认为v3.标签中添加属性appear，值为布尔值true/false，表示是否在初始化时就执行动画解析后在动画执行期间会给元素添加以下类名name值-enter（，name值-enter-to，name值-enter-active，name值-leave，name值-leave-to，name值-leave-active......

全局事件总线：任意组件间通信。需要满足的条件：1. 所有组件（VC）都能看到x组件2. 可以调用$on、$off、$emit