javascript
康康不是只喵
越努力,越幸运。
展开
-
根据前端table导出excel
1,安装 npm install xlsx2,import * as xlsx from 'xlsx'3,给导出的table一个id为eventAnalysisTable4,导出方法methods: { // 表格导出 exportTable() { // exportTable(this.queryString).then(res => { // if (res.status === 200) { // if (res原创 2022-01-25 19:19:03 · 857 阅读 · 0 评论 -
搜索功能鼠标悬浮icon往左,往右伸展开
<template> <div> <input :class="['change-input',{focus: isFocusOn}]" v-model.trim="keyword" id="searchInput" placeholder="请输入关键字" type="text" @focus="isFoc.原创 2021-10-26 20:18:08 · 258 阅读 · 0 评论 -
复制功能,利用Clipboard
<span :data-clipboard-text="code" class="tag-read" @click="copy(code)" >复制</span>import Clipboard from 'clipboard' copy(val) { const clipboard = new Clipboard('.tag-read') clipboard.on('success', e => { this.$messa..原创 2021-10-26 20:24:24 · 159 阅读 · 0 评论 -
vue-router,如果点击同一个url报错
路由拦截器之前const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}Vue.use(Router)原创 2021-10-25 15:49:11 · 129 阅读 · 0 评论 -
ajax拦截blob错误
if (error.response.config.responseType === 'blob') { const blob = new Blob([error.response.data]) const res = await uploadFile(blob) Message({ message: JSON.parse(res).message || '未知错误,请稍后重试', type: 'error', ..原创 2021-10-25 15:43:21 · 286 阅读 · 0 评论 -
大屏可视化项目数字以三位,分隔大于万显示,含小数处理
function tranNumber (num, point) { // 将数字转换为字符串,然后通过split方法用.分隔,取到第0个 const numStr = num.toString().split('.')[0] // 小数点的位数 const num1 = num.toString().split('.').length > 1 ? ('.' + num.toString().split('.')[1]) : '' if (numStr.length < 5.原创 2021-10-09 10:38:34 · 266 阅读 · 0 评论 -
后端返回所有的数据前端做分页
this.table = this.tableData.slice((this.currentPage - 1) * this.pagesize , this.currentPage * this.pagesize)this.total = this.tableData.length;将后端的接口数据改成如上currentPage 为当前页码,pagesize为展示多少条,tableData为总的数据,不影响分页组件事件和属性使用...原创 2021-09-27 11:29:05 · 2059 阅读 · 0 评论 -
el-input只能输入带小数点的数字,或者只能输入数字
@input="valueItem.value = valueItem.value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"原创 2021-10-09 15:09:08 · 476 阅读 · 0 评论 -
给全局的ajax设置loading加载框
import { Loading } from 'element-ui'var loadingCount = 0var loadingconst loadingOptions = { lock: true, text: '加载中...', background: 'transparent', fullscreen: true}const startLoading = () => { loading = Loading.service(loadingOptions).原创 2021-08-17 19:53:30 · 242 阅读 · 0 评论 -
cookie设置过期时间
import Cookies from 'js-cookie'function setCookie(name, value, expires) { return Cookies.set(name, value, { expires })}const millisecond = new Date().getTime()const expiresTime = new Date(millisecond + res.data.expires_in * 1000)setCookie('userTo.原创 2021-08-17 18:59:41 · 889 阅读 · 0 评论 -
ResizeObserver loop limit exceeded解决方案
// ignore ResizeObserver loop limit exceeded// this is ok in several scenarios according to// https://github.com/WICG/resize-observer/issues/38export function ignoreLoopLimit() { const e = window.onerror window.onerror = function(err) { if (err.原创 2021-08-12 19:38:03 · 2453 阅读 · 0 评论 -
前端js实现文本超长文本前面显示省略号
const dom = document.querySelector('.group-field') const width = dom.offsetWidth - 30// 行宽 const totalNum = val.length // 文本的个数 const fontSizeWidth = window.getComputedStyle(dom, null).fontSize // 字体大小 const num = Math.floo.原创 2021-05-18 15:48:33 · 1495 阅读 · 0 评论 -
利用js如何做到让页面全屏和不全屏功能
Element.requestFullscreen()方法用于发出异步请求使元素进入全屏模式。以下demo是页面进行全屏和正常屏幕的,你也可以用元素来进行全屏,当然只有包含在顶层文档(top-level document)内部的标准HTML元素、<svg>元素和<math>元素,以及拥有allowfullscreen属性的iframe的内部元素可以进入全屏模式。这意味着在frame内部的元素,以及object的内部元素不能进入全屏模式。这段是从https://develop.原创 2021-05-06 11:08:33 · 368 阅读 · 0 评论 -
给定一个值,让值域(颜色)与数组比较取区间颜色。
var me = this; var colors = []; var list = []; var color = ""; var domainColors = options.config.tipConfig.domainNames; colors = domainColors.map(function (ite...原创 2020-06-05 16:26:14 · 272 阅读 · 0 评论 -
前端实现几个时间段不能交叉
function repeatTime(arr) { for (var k in arr) { if (!judege(k, arr)) { return false } } return true //true 不重复 false为重复} function judege(index, arr) { for (var k in arr) { if (index !== k) { //判断交叉时间是从.原创 2020-05-09 11:26:10 · 1376 阅读 · 1 评论 -
输入框输入可以有数字,字母并以逗号分隔
/** * 字母或者数字,并以逗号分隔开 * @param str * 徐沛沛 21517 * 2015年2月2日 * 下午1:50:45 */ letterOrNumberOrComma : function(str) { var reg = /^[...原创 2020-01-19 15:19:35 · 979 阅读 · 0 评论 -
时间戳转换日期格式方法
function formatDate (value) {// 时间戳转换日期格式方法 if (value == null) { return ''; } else { var date = new Date(value); var y = date.getFullYear();// 年 var MM = date.getMonth()...原创 2020-01-17 10:25:21 · 1316 阅读 · 0 评论 -
JavaScript 的 this 原理
一、问题的由来学懂 JavaScript 语言,一个标志就是理解下面两种写法,可能有不一样的结果。var obj = { foo: function () {}}; var foo = obj.foo; // 写法一obj.foo() // 写法二foo()上面代码中,虽然obj.foo和foo指向同一个函数,但是执行结果可能不一样。请看下面的例子。var obj = { foo: funct...转载 2018-06-27 11:17:50 · 173 阅读 · 0 评论 -
ie6,7,8placeholder失效
if (!isPlaceholder()) {//不支持placeholder 用jquery来完成 $(document).ready(function() { if(!isPlaceholder()){ $("input").not("input[type='password'...原创 2018-07-24 20:24:19 · 304 阅读 · 0 评论 -
ie无法识别new Date参数带横杠,必须修改为斜杠
原创 2018-08-08 16:32:54 · 897 阅读 · 0 评论 -
判断对象属性的值是否空,如为空,删除该属性
//filterParams({a:"",b:null,c:"010",d:123})//Object {c: "010", d: 123}//var abc = { //a: 1, //b: 2, //c: '', //d: ''//}//filterParams(abc)//{a: 1, b: 2}//这个方法不会影响原来的对象,而是返回一个新对象...原创 2018-08-30 20:21:39 · 7132 阅读 · 0 评论 -
对象的键值对
var obj={"one":"I am 1","two":"I am 2"};var arr = Object.getOwnPropertyNames(obj); //arr=["one", "two"]var arr2 = Object.keys(obj);//arr=["one", "two"]var valArr = arr.ma原创 2018-08-30 20:48:06 · 2134 阅读 · 0 评论 -
将对象里面的键值对写到路径里去
原创 2018-08-31 10:44:21 · 297 阅读 · 0 评论 -
JS中的prototype
JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类:a 类方法b 对象方法c 原型方法例子:...转载 2019-01-15 15:55:07 · 147 阅读 · 0 评论 -
2018最新手机号码正则
^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\d{8}$ 附加一个在线测试正则表达式的地址:http://tool.oschina.net/regex/原创 2019-02-26 11:06:05 · 233 阅读 · 0 评论 -
js数组去重的5种方法
贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfillArray.prototype.indexOf = Array.prototype.indexOf || function(item) { for (var i = 0, j = this.length; i < j; i++) { if (this[i] === it...原创 2019-05-27 11:29:27 · 212 阅读 · 0 评论 -
js解析带html标签的字符串
利用正则匹配: /<[^>]+>/gvar str = "<span style='width:100px;'>{'a': 1, 'b': 2}</span>"var obj = str.replace(/<[^>]+>/g, "");obj ==> "{'a': 1, 'b': 2}"原创 2019-08-08 20:27:44 · 12248 阅读 · 0 评论 -
5 分钟掌握 JavaScript 实用窍门
简评:一开始 JavaScript 只是为网页增添一些实时动画效果,现在 JS 已经能做到前后端通吃了,而且还是年度流行语言。本文分享几则 JS 小窍门,可以让你事半功倍 ~1. 删除数组尾部元素一个简单方法就是改变数组的length值:const arr = [11, 22, 33, 44, 55, 66];// truncantingarr.length = 3;console.log(arr...原创 2018-06-27 11:15:57 · 163 阅读 · 0 评论