自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js检测滚动条滚动到底部了

滚动高度+可视高度==内容高度。

2024-05-24 15:45:37 320

原创 js深拷贝方法实现

js 深拷贝

2024-02-29 11:38:10 338

原创 npm与yarn的区别

npm 与 yarn 常用命令对比。

2024-02-22 11:22:16 479

原创 谈⼀谈你对this的了解?✨

/Messi ,由于bind将obj绑定到f函数上后返回⼀个新函数,因此需要再在后⾯加上括号进⾏执⾏,这是bind与apply和call的区别。⽤ new 调⽤⼀个构造函数,会创建⼀个新对象, 在创造这个新对象的过程中,新对象会⾃动绑定到Person对象的this上,this的指向不是在编写时确定的,⽽是在执⾏时确定的,同时,this不同的指向在于遵循了⼀定的规则。⾸先,在默认情况下,this是指向全局对象的,⽐如在浏览器就是指向window。最后,也是优先级最⾼的绑定 new 绑定。

2023-03-06 15:18:14 123

原创 前端文件压缩为zip文件上传后台

zip.file(‘00E4DAC2282E50A0_中铁二局六公司乐西合肥成都地铁13号线赣新德阳保罗昭西南昌合海南振源建材有限公司202302941.xlsx’,file);// 压缩类型选择nodebuffer,在回调函数中会返回zip压缩包的Buffer的值,再利用fs保存至本地。// ArrayBuffer转File。// 空的formData实例对象。// 给formData添加数据。// 给压缩文件里添加文件。

2023-02-16 10:03:55 1032

原创 面试题:JavaScript的map方法是否会改变原数组?

map 解析

2022-11-11 15:12:21 641

原创 面试题:JavaScript中使用forEach会改变原来的数组吗?

forEach解析

2022-11-11 14:49:41 679

原创 【不得不看】html5仿ios下拉和上拉回弹功能

下拉和上拉橡皮筋效果

2022-11-01 11:21:05 396

原创 JS获取页面的缩放比例

JS获取页面的缩放比例

2022-10-21 11:18:36 722

原创 js压缩图片不改变图片尺寸

思路:利用canvas转blob的时候通过quality控制图片质量,达到压缩的目的。只能对图片格式为jpeg或webp的图片有效。因此压缩的时候canvas.toBlob(callback, mimeType, quality)中的mimeType要设为’image/jpeg’。压缩完成可以自行转成想要的格式。更多参考:https://blog.csdn.net/qq_20567691/article/details/100044142。

2022-09-27 16:20:35 569 1

原创 antd vue 日期控件限制只可选择今天及今天以后的

antd 日期控件限制日期选择今天及以后

2022-08-26 15:53:10 1603

原创 vue2 自定义防抖指令

防抖

2022-08-25 11:04:13 456

原创 常用正则表达式

常用正则表达式

2022-07-06 09:59:06 69

原创 封装防抖节流

前端js防抖节流的封装

2022-06-27 17:07:56 120

原创 js修改对象的key值

var array = [ { id:1, name:"小明" }, { id:2, name:"小红" } ]; /**/ //旧key到新key的映射 var keyMap = { "id" : "value", "name" : "label" }; ...

2022-04-20 13:54:41 961

原创 使用table标签方式将json导出xls文件

使用table标签方式将json导出xls文件

2022-04-18 21:48:51 105

原创 js时间倒计时

<!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>Do

2022-03-04 15:36:45 261

原创 base64图片 复制到系统剪切板

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js复制图片-文字</title></head><body><div> <img id="hidImag" src="" /></div><input id="copy" type="button"

2022-02-22 18:48:30 1058

原创 canvas下载图片方法

有个需求说要把网站上的图表可以保存到本地,查看了一下表单的元素,是canvas内的。用了好多种方法,都失败了。最后搜到了stackoverflow上的一种方法成功导出,代码贴在下面//canvas下载图片 exportCanvasAsPNG:function (id, fileName) { var canvasElement = document.getElementById(id); var MIME_TYPE = "image/png"; v

2022-02-21 11:22:53 3512

原创 图片自适应宽高

function fn() { var w = window.innerWidth; //图片高 / 图片宽 * 屏幕宽度 = 不同屏幕下图片的高是多少 div.style.height = Math.round(100 / 2880 * w) + 'px' } fn(); window.addEventListener('resize', fn, false)

2022-01-24 16:12:43 551

原创 webstom 代码上传到本地后 未push;如何撤回到提交前的版本

**webstom 代码上传到本地后 未push;如何撤回到提交前的版本代码提交到本地后突然发现提交的多余文件,特别是配置文件;一般都是默认选中的。故提交代码时一定要仔细核查选中的文件是否为自己确定要提交的文件;如果提交错文件,可以右键点击项目——>GIT ——>Repository——>Reset HEAD如图所示:**点击 Reset HEAD 进入如图弹窗:Reset Type选择Soft表示保存所有的提交操作,To Commit: HEAD ^表示退回到上一次提交

2022-01-17 11:35:59 558

原创 canvas将图片转成base64

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>canvas将图片转base64</title> </head> <body> <p>canvas绘制的网络图片</p> <canvas id="canvas"></

2021-11-09 12:03:21 2436

原创 图片旋转,父元素div根据图片旋转后的宽高进行设置父元素div宽高并且父元素div完全包裹图片

<!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>Do

2021-10-29 15:58:16 760 1

原创 js递归求和

视频讲解:https://haokan.baidu.com/v?pd=wisenatural&vid=14731327726770584999代码实现function add(num) { if(num == 1) return 1 return add(num-1) + num }let total = add(3)console.log(total)

2021-10-09 14:17:45 178

原创 ios设置安全区域高度

env()和constant(),是IOS11新增特性,Webkit的css函数,用于设定安全区域与边界的距离,有4个预定义变量:safe-area-inset-left:安全区域距离左边边界的距离safe-area-inset-right:安全区域距离右边边界的距离safe-area-inset-top:安全区域距离顶部边界的距离safe-area-inset-bottom :安全距离底部边界的距离而env()和constant()函数有个必要的使用前提,H5网页设置viewport-fit=c

2021-10-08 17:10:51 2575

原创 ios键盘弹起页面被顶上去的问题

1.先在页面顶部写一个input框,2.在键盘弹起的时候先让事先写好的input框获取焦点,在让被点击的框获取焦点就这样页面就不会被顶上去了

2021-08-20 18:46:25 2127

原创 页面进入全屏模式和退出全屏模式

页面进入全屏模式和退出全屏模式 //全屏模式 var element = document.documentElement; if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element.webkitRe

2021-08-20 17:16:53 246

原创 微信小程序无缝滚动

微信小程序无缝滚动wxml <view class="wrap-item" style='transform:translateX({{posLeft2}}px)'> <view class="messages-scroll firstScroll"> <view class="{{index == 0?'yanse items...

2019-12-12 15:28:00 877

原创 判单是 手机端,电脑端,平板端

console.log(navigator.userAgent); var os = function (){ var ua = navigator.userAgent, isWindowsPhone = /(?:Windows Phone)/.test(ua), isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,...

2019-09-17 10:57:29 194

原创 按钮复制文本框内容clipboard.min.js

<head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width"> <meta name="format-det...

2019-08-21 08:42:26 254

原创 迅雷9破解版不限速

http://www.omegaxyz.com/resource/resource_software/

2019-08-20 17:25:26 739

原创 jq图片懒加载

Document <div class="container"> <img src="http://s4.sinaimg.cn/mw690/006uWPTUgy72CNFYNjB93&690" alt="1" data-src="http://img4.imgtn.bdimg.com/it/u=2...

2019-08-20 16:04:10 118

空空如也

空空如也

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

TA关注的人

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