weixin_45380518的博客

原创 vue3.0+ts文件引入出现红色下划波浪线如何解决

找到项目根目录下tsconfig.json----》配置include。根据自己项目配置检测文件路径：例如src下的文件需要配置。

原创 el-input输入保留两位小数

el-input输入保留两位小数

原创 echarts播放

echarts

原创 echarts根据时间轴动态添加播放数据

echarts

原创 vue拖动v-drag

html部分：拖动css部分：.drag-box { position:absolute; top: 100px; left:100px; width:100px;height:100px;background: red;border-radius: 5px;box-shadow: 0 4px 12px rgba(0,0,0,.15);z-index: 10000;}fu

原创 vue生产环境和开发环境配置打包

package,json中配置

原创 el-tag点击选中，背景色变换，获取当前选中内容

el-tag选中背景色改变

原创 element UI表头动态筛选/变化导致表格渲染高度问题

el-table标签上添加ref='table-fixed'在表头数据改变的地方添加下面代码this.$nextTick(()=>{this.$refs.able-fixed.doLayout()})

原创 vue创建项目上下键无效问题

原创 el-table默认值刷新不保存问题

原创 mapbox点击图片弹出对话框

<template><div ><div id='mapDiv'></div></div></template><script>export default {name: "Map",data() {return {};},mounted(){var map;var zoom = 8;var layBottom, layTop;var infoWin;l..

原创 新建vue项目路由跳转后刷新页面，内容丢失

path:'/AAA' 注意一定要带斜杠

原创 websocket+心跳包

<template> <div id="app"> </div></template><script>export default { data() { return { levelList: null, adminIds: '', tokens: '', merIds: '', webSo...

原创 websocket通信步骤

// WebSocet 通信模型 // 1. 拨打电话（建立连接） // 注意：wss://echo.websocket.org 是一个在线的测试接口，仅用于 WebSocket 协议通信测试使用 var ws = new WebSocket("wss://echo.websocket.org")或者未加密的("ws://echo.websocket.org") // 当连接建立成功，触发 open 事件 ws.onopen = function(evt) { console...

原创 大屏展示数据图表适应问题

安装’element-resize-detector'插件未完。。。

原创 前端通过axios+blob导出文件

1.axios.post( url: XXX, data:{}, config:{responseType:'blob'}).then( function(response){ar blob = new Blob([response.data])var downloadElement = document.createElement('a');var href = window.URL.createObjectURL(blob); //创建下载的链接downloadElemen...

原创 export与export default区别

1、export与export default均可用于导出常量、函数、文件、模块等2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用3、在一个文件或模块中，export、import可以有多个，export default仅有一个4、通过export方式导出，在导入时要加{ }，export default则不需要...

原创 http中get/put/post区别

1、PUT和POSTPUT和POS都有更改指定URI的语义.但PUT被定义为idempotent的方法，POST则不是.idempotent的方法:如果一个方法重复执行多次，产生的效果是一样的，那就是idempotent的。也就是说：PUT请求：如果两个请求相同，后一个请求会把第一个请求覆盖掉。（所以PUT用来改资源）Post请求：后一个请求不会把第一个请求覆盖掉。（所以Post用来增资源）2、get和post1、GET参数通过URL传递，POST放在Request body中。

原创 contentType 常见的格式

text/plain ：纯文本格式 application/json： JSON数据格式 application/x-www-form-urlencoded 中默认的encType，form表单数据被编码为key/value格式发送到服务器（表单默认的提交数据的格式） multipart/form-data ： 需要在表单中进行文件上传时，就需要使用该格...

原创 递归深拷贝

//递归方法，进行深拷贝function deepClone(obj) { //传进来的参数如果是数组选择[]，如果不是数组选择{} let objClone = Array.isArray(obj) ? [] : {}; //判断传进来的是不是object类型，如果是基本类型就直接返回。 if(obj && typeof obj === "object") { for(key in obj) {//枚举遍历 ...

原创 关于format获取时间相差8小时问题处理

(item.createdAt.replace("xxx",'GMT+0800')).format('YYYY-MM-DDHH:mm')XXX表示可能存在的其他地方时区，需要替换为GMT+0800

原创 前端手写顶部模块独占一行太多显示不下时出现左右按钮

<a-icon type="left" style="margin-top:4px;cursor: pointer" @click="leftRemove" v-if="leftShow"/> <div style="max-width:417px;white-space:nowrap;overflow:hidden;"> <div class="textBox" :style="{'margin-left':rightPx}" style="white...

原创 web前端生成uuid

functionuuid(){functionS4(){return(((1+Math.random())*0x10000)|0).toString(16).substring(1);}return(S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+...

原创 获取本地详细时间函数

let nowTime = new Date();let copyTime = nowTime.getFullYear() + ‘-’ + (nowTime.getMonth() + 1) + ‘-’ + nowTime.getDate() + ’ ’ + nowTime.getHours() + ‘:’ + nowTime.getMinutes() + ‘:’ + nowTime.getSeconds() + ‘.’ + nowTime.getMilliseconds() + ’ ’ + ‘00:00’