- 博客(98)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 ajax 请求头Authorization 添加账号密码访问
在header中添加 "Authorization"字段，值为 "[api_key]:[api_secret]"进行base64加密后。在前面加入"Basic "(Basic后有空格)字符串。最后形式为"Basic xxxxx"，'xxxx'为base64后的字符串。
2022-11-09 16:13:19
2327
原创 Vue tinymce富文本回显问题
问题：对列表的富文本框进行编辑的时候，发现 v-model 无法有效显示，或者说出现空白等bug，不然就是富文本框内的内容是上一次的文本，并且常用的设置方法都无效。富文本框通过赋值方法可以展示，但不具稳定性，通过标签添加 ref 进行绑定后，通过.setContent 方法进行赋值。
2022-11-03 15:27:58
3388
6
原创 JS sort 排序
1.个位数数字排序let arr = [1,3,4,7,2,6,5]arr.sort()2.两位数排序let arr = [1,11,2,3,4,5,6]arr.sort((a,b) => { return a-b })3.数组中含有字符,并且存在两位数进行排序let arr = ['top0','top12','top3','top2','top10','top1']function compare(arr){ return function(a,b){
2022-02-11 12:08:45
646
原创 Echarts 扇形百分比算法(最大余额法)
//valueList要计算的数组//idx要计算数组中值的下表//precision百分比保留几位小数getPercentValue: function(valueList, idx, precision) { // 判断是否为空 if (!valueList[idx]) { return 0; } // 求和 let sum = valueList.reduce(function(acc, val) { return acc.
2022-01-21 13:51:17
891
原创 svg下载到本地
1.F12找到该元素，克隆整个element2.创建一个.txt文本，讲复制的element结构粘贴进去保存，并将.txt格式更改成.svg格式保存即好
2022-01-05 09:55:57
1887
原创 JS Date设置时区
//当前时区的utc时间new Date(this.EditSava.upgradeTime).toUTCString() + '+'(0 - new Date().getTimezoneOffset() / 60);
2022-01-04 17:54:48
8981
原创 JS 截取屏幕
1.基本安装步骤请访问该链接http://javascript.ruanyifeng.com/tool/phantomjs.html2.根据上面链接基本可以截取静态页面，携带有JS的页面无法被截取，需要进行一些调整,这里通过外链EcahrtsJS生成一个图表html<body style="background: #fff;"> <div id="cont"></div> <div id="main" style="width: 600px;hei.
2021-12-15 11:37:35
728
原创 Echarts 基础样式调整
1.鼠标悬浮不显示数据提示框tooltip:{ show: false, //默认为true}2.鼠标悬浮不进行放大处理series:[ { hoverAnimation:false, //默认为true }]3.禁止鼠标悬浮时的鼠标样式series:[ { silent:true, //默认为true }]建议2,3搭配使用...
2021-12-14 10:58:58
2217
原创 JS 原型-原型链
原型就要说构造函数，什么是构造函数构造函数和普通函数区别//1.声明区别上的区别//--普通函数---function test(){ //普通函数遵循小驼峰命名写法}//--构造函数---function Person(){ //构造函数命名是大驼峰首字母大写 //但是大驼峰写法不是系统规定的,是人传人最后规定下的，人为定义的}//2.使用上的区别//--普通函数---//普通函数直接()执行就可以test() //--构造函数--
2021-08-26 15:23:21
80
原创 vue 引入svg无法修改颜色
使用svg-icon标签来渲染图片，希望通过hover去改变图片颜色，手动设置color失败<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1616753856802" class="icon" viewBox="0 0 1024 102
2021-05-31 11:43:18
1595
原创 Element-ui 表格禁选
禁选需要用到提供的selectable方法<el-table-column type="selection" width="55" :selectable='selectInit'></el-table-column>//JSmethods: { selectInit(row, index) { if(row.isRead){ return false }else{ return true }.
2021-05-27 16:36:54
254
原创 element-ui toggleRowExpansion的使用
1.toggleRowExpansion是实现手动展开的功能不通过下拉按钮比较方便，最好配合row-click进行使用<el-table ref="multipleTable" @row-click="rowClick" :data="tableData"> <el-table-column type="expand"> <template slot-scope="props"> &
2021-05-27 16:26:45
4078
原创 element-ui clearFiles方法使用
上传成功后，手动调用上传的删除方法<el-upload ref="mYupload" class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" multiple :limit="3" :on-exceed="
2021-05-27 16:21:21
11148
原创 Vue 引入字体文件使用图标
伪类元素如何通过字体文件图标的Unicode渲染页面通过阿里矢量图下载需要的字体文件 1.1 选中需要的图标：购物车—添加到项目—调整图标颜色及样式或者unicode编码（为了防止多个图标文件，图标的unicode编码冲突） 1.2 下载项目，到vue项目中新建文件夹讲压缩包中解压到文件夹中 1.3 在iconfont.css文件中调整文件的当前路径 可以全局引入，也可以当前页面引入，这里全局引入 在页面通过content使用字体图标，不是iconfont.css的文件中的一个字体编码就够的.
2021-05-24 16:00:56
209
2
原创 Vue-element-ui responseType: ‘blob‘ 设置无效
1.请求时文件流时，需要在请求时手动设置成blob格式2.设置格式成功后，返回格式应该是
2021-05-17 14:32:45
3489
原创 element-ui Checkbox-group 自定义选中字体颜色
/* 设置选中后的文字颜色 */.newCheckSty .el-checkbox__input.is-checked + .el-checkbox__label { color: #409eff;}/* 设置选中后对勾框的边框和背景颜色 */.newCheckSty .el-checkbox__input.is-checked .el-checkbox__inner,.newCheckSty .el-checkbox__input.is-indeterminate .el-checkbo.
2021-04-09 18:36:45
2178
原创 Vue 导出csv文件
//安装依赖npm install json2csv -s//导入import json2csv from "json2csv";//数据格式,只能导出对象下的基础类型,数组,对象无法导出data(){ return { list:[ { name:'xxx', old:'xxx', } ] }}//csv导出methods(.
2021-04-07 18:14:53
904
1
原创 vue 引入全局scss
1.安装依赖npm install [email protected] --save-dev //新版本会报错npm install node-sass --sava-devnpm install sass-resources-loader --save-dev2.在webpack.base.conf.js 添加配置参数resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'v
2021-03-18 10:41:50
141
原创 Vue 下载文件需要token设置
平时下载文件访问后台给的下载链接点击自动下载即可，因文件需要验证身份信息，所以需要在Request headers中塞入token作为身份验证既然链接直接打开不行，那就只能通过ajax访问的时候设置Request headersajax访问成功以后，返回的并不是我们想要直接下载的结果，返回的直接是文本内容，并且没有触发下载，例如既然文件已经能访问到了，那就手动下载吧，/* 1 ajax文件格式是.text，下载用的是Blob文件流,所以手动修改请求的responseType的返回格式类
2020-12-16 10:17:49
3269
3
原创 Vue vue-awesome-swiper使用
1.Vue搭建项目需要用到轮播图，就去查了一下Vue的插件vue-awesome-swiper，看似简单实则深藏不露各种问题层数不穷，记录一下方便诸位和自己安装vue-awesome-swiper依赖，导入文件npm install swiper vue-awesome-swiper --save//components单独引入,只有个别地方需要，这里不做全局引入<div v-swiper:mySwiper="swiperOption"> <div class="s
2020-12-06 11:16:38
8329
原创 node.js aws Lambda 使用
1.AWS Lambda 官网地址(有实例可以参考)https://docs.aws.amazon.com/zh_cn/lambda/latest/dg/services-apigateway-code.html2.本地通过Lambda访问数据库数据并抛出数据，这是使用的是node.js2.1因为数据库非本地，而是远程数据库，所以涉及到异步处理，所以使用案例中异步处理程序2.2使用异步处理函数必须注意， return 返回的必须是promise，也就是说单纯的return Obj/Arr 是不.
2020-12-01 11:55:23
950
原创 Vue项目通过注入刷新当前页面
通过provide和inject的使用，实现看起来单页面刷新功能1.在app.vue页面中通过控制<router-view>的隐藏和展示,实现当前页面的刷新<div id="app"> <router-view v-if="isRouterAlive"/></div> export default{ name: 'App', provide(){ return{ reload:this.reload }
2020-07-22 15:29:14
336
原创 时间过滤器（时区）
1.标准时间转换指定时间格式Date.prototype.format = function(demand) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this
2020-07-21 16:45:24
1925
原创 Vue viewer插件使用
项目开发中使用图片放大是常用功能，通过Vue中 viewer 插件可以方便快捷的实现目的1.安装viewerjsnpm install viewerjs2.项目中引入viewerjsimport Vue from 'vue'import Viewer from 'viewerjs';import 'veiwerjs/dist/viewer.css';3.对viewerjs进行修改全局默认配置项目Vue.use(Viewer, { defaultOptions: {
2020-05-08 18:38:55
4887
原创 Vue 数组嵌套中循环数组改变值未响应
Vue中数组的动态替换和变更存在不及时相应的问题，根据官网给的方法可以解决vm.$set(vm.items, indexOfItem, newValue)项目开发中碰到了，数组循环数组，遍历展示数组中数组，进行手动分页，分页完成后发现DOM结构没有及时响应，根据排查发i西安数组内的数组没有及时响应，于是用了上面的方法，可是数据依旧没有被响应，问题出在了数组外还有一层数组，导致你不能对数组...
2020-03-26 19:52:50
1939
原创 JS for in 遍历对象顺序不对
后台返回对象参数展开后如下当通过 for in 循环存放到数组的时候得到了很显然顺序跟想象的不一样，因为对象中没有顺序，他不是数组，所以想要得到一个顺序就首先要只给对象指定规则，这里是通过对象的value的字母来指定的规则//循环中使用for(let item in this.objectOrder(data[0])){ this.ChartsTabData.push(item)...
2020-01-21 15:13:40
6591
3
原创 Vue Echarts世界地图
1.绘制世界地图如下：2，开始绘制地图//安装Echartsnpm install echarts --save3.在Main.js中引入word.js世界地图import '../node_modules/echarts/map/js/world.js' // 引入世界地图4.在组件中绘制地图<template> <div class='...
2020-01-20 10:03:28
7137
5
原创 ElementUI 自定义上传没有进度条
官网演示案例上有进度条展示将代码复制到本地以后发现没有进度条，查看main.js文件是否配置了mock.js文件，如果有，注掉即可
2020-01-09 15:54:25
1557
原创 css 背景色透明
1.背景图透明化opacity:0.5; //导致页面上的内容也被透明化background:rgba(33,33,33,0.5); //透过rgba提供的透明特性则不存在这个问题
2020-01-07 18:47:49
1721
原创 Vue v-html渲染后的DOM，操作当前页面的方法
问题出现原因： 为了帮助文档能够及时修改和更新，所以帮助文档在第三方官网上，通过后台获取，前端通过v-html渲染成页面1.样式问题用全局样式即可处理，为了全局样式不冲突，建议创建一个父级ID或者class，避免样式的冲突2.事件问题，对v-html内的某个元素绑定了事件，由于后台获取的页面不包含Vue，所以Vue直接调用的方法不能处理，具体待了解，用了一个笨方法，通过获取当前父级下...
2019-12-26 09:57:00
2437
1
原创 vue-element-admin 三级路由无法跳转
vue-element-admin自带的有嵌套路由，不过他的嵌套路由有一个套路，那就是二级路由页面下有个<router-view />标签//二级路由<el-alert :closable="false" title="menu 1"> <router-view /></el-alert>这里说一下，这里的三级路由指向了一个页面...
2019-12-20 17:58:44
7398
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人