自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 vue门户网站简单记录

iframe嵌套门户网站

2023-02-21 17:32:58 325

原创 【前端vue】记录:根据时间算时间差、 转时间格式、四舍五入保留n位小数

// 时间算时间差 diffTime (startDate, endDate) { startDate = new Date(startDate) endDate = new Date(endDate) var diff = endDate.getTime() - startDate.getTime()// 时间差的毫秒数 // 计算出相差天数 var days = Math.floor(diff / (24 * 3600 * 1000))

2022-03-03 16:00:42 1238

原创 【vue pdf预览打印下载】

vue pdf预览打印下载简介预览打印简介后端可以通过两种方式返回流,一种是get,一种是post。get就比较简单了,可以通过接口路径传参直接在浏览器访问,也就是可以通过iframe直接嵌套就可以。咱们下文主要讲post方式。预览打印后端返回的流:axios({method: ‘post’,responseType: ‘blob’, // 一定要设置响应类型,否则页面会是空白pdfurl: faceConfig.basePath + ‘’ + exportTargetData, //

2021-12-12 14:46:10 998

原创 Util工具类(如时间转换、计算时间星期、补足字符、流量kb转换、大屏类)

/** * Util工具类 */const Util = {};/** * 控制台日志打印 */Util.debug = function () { if (console && console.debug) { console.debug.apply(console, arguments); }}Util.log = function () ...

2020-02-26 14:43:43 400

原创 vuex实现宽高自适应

//app.vue里设置,宽度通过栅格控制,高度通过vuex获取高度 export default { name: 'App', data() { return { window: { width: document.body.clientWidth, height: document.body.clientH...

2020-02-25 16:11:31 416

原创 正则加变量,replace替换最后一个

记录: let startlen = this.conditions.startTime + '' let sub = startlen.substring(startlen.length - 3, startlen.length) let startreg = new RegExp('(.*)' + sub) this.conditions.sta...

2020-02-13 15:29:01 1060

原创 iview tree加入图标并点击高亮显示

自己记录一哈。官网不带图标的tree点击样子:官网带图标点击没有高亮:我自己搞得高亮:代码:vue实例外访问可以传出_this,指向vue实例 render(h, { data, root, node }) { return h('span', [ h('Icon', { ...

2020-01-10 16:42:47 1271

原创 iview如何在table表格render函数里加入html标签

记录一哈 h('span', { domProps: { innerHTML: '<br />' } }),

2020-01-10 15:52:21 1665

原创 iview如何在table表格render函数里加入title

加在props里是不生效的,应该加在attrs里,iview官网没有提这个,可以去render文档里查看。 h('i-button', { props: { type: `${detailBtn.btnType}`, size: 'small', ...

2020-01-10 15:39:48 671

原创 js 字符串截取指定字符

let str = 'hello world' //如截取hello //indexOf,查找字符串,有返回下标,没有返回-1 let index = str.indexOf('hello') //substring,参数是从哪截取到哪,不接受负数 let cutOut1 = str.substring(index, index + 5) /...

2020-01-10 15:02:19 1130

转载 vue插件汇总

一、UI组件及框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuetify - 为移...

2020-01-06 11:28:43 311

原创 vue自定义指令使用ecahrts,并传入事件

需求:echarts图表需要加入点击事件,项目是用指令使用echarts,并没有在页面实例echarts图表,那就需要一个统一的传参来实现:1、话不多说上代码:import Vue from 'vue'const echarts = require('echarts')/** * 变量说明: * el: html element,el=document.getElementById得到...

2020-01-03 20:10:22 496

原创 vscode eslint自动格式化,新版本配置

我用的vscode,eslint好久没更新了,昨天更新了一下,发现个问题,ctrl+s代码不格式化了,看了下文档发现,配置过时了:文件>首选项>设置搜索eslint>打开settings.json旧版本格式化:"eslint.autoFixOnSave": true新版用这个:"editor.formatOnSave": true,全部配置代码:{ "e...

2020-01-03 17:39:43 2792

原创 echarts simple graph上下级关系图

之前发了一篇,功能又被打回来了,说是太丑,卑微的我又改了一版,也没有ui图,全靠自己想,小图片都是我自己现学现做的,我太难了。。。1、需求:现有功能不够清晰展示关系,修改为上下级关系,现有功能图如下:第二版本:太丑打回来了最后版本:其实呢相比于前两天发的代码多了这个symbol:"image://static/img/dst.gif"通过!!!...

2019-12-31 11:08:02 1169

原创 个人年度总结

时间飞快,在北京的第二年又接近了尾声,这一年最大的收获就是工作心态上的进步,一年遇到的难题数之不尽,所幸我全部解决了,回想每一次遇到难题时的头痛,心塞等等状态,都会笑一笑,你还是太年轻。记录下今年的经历:1、年初找工作,去年年末的离职,直接导致了我的年假比别人多了半个月(嘚瑟),然而年初找工作给了我当头一棒,明白了什么叫程序员寒冬,面了三星期,终于有了一个offer,是个外派,薪资12,外派工...

2019-12-28 17:44:38 1111 2

原创 echarts simple graph上下级关系图

1、需求:现有功能不够清晰展示关系,修改为上下级关系,现有功能图如下:修改后功能图如下:2、话不多说上代码 gxt(src,dst,attacks){ if(src.length<=1){ this.domWidth = "20%" } if(src.length>1){...

2019-12-28 16:09:57 1395

原创 js根据键相同,返回对应值

let name = obj.name for (var i in obj.value) { if (name == i) { return obj.value[i] } }

2019-12-18 10:41:08 1101

原创 对象集合根据其中一个值去重

记录一下,方便日后查找let src=[{name:"小明",age:"18"},{name:"小明",age:"19"}]function deWeight(arr,key) { const res = new Map(); return arr.filter((a) =>...

2019-12-13 17:44:14 408

原创 vue自定义指令使用ecahrts

一、话不多说上代码:var echarts = require('echarts');var options = { deep: true, // 插入父节点时调用 inserted: function (el, binding) { let myChart = echarts.init(el) let option = binding....

2019-12-13 11:23:00 365

原创 webpack1.0升级3.0实战

续vue1.0升级2.0后,webpack和开发环境所有插件也要求升级到新版,升级报错主要集中在插件属性变化,升级完成这样古董项目就焕然一新了。一、话不多说上代码:旧版本号"webpack": "^1.13.1"新版本号"webpack": "^3.12.0",旧版本webpack-base-config.js// webpack.base.config.jsvar path ...

2019-12-13 10:48:42 820

原创 vue1.0升级2.0实战

最近手里有个大活,一个维护了三年的vue1.0项目,要升级到2.0,头疼了半个月终于是升上去了,接下来做个记录,记录下升级思路。一、升级有四个大难点,n个小难点:1、记住升级不要急,刚开始几天页面空白都是正常的,有报错就好,最怕效果不出还不报错,升级第一步: "vue": "2.6.10", "vue-loader": "12.0.0", "vue-router": "^3.1.0...

2019-12-12 20:29:15 1097 2

原创 echarts3d地球+3D Scatter+3D Lines做攻击趋势

@[echarts](3d地球+3D Scatter+3D Lines做攻击趋势)一、话不多说上代码//vue 装依赖后直接引入,其他的话官网下载文件,3d需要gl支持,具体属性含义详见echarts Apivar echarts = require('echarts');require('echarts-gl'); var worldfightchart = echarts.init...

2019-12-11 17:56:20 2366

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除