- 博客(31)
- 收藏
- 关注
RSS订阅原创 Vue自定义指令及使用
学习 vue 的时候肯定会接触指令，那么什么是指令呢？在 vue 中提供了一些对于页面和数据更为方便的输出，这些操作就叫做指令，以 v-xxx 表示，比如 html 页面中的属性<div比如在 angular 中 以 ng-xxx 开头的就叫做指令指令中封装了一些 DOM 行为，结合属性作为一个暗号，暗号有对应的值，根据不同的值，会进行相关 DOM操作的绑定，即可以进行一些模板的操作vue中常用的一些内置v-xxx指令。
2023-07-04 15:30:43
1365
原创 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
972
1
原创 无法二次弹出选择文件框 “File chooser dialog can only be shown with a user activation.“ 解决方案
setTimeout(() => { this.$refs.fileInput.click(); }, 1000)
2021-12-09 14:32:53
4447
原创 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
1685
原创 前端文件 下载导出 -- 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
145
原创 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
7758
原创 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
309
转载 javascript之reduce()方法的使用
reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。语法：array.reduce(function(total, currentValue, currentIndex, arr), initialValue)可以看出它接收一个回调函数和一个初始值。其中total为初始值或者计算后的返回值（必须）、currentValue为当前元素（必须）、currentIndex为当前元素索引（可选）、arr为当前元素所属的对象（可选）、initialValue为传递
2021-04-20 16:11:58
95
转载 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
524
2
原创 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
1065
原创 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
486
原创 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
428
原创 前端文件 下载 -- 使用二进制流
话不多说，直接贴代码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
216
原创 因为 “来自身份不明开发者”? 或者文件已损坏，打不开 找回 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
439
原创 【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
191
原创 Mac中实现代码行计算
CLOC是Count Lines of Code的意思，可以计算空行数、注释行数、各种语言的有效行数，还可以比较两个代码库在各种行数之间的不同。CLOC是完全由Perl实现的，不依赖第三方组件，移植性强。下载安装 clocMAC下安装命令:$ brew install cloc统计当前文件夹代码行数(请先cd 到目标目录)：cloc .排除当前目录下的某个文件夹的代码，cloc ...
2020-05-07 11:16:50
282
原创 JavaScript sort() 方法-排序
sort() 方法用于对数组的元素进行排序。arrayObject.sort(sortby)sortby：可选。规定排序顺序。必须是函数如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值...
2020-04-30 10:24:47
593
2
原创 JavaScript - splice() 与 slice() 区别
splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。arrayObject.splice(index,howmany,item1,.....,itemX)index：必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。howmany：必需。要删除的项目数量。如果设置为 0，则不会删除项目。item1, …, itemX：可选。向数组添加的新项目。...
2020-04-30 09:44:48
185
原创 Echart - 双柱状图（bar）
let option = { backgroundColor: "transparent", tooltip: { trigger: "axis", axisPointer: { type: "shadow" } }, legend: { ...
2020-04-27 14:04:18
6570
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
598
原创 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
1611
原创 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
1471
原创 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
195
原创 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
2615
原创 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
212
原创 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
971
原创 cornerstone 相关问题
cornerstone log 点击down之后无法查看log解决方法退出Cornerstone软件；打开终端，输入下面命令，并执行：defaults delete； com.zennaware.Cornerstone HistoryCacheUsage；打开finder 前往文件夹 ~/Library/Caches/Cornerstone，删除文件夹；重启 Cornerstone；C...
2020-04-15 14:09:48
424
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
755
原创 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
1587
原创 Echart-条状图bar
chartBar_industry: function (docm) { let myColor = ["#008ce3", "#06d7de"]; let option = { color: myColor, legend: { data: ["2019营收额", "2020营收额"], ...
2020-04-15 10:45:54
494
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人