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