自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 EasyUl

这个是关键,要想窗体fit,并带有横向滚动条必须写?

2023-07-04 17:21:49 135

原创 Vue自定义指令及使用

学习 vue 的时候肯定会接触指令,那么什么是指令呢?在 vue 中提供了一些对于页面和数据更为方便的输出,这些操作就叫做指令,以 v-xxx 表示,比如 html 页面中的属性<div比如在 angular 中 以 ng-xxx 开头的就叫做指令指令中封装了一些 DOM 行为,结合属性作为一个暗号,暗号有对应的值,根据不同的值,会进行相关 DOM操作的绑定,即可以进行一些模板的操作vue中常用的一些内置v-xxx指令。

2023-07-04 15:30:43 1112

原创 vue导出word模版文档

下载依赖及相关版本号npm install XXX@版本号"pizzip": "^3.0.6","docxtemplater": "^3.22.1","file-saver": "^2.0.2","jszip-utils": "^0.1.0",引用import Docxtemplater from 'docxtemplater';import { saveAs } from 'file-saver';// import JSZip from 'jszip';import PizZip

2021-12-17 14:24:32 913 1

原创 无法二次弹出选择文件框 “File chooser dialog can only be shown with a user activation.“ 解决方案

setTimeout(() => { this.$refs.fileInput.click(); }, 1000)

2021-12-09 14:32:53 3956

原创 input输入框file类型第二次不触发onchange事件

input输入框file类型第二次不触发onchange事件的根本原因:原来是 ajaxFileUpload 插件造成的,它会把原来的file元素替换成新的file元素,所以之前绑定的change事件就失效了。上传时,当第二次点击同一个文件,由于value值没有发生变化,无法触发change/onchange事件。所以,问题的关键是input 的value 值,只需要在选择一次后将input标签的value属性置为空即可:document.getElementById('xmlFile')

2021-12-09 14:31:11 1570

原创 前端文件 下载导出 -- 2

方法一请求体头部设置:responseType: 'arraybuffer'// 导出报告 handleExport(item) { this.$api.bizApi.qualityAssessment.downloadPdf({reportId: item.reportId}).then((res) => { this.download(item.reportName + '.pdf', res) }) },

2021-10-08 09:46:35 95

原创 mac nginx安装、启动、简单命令

一. brew 安装打开mac终端,输入以下命令ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"安装完成,路径信息:安装路径:/usr/local/Cellar/nginx/1.17.0配置文件路径:/usr/local/etc/nginx/nginx.conf服务器默认路径: /usr/local/var/wwwbrew 升级命令:sudo brew upda

2021-06-03 16:52:35 7583

原创 Mapbox GL

<div ref="basicMapbox" class="mapboxDiv" @click="showVideo"></div>new mapboxgl.Map()mapboxgl.accessToken = accessTokenMap;self.map = new mapboxgl.Map({ container: this.$refs.basicMapbox, style: sysStyle, center: sysAreaCenter, // 设置地图

2021-05-10 10:49:39 232

转载 javascript之reduce()方法的使用

reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。语法:array.reduce(function(total, currentValue, currentIndex, arr), initialValue)可以看出它接收一个回调函数和一个初始值。其中total为初始值或者计算后的返回值(必须)、currentValue为当前元素(必须)、currentIndex为当前元素索引(可选)、arr为当前元素所属的对象(可选)、initialValue为传递

2021-04-20 16:11:58 79

转载 JS - ES6之Array.from()方法

Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。那么什么是类数组对象呢?所谓类数组对象,最基本的要求就是具有length属性的对象。 1、将类数组对象转换为真正数组:let arrayLike = { 0: 'tom', 1: '65', 2: '男', 3: ['jane','john','Mary'], 'length': 4}let arr = Array.from(arrayLike)console.log(a

2021-04-20 15:30:18 475

原创 vue项目 使用原生 input file 处理单个文件上传

<el-form-item label="上传附件" prop=""> <el-button size="small" type="primary" icon="el-icon-upload" @click="selectFile">选取文件</el-button> <div v-if="fileName"> <span>{{fileName}}</span> <span class="delete" @c

2021-04-20 10:50:05 941

原创 element UI使用Upload 处理多文件上传

在选取文件后 不立即进行上传;不使用默认的显示已上传文件列表,自己写样式;当个文件大小不能超过 20MB;支持多选文件<el-upload class="biz_upload" ref="J_uploadBtn" action="#" multiple :limit="maxFileNum" :accept="fileType.join(',')" :auto-upload="false" :show-file-list="false" .

2021-04-20 10:11:08 449

原创 vue-devtools调试工具安装与使用的简单教程

下载vue-devtools压缩包,解压到本地目录中:链接1: https://pan.baidu.com/s/1FP5vYJuQtte3dA1CXNj2zQ 提取码: 1fz2链接2: https://pan.baidu.com/s/1W5whfePlpOYiWjWBlHzl4A 提取码: d8uh打开谷歌浏览器,打开设置,并找到打开扩展程序,把右上角的开发者模式打开,默认是关闭状态点击’‘加载已解压的扩展程序’‘按钮,选择刚下载并保存vue-devtools工具的目录,点击’‘选择..

2021-04-16 17:16:38 391

原创 前端文件 下载 -- 使用二进制流

话不多说,直接贴代码export function downloadAction(url, method, parameter, filename) { return request({ url: url, method: method, params: parameter, responseType: 'blob', }).then(response => { const type = response

2021-04-16 14:00:00 181

原创 因为 “来自身份不明开发者”? 或者文件已损坏,打不开 找回 macOS 10.12 Sierra 或者 macOS 10.13 High Sierra安全

很多朋友们在安装软件时Mac OS系统出现提示“XXXApp 已损坏”或“不是MacAppstore下载的。您应该将它移到废纸篓(退出磁盘映像)”这样的提示。怎么回事呢?要怎么解决呢?其实很多时候往往这些软件可能是经过了汉化或者破解,所以被Mac认为「已损坏」,那么解决方法就是临时改变Mac系统安全设置。OSX 10.12以下的系统解决方法如下:1、首先需要点击左上角苹果标志打开系统偏好设置,选择安全性与隐私,2、选择通用,然后点击左下角锁形按钮,这时会提示需要输入苹果系统用户密码,输入你的.

2021-01-22 14:59:05 391

原创 【vue单页面应用】刷新网页后vuex的state数据丢失的解决方案

产生原因: 因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值。解决思路: 结合sessionStorage来保存state在页面刷新时,先将state数据保存到sessionStorage;在app.vue入口组件中,监听页面刷新前触发beforeunload监听事件export default { name: 'App', created () { // 在页面加载时读取sessionStorage里的状态

2020-11-11 15:53:08 154

原创 Mac中实现代码行计算

CLOC是Count Lines of Code的意思,可以计算空行数、注释行数、各种语言的有效行数,还可以比较两个代码库在各种行数之间的不同。CLOC是完全由Perl实现的,不依赖第三方组件,移植性强。下载安装 clocMAC下安装命令:$ brew install cloc统计当前文件夹代码行数(请先cd 到目标目录):cloc .排除当前目录下的某个文件夹的代码,cloc ...

2020-05-07 11:16:50 244

原创 JavaScript sort() 方法-排序

sort() 方法用于对数组的元素进行排序。arrayObject.sort(sortby)sortby:可选。规定排序顺序。必须是函数如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值...

2020-04-30 10:24:47 527 2

原创 JavaScript - splice() 与 slice() 区别

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。arrayObject.splice(index,howmany,item1,.....,itemX)index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。item1, …, itemX:可选。向数组添加的新项目。...

2020-04-30 09:44:48 168

原创 Echart - 双柱状图(bar)

let option = { backgroundColor: "transparent", tooltip: { trigger: "axis", axisPointer: { type: "shadow" } }, legend: { ...

2020-04-27 14:04:18 6233 1

原创 Highcharts实现饼图pie

上图类似chartPie_market: function (docm) { let pieData = []; let slef = this; slef.MainCount.listY.forEach(function (item, index) { let op = { name: slef.Ma...

2020-04-22 11:46:18 552

原创 Highcharts实现3D 圆柱状图cylinder

import Highcharts from "highcharts/highstock"; import cylinder from "highcharts/modules/cylinder"; import Highcharts3D from "highcharts/highcharts-3d"; Highcharts3D(Highcharts); cylinder(Highcha...

2020-04-22 11:42:05 1501

原创 Highcharts实现3D饼图pie

上图类似chartPie3D_market: function (docm) { let pieData = []; let slef = this; slef.NewMainCount.listY.forEach(function (item, index) { let op = { name: sl...

2020-04-22 11:32:48 1390

原创 Highchart实现条状图bar 1

chartBar2_industry: function (docm) { let self = this; let myColors = ["#008ce3", "#06d7de"]; let fontColors = ["#43eee8", "#ab9700"]; let chartsInfo = self.industry;...

2020-04-22 11:19:58 167

原创 Echart-饼状图(圆环)pie

// 定义图表缩放var clientWidth = document.documentElement.clientWidth;var chartScale = clientWidth / 720;var blueRich = { total: { color: "#fff", fontSize: 34 * chartScale, align: 'center' }, w...

2020-04-22 11:10:23 2457

原创 Highchart实现条状图bar 2

特点:文字与条状并列排,颜色渐变chart_UnitMatters: function(docm) { // let myColors = ["#06a786", "#0480c6", "#0375e8"]; let myColors = [{ radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 }, s...

2020-04-22 11:01:54 169

原创 mui.fire 自定义事件 与 mui.preload预加载

mui.fire 自定义事件//自定义事件 监听window.addEventListener('newsId',function(e){ var title1 = mui('#title'); title1[0].innerHTML = e.detail.title; mui.toast(e.detail.id); console.log('bb');});...

2020-04-15 14:10:54 933

原创 cornerstone 相关问题

cornerstone log 点击down之后无法查看log解决方法退出Cornerstone软件;打开终端,输入下面命令,并执行:defaults delete; com.zennaware.Cornerstone HistoryCacheUsage;打开finder 前往文件夹 ~/Library/Caches/Cornerstone,删除文件夹;重启 Cornerstone;C...

2020-04-15 14:09:48 356 1

转载 javascript Object.extend的用法

javascript Object.extend的用法Object.extend = function(destination, source) { // 一个静态方法表示继承, 目标对象将拥有源对象的所有属性和方法for (var property in source) { destination[property] = source[property]; // 利用动态语言的特...

2020-04-15 14:08:55 684

原创 Echart - 间隔条状图pictorialBar

var barOption = { backgroundColor: 'transparent', grid: { top: '6%', bottom: '6%', left: '23%', right: '20%' }, xAxis: { type: 'value', max: newValueTop6[newValueTop6.length ...

2020-04-15 14:04:13 1485

原创 Echart-条状图bar

chartBar_industry: function (docm) { let myColor = ["#008ce3", "#06d7de"]; let option = { color: myColor, legend: { data: ["2019营收额", "2020营收额"], ...

2020-04-15 10:45:54 446

空空如也

空空如也

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

TA关注的人

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