摘要：今天在网上看到一css笔试题，乍一看很简单，实则内部暗藏玄机，题目大概是：九宫格，每格长宽50px，边框宽度5px，鼠标经过边框变红，效果如下：鼠标路过时：以下是代码（如有不足之处望多加指正） 1 2 ... 阅读全文
inherit与auto
2014-11-03 22:13 by 勤劳的插秧哥, 168 阅读, 0 推荐, 收藏, 编辑
摘要：大家是不是和我一样，在刚开始学习css的时候，在css文件开头是不是经常看到这样的代码： * {margin:0 px; padding:0 px;} 。 在接下来设置颜色字体时在body元素的css样式中是不是又经常看到这样的代码：body{ color:颜色值} 如果子元素没有特别声明的话,整篇... 阅读全文
再谈visibility:hidden和display:none
2014-11-03 16:56 by 勤劳的插秧哥, 1961 阅读, 0 推荐, 收藏, 编辑
摘要：之前写过一篇有关visibility:hidden和display:none的文章：为什么要用用visibility:hidden;代替display:none;？主要是从浏览器性能方面入手，却没写两者的主要区别，今天补充。首先display:none,这个none会把元素从dom树中“摘除”，这时... 阅读全文
IE浏览器中ajax使用缓存数据的问题
2014-11-03 11:46 by 勤劳的插秧哥, 207 阅读, 0 推荐, 收藏, 编辑
摘要：今天做了一个小功能：点击鼠标实时更新系统时间，采用ajax，过程很顺利，没遇到啥差错，谷歌，火狐，欧鹏一律通过，怀着忐忑的心情点开了IE8，果然，IE要对得起前端杀手的称号：更新不了时间。查了一下这才发现IE一直存在这个问题，内部原因是：当第一次请求数据时能顺利返回，第二次以后IE会默认使用上次的缓... 阅读全文
js实现点击<li>标签弹出其索引值
2014-10-31 17:00 by 勤劳的插秧哥, 519 阅读, 0 推荐, 收藏, 编辑
摘要：据说这是一道笔试题，以下是代码，没什么要文字叙述的，就是点击哪个弹出哪个的索引值即可： 列表1 列表2 列表3 列表4 列表5 第一种：var oli=document.getElementsByTagName('... 阅读全文
css3实现动态圆形导航栏
2014-10-31 13:29 by 勤劳的插秧哥, 791 阅读, 0 推荐, 收藏, 编辑
摘要：核心问题：1.圆形怎样实现？css3的圆角属性：border-radius:__ px; 把值设大点就圆啦。2.怎样实现动画效果？css3的transition属性：transition:__ s;控制转变过程的时间， 时间不要太短也不要太长。3.动画样式？动画样式有很多很多，基本上能更改的属性样式... 阅读全文
关于IE处理margin和padding值超出父元素高度的问题
2014-10-27 10:29 by 勤劳的插秧哥, 396 阅读, 0 推荐, 收藏, 编辑
摘要：两个div，父div有padding值，子div有margin-top值，浏览器在解析实际父子位置关系时，他们之间的距离是父padding+子margin-top。现在把父div设置固定高度，并有意让父padding+子margin-top的值大于父div的高度。这时，chrome，firefox,... 阅读全文
为什么要用visibility:hidden;代替display:none;？
2014-10-26 19:32 by 勤劳的插秧哥, 978 阅读, 0 推荐, 收藏, 编辑
摘要：为什么要用用visibility:hidden;代替display:none;？因为后者更加消耗浏览器：css绘制画面有两种形式：repaint 和reflow，当我们更改css属相如background时，浏览器只需repaint就行，dom节点的大小、位置均未发生改变，我理解为：原地不动只是换个... 阅读全文
关于学习过程中走过的弯路
2014-10-19 22:03 by 勤劳的插秧哥, 289 阅读, 0 推荐, 收藏, 编辑
摘要：最近没写博客，主要是感觉近期学的东西过于零散，需要掌握的知识点用印象笔记就记录下来了，没有用博客的方式写出来，还有时间上的一点原因，用印象笔记做记录很快，但写一篇博客可能要花更多的时间，关键是打开浏览器写博客的过程中太容易点进别的页面，比如手贱的点击了微博，优酷。。。。。。然后，然后几个小时就浪费在... 阅读全文
对getElementsByTagName("*")获取全部元素的总结
2014-08-29 22:56 by 勤劳的插秧哥, 796 阅读, 0 推荐, 收藏, 编辑
摘要：var all=document.getElementsByTagName("*") //获取整个页面的标签元素alert(all.length); //返回all长度，即标签元素个数好了，下面就是各大浏览器各显独特的时候了：你会发现IE返回的元素个数总比firefox和chrom... 阅读全文