前端
文章平均质量分 63
js
十二点的洛杉矶
这个作者很懒,什么都没留下…
展开
-
WebAssembly初认识
WebAssembly是什么?WebAssembly即WASM, WebAssembly是一种新的编码格式并且可以在浏览器中运行,WASM可以与JavaScript并存,WASM更类似一种低级的汇编语言。原创 2022-11-24 16:36:45 · 1121 阅读 · 2 评论 -
vue中reader.onload读取文件的异步问题
vue中reader.onload读取文件的异步问题问题用element上传文件组件上传文件,然后在前端读取,由于reader.onload读取文件是异步的会造成return回去的数据无法被获取export function import_excel_to_json(file){ let jsonData = {} let reader = new FileReader() reader.readAsArrayBuffer(file) reader.onload =原创 2021-06-15 13:44:08 · 5277 阅读 · 1 评论 -
鼠标事件mouseenter、mouseleave、mouseover、mouseout和滚轮事件mousewheel
鼠标事件mouseenter、mouseleave和mouseover、mouseout的区别onmouseenter、onmouseleave:鼠标移动到自身是会触发事件,但是移动到其子元素身上不会触发事件onmouseover、nmouseout:鼠标移动到自身时候会触发事件,同时移动到其子元素身上也会触发事件滚轮事件场景当鼠标移动到图片上时,图片由鼠标滚轮控制放大缩小问题由于该页存在滚动条,即使鼠标放到图片上,滑动滚轮时图片放大缩小的同时滚动条也在滚动解决方法元素绑定鼠标滚原创 2020-12-17 15:51:34 · 610 阅读 · 0 评论 -
vue用vis插件实现网络拓扑图
安装引入visnpm安装visnpm install vis引入visimport { DataSet, Network } from 'vis';vis使用示例methods:{ globalTrace () { // create an array with nodes var nodes = new DataSet([ {id: 1, label: 'Node 1'}, {id: 2, label: 'Node 2'},原创 2020-12-16 11:36:08 · 10003 阅读 · 1 评论 -
浏览器缩放时元素不适配问题
在浏览器缩放时元素不会随浏览器进行缩放浏览器缩放Ctrl+滑轮 / Ctrl + “+”(加号放大)、"-"(减号缩小)、“0”(0还原)不会进行缩放的元素用svg画出的路径箭头xterm插件构建的终端模拟器(缩放时会出现内容消失的问题,只有再重新鼠标点击一下终端才会出现)解决方法methods:{ //ctrl+滑轮控制浏览器缩放 mouseresizeScroll(e){ if(e.ctrlKey){ let _this=this原创 2020-12-02 10:27:03 · 757 阅读 · 0 评论 -
Vue中websocket在刷新或关闭页面时如何关闭链接
websocket在不用时需要及时关闭,否则会对造成服务端压力思路(错误)将关闭websocket的方法放在beforeDestroy钩子函数中data(){ return{ ws:"", }},methods:{ //关闭websocket closeWebsocket(){ if(this.ws){ this.ws.close(); let _this=this this.ws.onclose = function(ev.原创 2020-11-25 17:28:45 · 13986 阅读 · 6 评论 -
对象数组的排序问题
接口返回数据排序规则先根据code从小到大排序如果code相等,再根据flag字符串顺序排序代码let newArr=[]newArr=oldArr.sort(function(a, b){ if(a.code - b.code==0){ //code相等时 let x = a.flag.toLowerCase(); let y = b.flag.toLower原创 2020-11-09 15:44:03 · 275 阅读 · 0 评论 -
vue前端导入excel表格并解析表格内数据
需求用户需要输入一系列的ip1.如果ip过多手动输入太麻烦,所以用户可以把ip写入Excel表格,然后导入2.为防止用户创建Excel表格时格式错误,所以我们提供一个模板供下载原创 2020-10-29 17:22:30 · 2685 阅读 · 2 评论 -
前端项目运行出现的hosts问题
问题在前端项目git clone->npm i->npm run dev之后会出现以下问题解决方法找到hosts文件,路径一般是C:\Windows\System32\drivers\etc找到前端工程的配置config文件修改本地hosts文件如果需要管理员权限才能修改hosts文件,可以用以下方式打开hosts文件...原创 2020-09-29 11:21:21 · 565 阅读 · 0 评论 -
将后台返回的二进制数据下载成文件
将后台返回的二进制数据下载成文件首先说一下我的应用场景BlobBlob用法我的代码首先说一下我的应用场景我是在做控制台日志的时候,后台是通过websocket返回的二进制数据流,我需要让这些数据可以通过下载按钮下载为.log后缀的日志文件Blob在一般的Web开发中,很少会用到Blob,但Blob可以满足一些场景下的特殊需求。Blob,Binary Large Object的缩写,代表二进制类型的大对象。Blob的概念在一些数据库中有使用到,例如,MYSQL中的BLOB类型就表示二进制数据的容器。在原创 2020-09-25 11:18:50 · 448 阅读 · 0 评论