- 博客(25)
- 收藏
- 关注
RSS订阅原创 怎么给html文件本地启动一个服务去访问
要启动一个本地的 HTTP 服务器，请先安装 Node.js，然后通过命令行在 HTML 文件所在文件夹下运行 npx serve。
2024-04-10 14:29:29
640
1
原创 computed和watch的区别及用法
需要被调用,并且return返回出最终结果，调用的时候不需要加（） - 结果可以被缓存，如果内部属性未发生变化取缓存中的值，否则重新计算 - 属性的名字不能和data中的属性名冲突 - 一般用于多个数据影响一个数据的时候......
2022-06-15 10:35:45
141
原创 解决谷歌浏览器自动添加书签问题
1.找到以下文件（如果目录对不上可以右键桌面谷歌图标打开文件所在位置）：C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Bookmarks2.右键文件属性把属性只读中的对勾去掉3.使用记事本打开该文件进行编辑修改roots内容"roots": { "bookmark_bar": { "children": [ ], "date_added": "131354490
2022-02-28 11:36:11
12437
原创 正则的使用
字符相关 // /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
209
原创 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
1695
原创 使用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
191
原创 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
982
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
3125
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
7197
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
2824
2
原创 display: grid布局
.persons{ display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); }
2020-05-23 10:52:30
208
原创 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
170
原创 使用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
729
原创 本地上传获取进度&把本地文件变为预览地址可以播放
<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
204
原创 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
3126
原创 css写一个自适应并且自动换行的代码
grid-template-columns: repeat(auto-fit,minmax(384px,1fr));效果如下：
2020-01-15 16:58:55
1079
原创 使用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
1118
原创 使用electron-vue来开发一个桌面应用程序
简单介绍： 要开发桌面应用程序（跨平台应用），现在最火的无非就是nw(node-webkit的缩写)和electron了，但是nw最近好像并没有以前那么突出，而electron却有很多的成功案例 比如：前端开发编辑器最火的vscode和atom都是使用electron开发的，而我在这里用的electron-vue是vue和electron的结合版，里面包含vue-cli中几乎所有的模块功能 ...
2020-01-12 02:33:29
1740
原创 对象数组去重
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
121
转载 使用element实现简单的table布局
使用element中table组件实现简单的列表首先第一步template中的文本写法首先第一步template中的文本写法columns4 绑定的是表格头的数据 里面有几个属性 title（显示头的数据） key (对应的是表格头下面要显示的数据) align(对齐方式) width(宽度) <Table ref="selection" :c...
2019-06-10 08:11:40
2282
转载 解决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
2491
原创 自定义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
4668
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人