自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 用JavaScript判断当前用户使用的浏览器类型和版本

navigator.userAgent.toLowerCase() navigator是Browser内置对象 userAgent是navigator的属性方法,可以返回客户机发送服务器的头部信息。作用是返回当前用户所使用的什么浏览器 toLowerCase()转换为小写 let sysObj = {}; let browserInfo = navigator.userAgent.toLowerCase(); let vsMsg; (vsMsg = brow

2021-10-28 01:52:27 429

原创 JQuery中toggle()的替代方法

在使用jQuery中的toggle()自动切换显示隐藏方法的时候,调用的时候会把元素隐藏掉。原因是在jQuery 1.9版本之后,toggle()发生了变化,以下是官网的Notes:Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an animation methodnamed .toggle() that toggles the visib

2021-10-25 11:29:21 576

原创 JavaScript防抖

const inp = document.querySelector('input'); //用户输入完毕才执行一次,发送http请求 function debounce(fn, ms) { let time = null; return function () { if (time) { clearTimeout(time); .

2021-10-15 17:49:03 82

转载 数组去重的方法

一、利用ES6 Set去重(ES6中最常用)function unique (arr) { return Array.from(new Set(arr))}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];console.log(unique(arr)) //[1, "true", tru

2021-10-08 00:05:10 211

原创 js冒泡排序

1、比较相邻的两个元素,如果前一个比后一个大,则交换位置。2、比较完第一轮的时候,最后一个元素是最大的元素。3、这时候最后一个元素是最大的,所以最后一个元素就不需要参与比较大小。function bSort(arr) { var len = arr.length; for (var i = 0; i < len-1; i++) { for (var j = 0; j < len - 1 - i; j++) { // 相邻元素两两对比,元素交换,大的元素

2021-10-07 23:54:31 53

原创 js、jq获取当前点击元素的下标

以下是原生js方法://获取到所有的li标签var li = technical.querySelectorAll("li")//遍历li标签for (let i = 0; i < tr2.length; i++) {//将i的下标赋值到li的index上 li[i].index = i ; li[i].onclick = function (){ console.log(tihe.index); };};以下是jq方法,相对于js方便一.

2021-10-02 17:09:59 3306

原创 3d立方体旋转特效

这是一款使用jquery和CSS3制作的3D旋转立方体特效。该特效使用GSAP来制作动画,通过CSS transform来制作立方体效果兼容除IE之外的其它现代浏览器。由于IE浏览器不支持transform-style:preserve3d,所以在IE中看到的不是立方体效果,而是平面效果。使用方法...

2021-09-25 11:43:43 250

原创 float

float:一个使元素浮动的css属性,是学习css学习到的第一个使元素脱离文档流的一个属性, 当初也用它写了小米页面的布局,可以说是很好用了。它有四个属性值:left(使元素向左边浮动)、right(使元素向右边浮动)、inherit(继承属性,父级是什么,子级就是什么)还有一个默认值none。学习起来也是很好理解,不过浮动也容易带来一些不好的体验,例如父级高度塌陷,由于子集产生浮动后,父级没有内容,导致的高度塌陷。所以每次写了浮动,一定要写清除浮动所带来的影响。清除浮动的方法有几种,其中...

2021-09-21 12:25:39 90 1

空空如也

空空如也

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

TA关注的人

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