前几天尝试写了一下轮播图(纯js实现),然后呢,也碰到了非常多的问题,总结一下,警示自己。
1.有关html中的一些写法注意
在<a></a>标签的href属性中请一定注意要填入“#”这个符号,因为,如果你不填什么东西的话,点击<a></a>标签之后会链接当前页面,所以会刷新当前页面,然而刷新页面会给轮播图带来很多问题,比如,你的轮播图在你点击链接之后又重新重头开始播放,等等。
2.有关css的z-index属性
要使用这个属性,必须先对该元素定位。
3.css中属性优先级的问题
当一个页面复杂度提升之后,很容易就碰到这个问题,为什么我改变了一个元素的样式之后,这个元素却并未发生我预想的改变呢?原因可能就和这个优先级有关:在没有!important的情况下,首先是行内样式的优先级>内联样式>外部样式,这个没什么好说的,在一个就是,ID选择器的优先级>class选择器、伪类选择器。为了方便理解,可以这么说,特殊即优先。
比如这次
4.js当中的一些问题
要习惯用对象的思想去思考一个问题。
这次轮播图其实还写的挺艰难的,中途遇到了很多问题。但有些js当中问题解决之后也觉得明了了,不过,这里罗列的是那些还没有掌握的知识点。
网友评论