
前端
努力让自己的选择变得正确
这个作者很懒,什么都没留下…
展开
-
computed和watch的区别及用法
需要被调用,并且return返回出最终结果,调用的时候不需要加() - 结果可以被缓存,如果内部属性未发生变化取缓存中的值,否则重新计算 - 属性的名字不能和data中的属性名冲突 - 一般用于多个数据影响一个数据的时候......原创 2022-06-15 10:35:45 · 210 阅读 · 0 评论 -
正则的使用
字符相关 // /g 全局匹配 // \w 数字、字母、下划线 // \W 非数字、字母、下划线 // \d 数字 let str='dsaf456sfd677sdf' let reg=/\d+/g let res=str.match(reg) // match根据正则匹配出需要的内容 console.log(res) // ['456', '677'] // \D 非数字 // \s 空格 // \S 非空格符号相关 // . 非\n、\r、\u2028、\原创 2022-02-25 15:26:00 · 294 阅读 · 0 评论 -
es6的一些常用方法
文章目录1、根据对象数组中的某个字段来排序2、使用Array.from重写对象数组3、使用Array.of方法组成数组4、使用find函数返回数组中满足条件的第一个数据5、使用findIndex函数返回数组中满足条件的索引位置6、使用fill方法用指定字符填充数组中的指定位置7、使用startsWith和endsWith方法来检索字符串是否以指定字符开头和结束8、使用repeat方法重复字符串扩展:1、根据对象数组中的某个字段来排序 test() { let ageSort = [原创 2021-03-10 15:08:18 · 1934 阅读 · 0 评论 -
使用Sunny-Ngrok做内网穿透
地址:https://www.ngrok.cc/user.html1.开通隧道 然后在隧道管理中可以看到隧道的相关信息2.在隧道管理中可以看到客户端下载 现在完成后使用隧道的id进行启动 然后就可以使用赠送的域名访问了3.隧道的本地端口就是已启动项目的ip和端口例如:启动一个server.js文件 和新建一个index.html文件 ,这里填写的端口是8888 那么本地端口应填写127.0.0.1:8888 ,实际访问路径就是赠送的域名加/index.htmlvar http=require('h原创 2021-02-03 09:27:57 · 243 阅读 · 0 评论 -
vue导入excel文件并解析数据
// cnpm install vue-xlsx-table -S// main.js中import vueXlsxTable from 'vue-xlsx-table'Vue.use(vueXlsxTable, {rABS: true})// 组件中//template<vue-xlsx-table @on-select-file="handleSelectedFile"></vue-xlsx-table>// script handleSelectedFile(c原创 2021-01-27 14:50:45 · 1036 阅读 · 2 评论 -
前端把后台返回的excel文件流转成excel文件并下载
this.$axios({ method: 'post', url: `/api`, data: data, responseType: 'blob' }).then((res) => { let link = document.createElement('a') let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'原创 2021-01-27 14:43:51 · 3252 阅读 · 1 评论 -
video的销毁和重构
单个video标签的销毁 if (this.videoPlayer) { this.videoPlayer.dispose() this.videoPlayer = null }多个video标签的销毁// 比如:this.rtmpArr=[] 接受多个video的时候一定要给个长度 this.rtmpArr=new Array(num) 否则接受完获取不到this.rtmpArr的长度// 这里加this.$nextTick的原因是重构video之后不加会获原创 2020-09-09 01:17:16 · 7763 阅读 · 4 评论 -
在vue中使用node读取当前文件所在磁盘位置和读txt文件内容
let fs = require('fs') // 引用node中fs模块// process.cwd() 获取当前文件所在磁盘位置 // +'\\LeoEduClient.txt' 是获取同级目录的txt文件let filepath = process.cwd() + '\\LeoEduClient.txt'// readFile方法来读取txt里面的内容fs.readFile(filepath, 'utf-8', function (err, data) { if (err) {原创 2020-06-29 18:20:35 · 3067 阅读 · 2 评论 -
js拖拽
var box = document.querySelector('#box') var x, y //鼠标相对与div左边,上边的偏移 var isDrop = false //移动状态的判断鼠标按下才能移动 box.onmousedown = function (e) { var e = e || window.event //要用event这个对象来获取鼠标的位置 ...原创 2020-04-26 18:42:50 · 216 阅读 · 0 评论 -
使用animation做一个音乐播放器循环旋转的效果
<img ref='mp3Img' src="../../assets/images/xxxxx.png" alt/> if (val.includes('mp3')) { let _this = this // 如果是mp3格式添加animation动画 _this.$refs.mp3Img.classL...原创 2020-03-24 12:08:13 · 777 阅读 · 0 评论 -
本地上传获取进度&把本地文件变为预览地址可以播放
<input type="file" ref='file' id='newPriod' @change="uploadPic('newPriod')">uploadPic(el) { let uploadPic = document.getElementById(el) if (uploadPic.value) { ...原创 2020-03-10 11:13:03 · 250 阅读 · 0 评论 -
electron-vue的一些使用方法和遇到的问题及解决方案
修改打包后的应用名称和修改应用icon// 修改应用名称:在package.json中修改productName的名称即可`在这里插入代码片`"productName": '应用名称'// 修改应用icon:在.electron-vue中的build.config.js中修改icon的地址即可icon: path.join(__dirname, '../build/icons/xxx')...原创 2020-01-19 16:18:49 · 3231 阅读 · 0 评论 -
css写一个自适应并且自动换行的代码
grid-template-columns: repeat(auto-fit,minmax(384px,1fr));效果如下:原创 2020-01-15 16:58:55 · 1155 阅读 · 0 评论 -
使用vue-ueditor-wrap 开发文本编辑器
介绍:这里主要说明在vue2.0中怎么使用vue-ueditor-wrap编辑器使用命令下载插件 cnpm install vue-ueditor-wrap -S下载源码放到static文件夹中 https://pan.baidu.com/s/1QP-7J043ct6ihMEiJN0cAQ在组件中引入使用<template> <div id...原创 2020-01-15 11:40:07 · 1170 阅读 · 0 评论 -
使用electron-vue来开发一个桌面应用程序
简单介绍: 要开发桌面应用程序(跨平台应用),现在最火的无非就是nw(node-webkit的缩写)和electron了,但是nw最近好像并没有以前那么突出,而electron却有很多的成功案例 比如:前端开发编辑器最火的vscode和atom都是使用electron开发的,而我在这里用的electron-vue是vue和electron的结合版,里面包含vue-cli中几乎所有的模块功能 ...原创 2020-01-12 02:33:29 · 1826 阅读 · 0 评论 -
自定义overflow:auto的滚动条样式
目前好像只兼容谷歌 .shu { display: flex; justify-items: center; flex-wrap: wrap; height: 3.8rem; overflow-y: auto; } .shu::-webkit-scrollbar {/*滚动条整体样式*/ width: ...原创 2019-05-27 19:23:52 · 4748 阅读 · 0 评论 -
解决banner图在浏览器缩放的情况下实现不变形
html代码:<div class='bannerbox'> <div class='banner'> <img src="../assets/01.jpeg"> </div></div><style> .bannerbox { width:100%; p...转载 2019-05-27 19:35:34 · 2600 阅读 · 0 评论 -
使用element实现简单的table布局
使用element中table组件实现简单的列表首先第一步template中的文本写法首先第一步template中的文本写法columns4 绑定的是表格头的数据 里面有几个属性 title(显示头的数据) key (对应的是表格头下面要显示的数据) align(对齐方式) width(宽度) <Table ref="selection" :c...转载 2019-06-10 08:11:40 · 2376 阅读 · 0 评论 -
对象数组去重
var arr = [] for (var i = 0; i < this.newsupervisor.speciablurList.length; i++) { var flag = true for (var j = 0; j < arr.length; j++) { if (this....原创 2019-07-05 13:57:55 · 146 阅读 · 0 评论