自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 监控微信H5的页面关闭按钮并埋点,移动端js这样实现

监控微信H5的页面关闭按钮并埋点,移动端js这样实现最近项目里有个新的需求,在微信里打开的H5网页,要获取到用户退出页面的事件。经过对visibilitychange、 unload/pagehide 、onunload、popstate各种方法一阵测试,发现安卓里visibilitychange能监听到关闭事件。而iOS里使用pagehide能监听。但是监听到关闭事件并不是终点,还要在用户退出时候向后台发送数据请求。这时,安卓里能正常发送ajax,iOS里却失效。原因是xhr请求是异步发送,很可能在它

2021-09-06 16:05:44 2404 2

原创 小程序保存base64图片到本地

//用户需要授权 wx.getSetting({ success: (res) => { if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ scope: 'scope.writePhotosAlbum', success:()=> { // 同意授权 that.s...

2021-03-05 09:05:08 584 1

原创 导航区鼠标悬停,下划线好看的动画效果,css实现

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #navList {min-height: 30px;float: left;list-style: none} #navList li { float: left;list-styl

2020-05-28 13:14:37 919

原创 页面滚动动态显示动画ScrollReveal.JS

var mySlide_L={reset:true,distance:"300px",duration:600,easing:"ease-in-out",interval:350,opacity:0,origin:"left"};var mySlide_R={reset:true,distance:"300px",duration:600,easing:"ease-in-out",interva...

2020-04-13 10:51:11 414

原创 页面变灰白以及定时返回彩色代码

页面变灰白的css,兼容ie html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter:progid:DXImageTransform.M...

2020-04-04 22:55:58 529

原创 h5安卓和苹果自动播放音乐代码

document.addEventListener('DOMContentLoaded', function () { function audioAutoPlay() { var audio = document.getElementById('audio'); audio.play(); ...

2020-04-03 10:42:17 418

原创 swiper动画循环

.shake {-webkit-animation-name:shake;animation-name:shake;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes shake{0% {-webkit-transform: rotate(3...

2020-03-29 11:01:57 213

原创 JS获取video原始宽高

var video = document.querySelector('video');video.addEventListener('canplay', function () { this.width = this.videoWidth; this.height = this.videoHeight;});

2020-01-15 11:15:02 3845

转载 css3实现的3d翻面效果(转载)

翻面效果 背面文字说明备注:backface-visibility 设置盒子背面是否可见

2019-08-05 09:30:21 259

原创 js截屏,图片清晰,无需手写canvas

/*html2canvas 0.5.0-beta4 http://html2canvas.hertzen.comCopyright © 2017 Niklas von Hertzen2017-06-14 Custom build by Erik Koopmans, featuring latest bugfixes and featuresReleased under MIT Licens...

2019-07-02 11:16:22 666

空空如也

空空如也

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

TA关注的人

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