可乐*不渴-CSDN博客

转载 vue-cli3配置axios代理跨域及代理跨域的原理

要了解跨域的解决办法，首先要了解什么情况下就是跨域：违反同源策略的都是跨域。同源策略：协议，域名和端口都相同。代理解决跨域原理：化不同为相同。通过一些方法设置代理，在请求发送(接收)之前加入中间层，将不同的域名转换成相同的，就解决了跨域的问题。客户端发送请求时，不直接到服务器，而是先到代理的中间层。例如在8080端口向8081端口发送请求，就发生了跨域。下面是代理跨域的原理图：...

2020-07-02 17:26:18 546

转载 VUE中全局组件的封装与使用方法

1.自定义组件<template> <div class="breadcrumb"> 面包屑 <slot/>  </div></template> <script>export default { name: 'BreadCrumb', // 传入子组件的参数写到props props: { }}</script> <

2020-06-30 10:20:46 379 1

// 递归处理后台返回的数据，从而根据数据判断是否具有访问权限getInfo(){this.$store. dispatch(' user/getInfo'). then(res=>{var menulist =res. menuvoList: this. routePath(menuList); console. log(this. pathlist); localStorage. setItem("pathlist",J50N. stringify(this. pathlist))}).

2020-06-29 14:42:50 257

原创项目中使用element的checkbox，显示内容及选中传参问题

用户角色列表查询getinfo Aa Ab No Results getUserRolelist（）{this.userRoleList=[]；this.checkedListe=[]；this.IdList=[]；this.$store.dispatch（"userRole/getUserRoleList"，this.listouery.id）then（res=>{this.roleList = res.records；for（let i=0；i<this.roleList.le

2020-06-29 14:33:36 708

原创使用Observable实现Vue全局状态共享

Vue.observable( object )参数{Object} object用法 -让一个对象可响应。Vue 内部会用它来处理 data 函数返回的对象此API为2.6版本新增, 那么低版本是不兼容, 会报出以下错误:vue__.default.observable is not a funcion解决方法是将Vue升级到^2.6.0 即可.Demo1.创建store// 文件路径 - /store/store.jsimport Vue from 'vue'export c

2020-06-23 08:59:52 185

原创 vue 中使用rem布局

一.在使用vue-cli搭建好项目框架后,在目录结构的index.html文件中添加一段js代码:fnResize();window.onresize = function () {fnResize();}function fnResize() {var deviceWidth = document.documentElement.clientWidth || window.innerWidth;if (deviceWidth >= 750) {deviceWidth = 750;}

2020-06-12 13:51:50 502

转载 element UI upload组件上传附件格式限制

element UI upload组件上传附件限制格式<el-upload class="upload-demo" action="url" accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.PDF" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" multiple :

2020-06-09 10:01:52 403

转载 js常用对时间的处理，字符串转时分秒，毫秒值与年月日互换。

3种时间处理，都已经做好封装，直接调用传值即可。1.毫秒数转年月日时分秒toDate(str) { let times = new Date(str); let Y = times.getFullYear() let M = times.getMonth()+1<10?'0'+(times.getMonth()+1):times.getMonth()+1 let D = times.getDate()<10?'0'+(times.getDate

2020-06-08 15:31:05 935

转载 vue中的动画相关知识

Vue中的动画Vue中动画的基本介绍每个都动画分为两部分：入场动画：从不可见（flag = false） -> 可见（flag = true）出场动画：可见（flag = true） -> 不可见（flag = false）入场时候，Vue把这个动画，分成了两个时间点和一个时间段：v-enter：入场之前v-enter-to：入场完成以后v-enter-active：入场的时间段离场时候，Vue把动画，分成了两个时间点和一个时间段：v-leave：离场之前v-leave-t

2020-06-08 15:14:43 71

原创 Element UI 复选框 CheckBox

<el-form ref="editForm"：rules="rules"：model="roleTemp"label-position="left"class:"ud-dialog-form"label-width="25%"：inline-message="trug style-"width：108%；padding:e 50px；"<el-checkbox-group v-model-"checkedList"@change="ifselectChange"cel-check

2020-06-05 17:20:17 1037

原创 MD5(crypto)加密

1、安装依赖npm i -S crypto2、代码如下const crypto = require(‘crypto’)function md5Crypto(password){const hash = crypto.createHash(‘md5’)hash.update(password)const md5Password = hash.digest(‘hex’)return md5Password;}module.exports = md5Crypto3、外部导入直接把md5Cry

2020-06-03 15:31:27 285

原创 D3导出全屏

html:<el-button id="download">导出图片</el-button><el-button id="quanping">全屏</el-button）<el-button id-"quanpingesc">退出全屏</el-button>script:d3. select("# download"). on("click", svgToPng)d3. select("# quanping"). on("cl

2020-05-29 16:37:25 219

原创 Vue使用NProgress

1、安装$ npm install --save nprogress //用法NProgress.start();NProgress.done();2、使用router.js//导入import NProgress from 'nprogress'import 'nprogress/nprogress.css'router.beforeEach((to, from, next) => { NProgress.start() next()})router.after

2020-05-29 10:06:41 147

转载 WebSocket

一、WebSocket 是什么？WebSocket是HTML5规范提出的一种协议；目前除了IE浏览器，其他浏览器都基本支持。他是一种协议，也是基于TCP协议的；和HTTP协议是并存的两种协议。WebSocket是HTML5中的协议。HTML5 Web Sockets规范定义了Web Sockets API，支持页面使用Web Socket协议与远程主机进行全双工的通信。它引入了WebSocket接口并且定义了一个全双工的通信通道，通过一个单一的套接字在Web上进行操作。HTML5 Web Sockets

2020-05-28 10:54:57 120

转载 web端同一账户同时登陆踢掉前一个登录的用户

项目要求同一个账户只能在一处登录，如果同时登陆了就把前一个登录的踢掉。 1.首先在你的controller中定义两个参数// 用户和Session绑定关系 public static final Map<String, HttpSession> USR_SESSION = new HashMap<String, HttpSession>(); // SessionId和用户的绑定关系 public static final Map<String, String&

2020-05-12 16:53:28 1148

转载 2020年3月份最新vue面试题汇总二

1.MVVM原理2.响应式数据的原理理解:1.核心点: Object.defineProperty 2.默认 Vue 在初始化数据时，会给 data 中的属性使用 Object.defineProperty 重新定义所有属性,当页面取到对应属性时。会进行依赖收集（收集当前组件的watcher）如果属性发生变化会通知相关依赖进行更新操作。原理：代码： Object...

2020-05-06 14:38:31 271

转载 2019最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)

前端面试题：1. 一个200*200的div在不同分辨率屏幕上下左右居中，用css实现div{position:absolute;width:200px;height:200px;top:50%;left:50%;margin-left:-100px;height:-100px;z-index:1000;}2. 写一个左中右布局占满屏幕，其中左右两块是固定宽度200 ，中...

2020-04-30 16:01:29 1754

转载 axios使用拦截器统一处理接口

import {UdRequest，UdNotice} from'udesk-vue import store from'@/store import{getToken}from'@/utils/auth const service=UdRequest.create（{ baseURL：process.env.VUE APP BASEAPI，//api的base_url withCreden...

2020-04-29 14:46:52 321

原创关于自定义组件中V-model的使用面试题

问题：BaseCheckbox组件可以这样使用BaseCheckbox组件该如何定义？Vue.component('base-checkbox', { model: { prop: 'checked', event: 'change' }, props: { checked: Boolean }, template: ` <input...

2020-04-29 11:23:32 360

原创 D3根据查询结果，生成图

<template><div style="padding：30px；">cel-row><el-col：span="11"<label for-"name2"style-"width：38%"受影响系统模块：</label><el-input placeholder="故障：输入模块编号"v-model-"listOuery...

2020-04-29 10:34:13 279

原创 element导入Excel

<el-uploadclass="excel-upload"action=""：auto-upload="falseshow-file-list="falseon-change="Filechangename="file"：file-list="fileList'<el-button type="primary">导入Excel/el-button>/el...

2020-04-27 10:28:57 259

原创 Element 远程搜索

<el-select v-model="moduleQuery.sysNamecnfilterableremotereserve-keywordplaceholdere"系统中文名称"：remote-method="getModuleList"achange="onChange"：loading-"loading"@focus="onFocus"Style="width：2...

2020-04-27 10:12:20 175

转载 vue+element实现excel中的信息批量导入和导入模板的下载

1、先将本地修改存储起来git stash这样本地的所有修改就都被暂时存储起来。其中stash@{0}就是刚才保存的标记。2、pull内容暂存了本地修改之后，就可以pull了。git pull3、还原暂存的内容git stash pop stash@{0}系统提示如下类似的信息：Auto-merging c/environ.cCONFLICT (content): Merge...

2020-04-03 12:06:32 983

转载 elementUI中autocomplete实现模糊搜索

一.实现传递参数的格式是Formdata格式在请求时设置headers:headers:{“Content-type”:“application/x-www-form-urlencoded”}二.模糊查询1.input输入框，模糊查询```javascript<template> <div> <input type="text" placehol...

2020-04-02 15:43:03 1274 1

原创 element ui中表单el-form的label设置

1.可以通过label-width设置2.文本域的字符长度可以使用maxlength限制3.通过 label-position 属性来改变表单域或标签的位置，可选的值有 top/left/right ，默认的是 right ，lable-position 必须要和 label-width（表单域标签的宽度，作为 Form 直接子元素的 form-item 会继承该值）共同使用，才会生效。...

2020-04-01 16:44:33 19216

转载 vue动态路由的创建

一.vue动态路由的创建首先，需要后端的配合通过login拿到router的path；然后再组装每一个路由所需要的元素；比如title、children、component、meta等，其中最重要的就是children、component，尤其是component的组装需要通过path指定到对应的.vue组件（item.component = () => import(’@/pages’...

2020-03-31 11:40:23 786

原创 Git最详细使用教程

https://blog.csdn.net/qq_36150631/article/details/81038485?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

2020-03-27 11:23:07 78

转载 Git安装和使用图文教程

一、下载安装Git1、下载Git 官方地址为：https://git-scm.com/download/win2、下载完之后，双击安装3、选择安装目录4、选择组件5、开始菜单目录名设置6、选择使用命令行环境7、以下三步默认，直接点击下一步8、安装完成9、检验是否安装成功回到电脑桌面，鼠标右击如果看到有两个git单词则安装成功二、Git基本工作流程1、Gi...

2020-03-27 11:00:18 582

转载 Object.assign，Object.keys，Object.values，Object.entries

1.Object.assign用法（拼接对象,返回一个新的对象）let obj1 = {a:1};let obj2 = {b:2};let obj3 = {c:3};let obj = Object.assign({},obj1,obj2,obj3);console.log(obj); //{a: 1, b: 2, c: 3}2.Object.keys用法（获取对象中key值）le...

2020-03-27 10:23:48 101

转载 js中的枚举类型和不可枚举类型

js中基本包装类型的原型属性是不可枚举的，如Object, Array, Number等，如果你写出这样的代码遍历其中的属性：var num = new Number();for(var pro in num) {console.log(“num.” + pro + " = " + num[pro]);}1234它的输出结果会是空。这是因为Number中内置的属性是不可枚举的，所...

2020-03-27 10:15:50 248

翻译 D3.js数据可视化系列-力导向图

nodes和edges是必备的两个属性。 nodes中的数据是一个表示节点的对象数组； edges是一个表示边的对象数组，其中source和target子属性是必备的，其值代表了nodes数组中的索引。节点和边数组都可以有额外的属性。<!DOCTYPEhtml><htmllang="en"><head><metachar...

2020-03-25 11:14:56 839

转载 vue-router动态添加路由

**vue-router动态添加路由**一、定义初始化默认路由二、动态配置路由，这里是把所有组件中相应的路由配置成一个个的对象，根据后台返回的菜单tree一个个去匹配三、通过匹配，把匹配好的路由数据addRoutes到路由中四、为了防止刷新页面后路由数据被清空，这里用判断是否登录的方式，再次加载动态路由。...

2020-03-24 10:57:58 596

qq_45725046的博客