bamo3265-CSDN博客

转载 js懒加载

懒加载的实现： 1.懒加载的作用和原理：在我们展示过多图片的时候，类似于淘宝的图片有很多，全部从服务器请求会给用户带来糟糕的体验，所以为了提高用户体验，下拉逐渐加载。每个图片的src都会有一个get请求，我们把不能看到的图片src设置相同的图片，这些图片发一次请求即可，设置属性data-imgurl为真正的路径。当图片滚动到可视区域时，我们就用js把data-imgurl赋值到...

2018-11-09 11:13:00 151

转载公众号开发-获取用户信息

微信公众平台：https://mp.weixin.qq.com 内部测试的appid REDIRECT_URI(用户登录链接地址) SECRET秘钥APPID = edREDIRECT_URI = edSCOPE = edSECRET = ed 1.获取用户code数据（文档中有此链接）https://open.weixin.qq.com/connect/oauth2/author...

2018-11-06 10:30:00 109

转载 ClipboardJS 复制文本功能

<input type="text" value="复制的文本" class="empInput" id="empInput"> <button class="Wechat" data-clipboard-action="copy" data-clipboard-target="#empInput">复制</button> ...

2018-11-06 09:58:00 141

转载 css3 Gradient线性渐变详解

CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient 我们主要看看Mozilla,Webkit,Opera下的应用在Mozilla的应用下：其共有三个参数，第一个参数表示线性渐变的方向，top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以...

2018-05-28 09:57:00 121

转载轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别

总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕先总结下区别： event.clientX、event.clientY 鼠标相对浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event....

2018-03-14 23:35:00 148

转载 JavaScript的六种继承方法

1.原型链基本思想：利用原型让一个引用类型继承另外一个引用类型的属性和方法。构造函数，原型，实例之间的关系：每个构造函数都有一个原型对象，原型对象包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。原型链实现继承例子： function SuperType() { this.property = true; } SuperType.prototyp...

2018-03-08 13:49:00 73

转载 JavaScript对象的几种创建方式

1.使用工厂模式创建对象 function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; return o; } v...

2018-03-08 13:34:00 62

转载数组常用的几种方法

JavaScript数组创建有两种方式，第一种使用Array构造函数： var arr1=new Array();//创建一个空数组 var arr2=new Array(20);//创建一个包含20项的数组 var arr3=new Array("LiWen","liuXi","XiaoXu");//创建一个包含三个字符的数组 ...

2018-03-07 13:05:00 180

转载常见兼容性问题

* png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.也可以引用一段脚本处理. * 浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。 * IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。 * 浮动ie产生的双倍距离（I...

2018-03-06 17:53:00 59

转载 CSS3新增伪类有哪些？

p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。 p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。 p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。 p:only-child 选择...

2018-03-06 17:51:00 93

转载动画

一.从一张背景图片中截取六张图并让它们平移。 HTML代码如下： <div class="pic"> <div class="img1"></div> <div class="img2"></div> <div class="i...

2017-11-15 16:22:00 74

转载 IE下常见兼容性问题

一.IE6/IE7对 display-inblock支持的欠缺 Html代码： <div class="nav"> <ul> <li><a href="">首页</a></li> <li><a href="">公司介绍</a></li> ...

2017-11-12 18:46:00 87

bamo3265的博客