随笔分类 -  前端

element ui 上下箭头
摘要：html代码 <el-table-column prop="value" width="145" > <template slot-scope="{row}"> <svg-icon v-if="row.value > 0" icon-class="0-down-arrow" class-name=" 阅读全文
posted @ 2020-12-11 17:49 Virya 阅读(2340) 评论(2) 推荐(0)
js数组中随机取出子数组
摘要：getRandomArrayFromArray(array, size) { // 从一个数组中取出随机几个数 let resArr = [] size = size > array.length ? array.length : size let tmpArr = [].concat(array) 阅读全文
posted @ 2020-12-11 17:18 Virya 阅读(1315) 评论(0) 推荐(0)
【转】Vue的click事件防抖和节流处理
摘要：原文：https://blog.csdn.net/weixin_42735794/article/details/91388550 函数防抖 定义：多次触发事件后，事件处理函数只执行一次，并且是在触发操作结束时执行。 在vue中对click添加防抖处理 const on = Vue.prototyp 阅读全文
posted @ 2020-12-11 11:04 Virya 阅读(2158) 评论(0) 推荐(0)
HTML常用设置【持续更新】
摘要：水平垂直居中 原文：https://blog.csdn.net/qq_31674679/article/details/81502033 https://blog.csdn.net/liufeifeinanfeng/article/details/78615567 水平： 方法一：在父容器上定义固定 阅读全文
posted @ 2020-12-11 10:08 Virya 阅读(244) 评论(0) 推荐(0)
element ui 常用配置【持续更新】
摘要：el-dialog 对话框 <el-dialog :title="showTitle" :visible.sync="myDialogVisible" append-to-body @open="showMap()" destroy-on-close :close-on-click-modal="f 阅读全文
posted @ 2020-12-09 13:53 Virya 阅读(478) 评论(0) 推荐(0)
【转】html设置超过两行隐藏
摘要：原文：https://blog.csdn.net/tanmuxue/article/details/60771626 .item .item-cont h4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webk 阅读全文
posted @ 2020-12-07 11:51 Virya 阅读(351) 评论(0) 推荐(0)
vue dplayer播放m3u8地址视频
摘要：dplayer官方配置：http://dplayer.js.org/zh/guide.html#hls npm i hls.js -S --registry=http://registry.npm.taobao.org npm i dplayer -S --registry=http://regis 阅读全文
posted @ 2020-11-27 16:38 Virya 阅读(4228) 评论(0) 推荐(0)
vue打开新tab
摘要：通过触发隐藏的a标签的click事件打开 <a ref="mytarget" class="hidetarget" href="" target="_blank" rel="noopener noreferrer"></a> <xx @click.native="openNewTab('http:/ 阅读全文
posted @ 2020-11-24 15:22 Virya 阅读(2345) 评论(0) 推荐(0)
Js常用方法map, sort
摘要：JavaScript Array map() 方法 参考： https://www.runoob.com/jsref/jsref-map.html map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 注意： map() 阅读全文
posted @ 2020-10-26 16:03 Virya 阅读(2107) 评论(0) 推荐(0)
echarts常用配置项【持续更新】
摘要：渐变色 itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#FFF0F5' //浅色 }, { offset: 1, color: '#FFB6C1' 阅读全文
posted @ 2020-10-26 16:00 Virya 阅读(1304) 评论(0) 推荐(0)
【转】moment js 使用
摘要：原文：https://blog.csdn.net/qq_38933412/article/details/82879127 案例：本例是在vue中格式化日期 1，在main.js中引入moment import moment from 'moment'; import 'moment/locale/ 阅读全文
posted @ 2020-10-26 14:23 Virya 阅读(240) 评论(0) 推荐(0)
js Cannot assign to read only property 'exports' of object '#<Object>' at Modul，import 与module.exports混用问题
摘要：参考：https://blog.csdn.net/u014471623/article/details/77991363 原因是：The code above is ok. You can mix require and export. You can‘t mix import and module 阅读全文
posted @ 2020-10-26 09:30 Virya 阅读(893) 评论(0) 推荐(0)
a标签跳转referer漏洞
摘要：a标签打开新页面时需要添加 rel="noopener noreferrer" 否则，在新打开的页面（http://www.baidu.com）中可以通过 window.opener 获取到源页面的部分控制权，即使新打开的页面是跨域的也照样可以（例如 location 就不存在跨域问题）。 在 Ch 阅读全文
posted @ 2020-10-21 11:31 Virya 阅读(2575) 评论(0) 推荐(1)
element ui rate评分组建使用
摘要：评分组件在el-table展示时的使用 大于0分时展示，为0时显示无评分 <el-table-column label="评分" prop="score" width="200"> <template slot-scope="{row}"> <el-rate v-if="row.score > 0" 阅读全文
posted @ 2020-10-21 10:13 Virya 阅读(4720) 评论(0) 推荐(0)
在vue-element-admin中使用Vuex
摘要：参考： vuex官方文档 https://vuex.vuejs.org/zh/ Vuex快速使用 https://mp.weixin.qq.com/s/OnVcgBQlSLHiR12WXN5nbQ 模块化用到的 require.context https://juejin.im/post/68449 阅读全文
posted @ 2020-09-29 10:11 Virya 阅读(2131) 评论(1) 推荐(0)