摘要: 查看元素的几何尺寸 domEle.getBoundingClientRect() 在获取的dom元素上,有一个getBoundingClientRect方法,这个方法可以获取到元素的宽高和左上点的位置以及有下点的位置(width、height、top、left、right、bottom),注意这里的宽高是指除去了margin的盒子模型的宽高。 但是老版本的IE浏览器没有实现width和height,那么我们在老版本的IE计算宽高的时候就需要用bottom-top和right-left来计算宽高值了。 还有一点需要注意的是,这里的宽高也不是实时更新的,数据只是一个副本。 我们依然可以封装一个函数,可以返回元素的宽高。 阅读全文
posted @ 2018-11-28 18:32 Panda-Q 阅读(504) 评论(0) 推荐(0) 编辑
摘要: 视口就是我们的可视区,因为我们改变浏览器的大小的时候会改变可视区的大小,那么我们如何来查看当前浏览器的可视区大小? 这里我们依然有两套方法: 第一套是window.innerHeight/window.innerWidth; 这个方法可以直接获取到当前可视区的宽高,但是依然很遗憾的是IE8以及以下的版本不兼容。 这个时候就需要第二套方法了: 在标准模式下,doucment.documentElement.clientWidth/document.documentElement.clientHeight 在任何浏览器都兼容。 阅读全文
posted @ 2018-11-28 18:22 Panda-Q 阅读(253) 评论(0) 推荐(0) 编辑
摘要: js中有两套方法可以查看当前滚动条的滚动距离。 第一套是这样的: window.pageXOffset/window.pageYOffset 这个方法可以查看滚动条的横轴和纵轴的滚动距离,但是很遗憾的是IE8以及以下的版本不兼容。 因此针对于IE,我们就需要有第二套方法: document.body.scrollLeft/doucment.body.scrollTop document.documentElement.scrollLeft/document.documentElement.scrollTop 阅读全文
posted @ 2018-11-28 18:14 Panda-Q 阅读(981) 评论(0) 推荐(0) 编辑
摘要: 定时器是javascript的重点部分,在以后的很多实战项目里都会用到。 在javascript中,与定时器有关的方法是: setInterval、clearInterval 以及 setTimeout、clearTimeout 阅读全文
posted @ 2018-11-28 17:52 Panda-Q 阅读(8108) 评论(0) 推荐(0) 编辑
摘要: 日期对象也是javascript的内置对象之一,我们可以直接使用。 var date = new Date(); 在文档中我们也可以看到它的方法很多,但是常用的其实并没有那么多。 |Date()|返回当日的日期和时间。| |getDate()|从 Date 对象返回一个月中的某一天 (1 ~ 31)。| |getDay()|从 Date 对象返回一周中的某一天 (0 ~ 6)。| |getMonth()|从 Date 对象返回月份 (0 ~ 11)。| |getFullYear()|从 Date 对象以四位数字返回年份。| |getYear()|请使用 getFullYear() 方法代替。| |getHours()|返回 Date 对象的小时 (0 ~ 23)。| 阅读全文
posted @ 2018-11-28 17:46 Panda-Q 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 一些重要的标签 • ol li 这是一组标签,它们二者都是成对出现的,每一个标签单独出现都是没有意义的事情。 这一组标签叫做有序列表,ol是外面的列表框,li是里面的子项,并且每一个li子项的前面都会带有序号。 阅读全文
posted @ 2018-11-28 00:34 Panda-Q 阅读(341) 评论(0) 推荐(0) 编辑
摘要: • html中的标签数量是很多的,据人统计大概有300个左右,并且每年都会以20-30个的速度增加着,但是这么多的标签我们不必都去记住,因为很多标签都是不常用的或者可以用基础的标签搭配组合,实际上我们需要掌握的大概在30个左右。 • 在前端开发中我们要知道,并不是你用的技术多么先进就显得多么厉害,我们要考虑到代码的可读性以及后期的可维护性,用常见的标签来写才会让其他人都能读懂你的代码。 阅读全文
posted @ 2018-11-28 00:19 Panda-Q 阅读(562) 评论(0) 推荐(1) 编辑