自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 前端处理接口返回文件流格式

a.download = "文件名";1.请求要设置responseType: blob。2.处理返回的文件流。

2025-01-08 19:02:01 229

原创 文件上传到OSS,显示进度条信息

/ e.loaded 已传输的字节。// e.total 需传输的总字节。

2023-06-30 10:47:31 598

原创 Mock.js与前端导出的冲突

项目中如果引入了mock.js,前端下载excel文件会打不开该文件,因为mock会拦截请求使返回的文件流blob变成字符串。将下载交给浏览器去处理(window.open)

2023-06-02 17:31:05 498

原创 XSS跨站脚本攻击

同源策略、XSS攻击

2022-10-26 17:48:19 446

原创 https:浏览器如何验证数字证书

在建立https连接时,浏览器如何验证数字证书的合法性?

2022-10-25 22:41:17 2318

原创 点击img,直接下载图片

实现图片点击下载

2022-09-21 11:55:16 1810

原创 元素竖向的百分比设定是相对于容器的高度?

答案当然No啦不知道大家理不理解”包含块“的定义?包含块(containingblock)就是元素用来计算和定位的一个框。(1)根元素(很多场景下可以看成是<html>)被称为“初始包含块”,其尺寸等同于浏览器可视窗口的大小。(2)对于其他元素,如果该元素的position是relative或者static,则“包含块”由其最近的块容器祖先盒的contentbox边界形成。(3)如果元素position:fixed,则“包含块”是“初始包含块”。(4)如果元素positi

2022-03-21 15:04:53 200

原创 使用table实现纸质表格

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表格样式</t.

2022-03-09 11:35:43 218

原创 将浮点数的小数点左边的数每三位添加一个逗号

1.toLocaleString()function format (number) { return number && number.toLocaleString()}2.正则function format (number) { return number && number.toString().replace(/(?!^)(?=(\d{3})+\.)/g, ',') // /(\d)(?=(\d{3})+\.)/g}3.转化为.

2022-03-09 11:27:03 245

原创 微信小程序|ios页面滚动时,input定位会错乱

解决方法1(推荐):设置属性always-embed=true解决方法2:使用focus/blur事件手动控制input框focus

2022-01-06 09:46:51 2628

原创 对象和非对象之间==比较

对象和非对象之间相等(==)比较,首先对象会调用toPrimitive函数,再进行比较var obj = { name: 'lisa'}obj[Symbol.toPrimitive] = function () { return 'lisa'}console.log(obj == 'lisa') // true

2021-08-20 14:20:47 177

原创 数组扁平化

什么是数组扁平化?将多维数组转化为一 维数组。方法一:使用es6提供的Array.prototype.flat处理 let arr = [ // 这是一个五维数组 [1, 2, 3], [3, 4, 5, 5], [6, 7, 8, [9, 10, [11, 12, [13]]]] ] arr = arr.flat(Infinity) // 参数为扁平化的级数,例如1, 2, 3... console.log(arr) /

2021-08-10 17:08:57 103

原创 面向对象面试题

function Foo () { getName = function () { console.log(1) } return this } Foo.getName = function () { console.log(2) } Foo.prototype.getName = function () { console.log(3) } var getName = fu...

2021-08-08 18:05:12 82

原创 数组去重(三种方法)

1.使用es6提供的set、Array.from()var arr = [1, '1', 2, 3, null, null, undefined, undefined, NaN, NaN]var target = Array.from(new Set(arr)) // [...new Set(arr)]结果: [1, '1', 2, 3, null, undefined, NaN]2.对象属性var arr = [1, '1', '1', 2, 3, 4, undefined, un.

2021-08-06 14:54:49 240

原创 echarts5.0图表重新渲染问题解决

if (dom) { dom.setAttribute('_echarts_instance_', '')}

2021-08-06 14:23:39 286

原创 css|direction: rtl;填坑

direction: rtl;填坑direction: rtl;造成的问题是特殊符号结尾会显示在文本的最左边。<html> <head> <style type="text/css"> div.container { direction: rtl; } </style> </head> <body> <div class="container

2021-03-20 15:25:35 5136 3

原创 判断JavaScript数据类型的方法

数据类型分类基本数据类型NumberBooleanStringnullundefinednull和undefined区别:null == undefined //truenull === undefined //falsenull转化为数值的时候为0,但是undefined转化为数值时为NaN详解:阮一峰:undefined与null的区别.引用数据类型...

2020-03-12 23:16:32 130

原创 css解决高度塌陷

为什么会出现高度塌陷?首先, 我们先弄清楚什么是高度塌陷?下面看一段代码 <div class="container"> <div class="main"></div> </div> .container{ border: 1px solid red; } .main{ float: left; width:2...

2020-03-12 18:15:46 160

原创 css实现水平垂直居中

行内元素HTML代码:<div class="container"> <span class="main">行内元素</span></div>css代码方法一 .container{ height: 200px; text-align: center; // 设置text-align属性,span元素水平居中 }...

2020-03-12 17:27:22 143

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除