Web引领者 - 博客园

2019年3月26日

摘要： //懒加载插件 function imgload(){ var img=document.getElementsByTagName("img"); //所有图片加载； function loas(){ for(var i=0;i<img.length;i++){ if(img[i].lasd==tr 阅读全文

posted @ 2019-03-26 20:05 Web引领者阅读(368) 评论(0) 推荐(0)

js多次触发事件，在一定延迟内只执行一次（事件累加）

摘要： js多次触发事件，在一定延迟内只执行一次的案例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .div{ width:200px; height:200px; background:red; 阅读全文

posted @ 2019-03-26 15:30 Web引领者阅读(5632) 评论(0) 推荐(0)

2019年3月25日

window的三大功能，行内样式获取的讲解 getcomputerStyle

摘要： window的三大功能： js引擎 dom渲染获取行内中css的属性： chrome和Firefox加上 ie9+（所谓的高级浏览器）用的方法： window.getComeputerStyle(div) ie9以下的低版本浏览器： div.currentStyle() 阅读全文

posted @ 2019-03-25 20:47 Web引领者阅读(526) 评论(0) 推荐(0)

2019年3月22日

延迟加载讲解

摘要：延迟加载（懒加载）优化网页性能的一种方式，针对图片；什么时候图片可以加载？整张图片出现在可视区内就加载，滚轮卷走的高度（scrollTop），加上窗口的高度（clientHeight）大于等于图片的（相对定位加图片的高）offsetTop和offsetHeight 说明整个图片在可视区而且阅读全文

posted @ 2019-03-22 15:24 Web引领者阅读(206) 评论(0) 推荐(0)

懒加载（延迟加载的案例）（单张案例）（多张案例）

摘要： //单张图片的案例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .a{ width:200px; height:200px; margin:1000px auto; background:# 阅读全文

posted @ 2019-03-22 14:45 Web引领者阅读(503) 评论(0) 推荐(0)

得到body相对定位的插件

摘要：相对body定位的插件 function offset(ele){ //该元素到父级水平定位的距离 var le=ele.offsetLeft; //该元素到父级垂直定位的距离 var to=ele.offsetTop; //该元素到相对父级 var parent=ele.offsetParent; 阅读全文

posted @ 2019-03-22 14:31 Web引领者阅读(189) 评论(0) 推荐(0)

2019年3月20日

改变端口的方法phpstudy

摘要： document.ready 一个页面可以用无数次； window.onload 一个页面只能用一次，并且在最顶层；用户交互：用户在网页上的一些行为；服务交互：Ajax；组件：（白话：按照我的规则来，实现我的效果）组件注意的事项：id，class尽量不要随便变换，只能添加；改变端口的方法：阅读全文

posted @ 2019-03-20 18:40 Web引领者阅读(700) 评论(0) 推荐(0)

2019年3月19日

弹性势能，position，min用法，获取元素的宽

摘要：弹性势能：网页div移动的mousemove的次数，跟div移动的距离没有关系，跟鼠标移动的快慢有关，浏览器自身有个计数事件，几毫秒 _this.seed*=0.95 //摩擦系数的写法 position：相对于父级的偏移量 offset：相对于文档的偏移量 var height=[]; Math 阅读全文

posted @ 2019-03-19 18:30 Web引领者阅读(156) 评论(0) 推荐(0)

2019年3月18日

3d图像坐标轴及css3属性的讲解

摘要： 3d立体坐标轴如有不知道各种插件的怎么办？网上查，百度 1.css选择器： 1.id 2.class 3.标签 4.子代 5.后代 6.交集 7.并级 8.通配符 9.结构 10.伪类 11.属性 12.相邻 13.兄弟 2.浏览器的内核谷歌的内核：webkit Firefox（火狐）的内核：阅读全文

posted @ 2019-03-18 17:43 Web引领者阅读(2015) 评论(0) 推荐(0)

2019年3月15日

Ajax的兼容及Ajax的缓存问题

摘要： Ajax的兼容：在ie 6 7 8 不支持XMLHttpRequest的对象；他的Ajax内置对象为ActiveXObject("Microsoft XMLHTTP") 除了内置对象不一样外，剩下的都一样兼容性的处理方法： var http; if(window.XMLHttpRequest) 阅读全文

posted @ 2019-03-15 11:09 Web引领者阅读(205) 评论(0) 推荐(0)