挨踢老王发布的文章 - 吾爱前端

2021-08-27

百度地图与腾讯/高德地图经纬度转换

//将腾讯/高德地图经纬度转换为百度地图经纬度 function qqMapTransBMap(lng, lat) { let x_pi = 3.14159265358979324 * 3000.0 / 180.0; let x = lng; let y = lat; let z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * x_pi); let theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * x_pi); let lngs = z * Math.cos(theta) + 0.0065; let lats = z * Math.sin(theta) + 0.006; return { lng: lngs, lat: lats } }// 将百度地图经纬度转换为腾讯/高德地图经纬度 function bMapT...

挨踢老王

2021-08-27

JavaScript

73 阅读

0 评论

2021年08月27日

73 阅读

0 评论

2021-08-02

js监听浏览器窗口缩放方法及检测浏览器缩放百分比方法

mounted() { window.addEventListener("resize", (e) => { //监听浏览器窗口大小改变 //浏览器变化执行动作 console.log(e); this.detectZoom(); }); }, methods: { detectZoom() { var ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { ratio = window.devicePixelRatio; } else if (~ua.indexOf("msie")) { if (screen.deviceXDPI && screen.logicalXDPI) { ...

挨踢老王

2021-08-02

JavaScript

104 阅读

0 评论

2021年08月02日

104 阅读

0 评论

2021-08-02

html中<table/>标签去掉边框

直接在table标签里设置属性值为0 cellspacing="0" cellpadding="0"<table border="1" cellspacing="0" cellpadding="0" style=" height: 250px; width: 400px; margin: 0 0 0 50px; text-align: center; " > <tr> <td>预警次数：{{ tableDataDays.totalConut }}次</td> <td>停工天数：{{ tableDataDays.lockoutDays }}</td> </tr> <tr> <td>一级红色预警：{{ tableDataDays.oneStairCount }}次</td> <td>...

挨踢老王

2021-08-02

HTML,CSS

60 阅读

0 评论

2021年08月02日

60 阅读

0 评论

2021-07-30

vue使用moment插件获取日期时间

moment().format("YYYY-MM-DD HH:mm:ss"); //当前时间 moment().subtract(10, "days").format("YYYY-MM-DD"); //当前时间的前10天时间 moment().subtract(1, "years").format("YYYY-MM-DD"); //当前时间的前1年时间 moment().subtract(3, "months").format("YYYY-MM-DD"); //当前时间的前3个月时间 moment().subtract(1, "weeks").format("YYYY-MM-DD"); //当前时间的前一个星期时间 //本周的第一天 startDate = moment().week(moment().week() --1).startOf('week').format('YYYY-MM-DD'); ...

挨踢老王

2021-07-30

VUE

73 阅读

0 评论

2021年07月30日

73 阅读

0 评论

2021-07-28

JS获取浏览器窗口大小、获取屏幕、浏览器、网页高度宽度

网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop 网页被卷去的左：document.body.scrollLeft 网页正文部分上：window.screenTop 网页正文部分左：window.screenLeft 屏幕分辨率的高：window.screen.height 屏幕分辨率的宽：window.screen.width 屏幕可用工作区高度：window.screen.availHeight 屏幕可用工作区宽度：window.screen.availWidthHTML精确定位:scrollLeft,scrollWid...

挨踢老王

2021-07-28

JavaScript

76 阅读

0 评论

2021年07月28日

76 阅读

0 评论

2021-07-28

echarts多行数据折线图纵坐标与实际显示值不一致问题解决

解决方法很简单，只需把代码中的 stack: '总量' 去掉即可stack: '总量'

挨踢老王

2021-07-28

Echarts

94 阅读

0 评论

2021年07月28日

94 阅读

0 评论

2021-07-23

vue-element时间选择器时间差计算-好用值得推荐

// 时间差计算 difference: function (beginTime, endTime) { var dateBegin = new Date(beginTime); var dateEnd = new Date(endTime); var dateDiff = dateEnd.getTime() - dateBegin.getTime(); //时间差的毫秒数 var dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000)); //计算出相差天数 var leave1 = dateDiff % (24 * 3600 * 1000); //计算天数后剩余的毫秒数 var hours = Math.floor(leave1 / (3600 * 1000)); //计算出小时数 //计算相差分钟数 var leave2 = leave1 % (3600 * 1000); //计算小时数后剩余的毫秒数 var minutes = Math.floor(leave2 / (60 * 1000))...

挨踢老王

2021-07-23

VUE,Element

85 阅读

0 评论

2021年07月23日

85 阅读

0 评论

2021-07-22

element sortable配合后端排序的使用

<el-table :data="tableData" :header-cell-style="headClass" style="width: 100%; margin: 10px 0 0 0" @sort-change="sortChange" > <el-table-column type="index" label="序号"></el-table-column> <el-table-column prop="releaseUnit" label="发布单位"> </el-table-column> <el-table-column prop="warningTypeName" label="预警类型" ></el-table-column> ...

挨踢老王

2021-07-22

VUE,Element

131 阅读

0 评论

2021年07月22日

131 阅读

0 评论

2021-07-21

因el-col布局引起的el-form表单项无法点击的问题

首先最外层加上el-row,然后在每个el-form-item外层加上<el-row> <el-col> //这里每层都要加上 <el-form-item label="发布单位"> <el-select v-model="alarmform.releaseUnit" placeholder="请选择发布单位" :disabled="isDisabled" > <el-option label="北京市建筑工程事故应急指挥部办公室" value="北京市建筑工程事故应急指挥部办公室" ></el-option> <el-option label="市预警中心" value="市预警中心&...

挨踢老王

2021-07-21

VUE

137 阅读

0 评论

2021年07月21日

137 阅读

0 评论

2021-07-14

最新es6 filter() 数组过滤方法总结大全

1.创建一个数组，判断数组中是否存在某个值var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2' } ] console.log(newarr.filter(item => item.num===2 ))2.也可以通过上面方法过滤掉num为2的留下num为1的var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2' } ] console.log(newarr.filter(item => item.num!=2 ))3.去掉空数组空字符串、undefined、nullvar arr = ['1','2',undefined, '3.jpg',undefined] var newArr = arr.filter(item => item) console.log(newArr) var arr = ...

挨踢老王

2021-07-14

JavaScript

89 阅读

0 评论

2021年07月14日

89 阅读

0 评论

2021-07-06

Vue自定义指令v-Int实现input限制输入正整数填坑经验

在main.js同级目录下创建directives.js文件，将以下代码放入，然后在main.js引入import './directives';// 针对 el-input做的限制，只能输入正整数 const trigger = (el, type) => { const e = document.createEvent('HTMLEvents') e.initEvent(type, true, true) el.dispatchEvent(e) } Vue.directive('Int', { bind: function (el) { const input = el.getElementsByTagName('input')[0] input.onkeyup = function (e) { if (input.value.length === 1) { input.value = input.value.replace(/[^1-9]/g, '...

挨踢老王

2021-07-06

JavaScript

87 阅读

0 评论

2021年07月06日

87 阅读

0 评论

2021-06-10

vue获取当前页面路由

当前页面完整url可以用 window.location.href 路由路径可以用 this.$route.path 路由路径参数 this.$route.params

挨踢老王

2021-06-10

VUE

112 阅读

0 评论

2021年06月10日

112 阅读

0 评论

2021-06-09

js时间格式化的处理，或者在这个时间基础上加10秒减10秒

话不多说，直接上代码// 时间处理例子:xtime = 2021-06-08 09:39:39; s = 10 handleTime(xtime,s){ const newtime = new Date(xtime); const time = new Date(newtime.setSeconds(newtime.getSeconds() + s)); const year = time.getFullYear(); const month = (time.getMonth() + 1).toString().padStart(2, "0"); const date = time.getDate().toString().padStart(2, "0"); const hours = time.getHours().toString().padStart(2, "0"); const minute = time.getMinutes().toString().padStart(2, &qu...

挨踢老王

2021-06-09

JavaScript

167 阅读

0 评论

2021年06月09日

167 阅读

0 评论

2021-06-09

vue-directive-image-previewer插件进行图片放大处理（层级问题）

1.安装vue-directive-image-previewer插件npm install vue-directive-image-previewer --save2.在vue项目中的main.js中引入并注册import VueDirectiveImagePreviewer from 'vue-directive-image-previewer' import 'vue-directive-image-previewer/dist/assets/style.css' Vue.use(VueDirectiveImagePreviewer, { zIndex: 9999, //层级显示这里是可能遇到的问题 previewSize: 3 //三倍图 })3.使用（使用指令v-image-preview）<img v-for="(item,index) in form.imgList" :key="index" :src="item" alt="" v-image-preview=&qu...

挨踢老王

2021-06-09

VUE

181 阅读

0 评论

2021年06月09日

181 阅读

0 评论

2021-06-02

vue中使用video.js切换m3u8格式的视频流不生效问题

1.在需要应用的vue页面局部引入以下文件// 引入videojs import Video from 'video.js' import 'video.js/dist/video-js.css' import 'videojs-contrib-hls'2.html代码<video id="my-video" style="width:100%;height:100%" class="video-js"></video>3.data中定义数据options: { language: "zh-CN", autoplay: true, // 设置自动播放 muted: true, // 设置了它为true，才可实现自动播放,同时视频也被静音（Chrome66及以上版本，禁止音视频的自动播放） preload: "auto", // 预加载 controls: true, // 显示播放的控件 notSupportedMessage: ...

挨踢老王

2021-06-02

VUE,video.js

258 阅读

0 评论

2021年06月02日

258 阅读

0 评论

吾爱前端_www.wuaiweb.com

人生倒计时

热门文章

最新回复

标签云