1. javascript a标签下载文件,替换文件名 ----- 2. 正则替换特殊字符以及空格 ----- 3. 其他css等等

12 篇文章 0 订阅
1. // a标签下载文件,替换文件名
const fileName = this.form.fileName + '.pdf'
const xhr = new window.XMLHttpRequest()
xhr.open('GET', fileUrl, true)
xhr.responseType = 'blob'
xhr.onload = () => {
    const url = window.URL.createObjectURL(xhr.response)
    const a = document.createElement('a')
    a.href = url
    a.download = fileName
    a.click()
}
xhr.send()

2. // 替换特殊字符以及空格
const pattern=/[`~!@#$^\-&*()=|{}':;',\\\[\]\.<>\/?~!@#¥……&*()——|{}【】';:""'。,、?\s]/g
str = str.replace(pattern,'')

str.replace(/(^\s*)/g, '') // 去掉左边空格
str.replace(/(\s*$)/g, '') // 去掉右边空格
str.replace(/[ ]/g, '') // 去掉中间空格
str.replace(/(^\s*)|(\s*$)/g, '') // 去掉前后空格
str.trim() // 去掉前后空格 方法用于删除字符串的头尾空白符,空白符包括:空格、制表符 tab、换行符等其他空白符等。不会改变原始字符串。null, undefined, Number 类型。

str.replace(/\s+/g, '') // 去掉所有空格,包括换行符
3. // 边框渐变
border-image: linear-gradient(to right, #8f41e9, #578aef) 4;


4. // 网页图片变灰
	// 第一种 全站置灰
html.gray-mode {
    filter: grayscale(.95);
    -webkit-filter: grayscale(.95);
}

html {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: scroll;
    // 第二种搭配
    background: #fff;
}

html::before {
    content: "";
    position: absolute;
    inset: 0;
    // 第一种  首屏置灰遮罩
    backdrop-filter: grayscale(95%);

    // 第二种 首屏置灰遮罩
    background: rgba(0, 0, 0, 1);
    mix-blend-mode: color;

    z-index: 10;
    pointer-events: none;
}

5.
// 继承类样式
.common-style {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 5px;
}
.warnStatus {
    .common-style();
    color: #5A9BFA;
    background: #ecf5ff;
    border: 1px solid #e0efff;
}


6.
if(body.clientHeight + body.scrollTop == body.scrollHeight) {
    console.log('已滚动到底部')
}


7. 原生js 拖动
参考链接  https://juejin.cn/post/7171269067729272868


8. 快速排序
function sortArray(nums) {
	quickSort(0, nums.length - 1, nums);
	return nums;
}

function quickSort(start, end, arr) {
	if (start < end) {
		const mid = sort(start, end, arr);
		quickSort(start, mid - 1, arr);
		quickSort(mid + 1, end, arr);
	}
}

function sort(start, end, arr) {
	const base = arr[start];
	let left = start;
	let right = end;
	while (left !== right) {
		while (arr[right] >= base && right > left) {
			right--;
		}
		arr[left] = arr[right];
		while (arr[left] <= base && right > left) {
			left++;
		}
		arr[right] = arr[left];
	}
	arr[left] = base;
	return left;
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值