08 2016 档案

HTML5 DOM元素类名相关操作API classList简介（转载自张鑫旭大神）
摘要：一、其实事情的发展就像切水果 如果我们把元素的类名操作比作“切水果”游戏的话，其中一个单独的类名就好比“水果”或“炸弹”！ DOM Level 2时代，类名的获取与设置，多半使用className属性，className的生效近似切水果的“一刀切”。在web的初期，交互什么的其实很简单的来；就像切水 阅读全文
posted @ 2016-08-30 16:49 看起来没睡醒 阅读(860) 评论(0) 推荐(0)
Js写的一个倒计时效果实例
摘要：我们经常会看到某些网站在注册的时候喜欢搞个按钮倒计时的效果，就是多少秒之后注册这个按钮才可以点击，其目的就是强迫你去看他的注册注意事项，这是一个很实用的效果；另外当我们进行在线考试的时候也必定会碰到答题倒计时的效果，这种倒计时效果是如何实现的呢？下面我们就用Js来实现一个倒计时效果，具体代码： 阅读全文
posted @ 2016-08-30 16:36 看起来没睡醒 阅读(4248) 评论(0) 推荐(0)
垂直居中的几种方案
摘要：元素垂直居中，在网页中经常用到，现在总结几种常用的方案。 1.元素宽高固定居中 <div class=“test”> 测试文字 </div> .test{width:500px;height:500px;position:fixed;left:50%;top:50%;margin-left:-250 阅读全文
posted @ 2016-08-26 16:35 看起来没睡醒 阅读(327) 评论(0) 推荐(1)
大图片加载优化解决方案
摘要：我们浏览页面上加载有大尺寸图片时，由于图片体积也比较大，我们会看到浏览器加载图片的时候会从上到下逐步显示图片，直到图片完整呈现在页面上，这样图片从空白区域到完全加载的过程显得比较突兀，用户体验比较差。 查看演示 下载源码 我们使用的解决办法是先加载一张很小的缩略图，它可能只有1K左右，并且按所需尺寸 阅读全文
posted @ 2016-08-23 09:41 看起来没睡醒 阅读(8355) 评论(0) 推荐(0)
DomReady实现策略
摘要：在页面的DOM树创建完成后（也就是HTML解析第一步完成）即触发，而无需等待其他资源的加载，即DomReady实现策略： 1.支持DomConentLoaded事件的，就使用DomConentLoaded事件。 2.不支持的，就用Diego perint发现的著名hack兼容，兼容原理大概就是通过I 阅读全文
posted @ 2016-08-13 14:33 看起来没睡醒 阅读(220) 评论(0) 推荐(0)
脱离文档流
摘要：先来了解一下block元素和inline元素在文档流中的排列方式。 block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性； inline元素不会独 阅读全文
posted @ 2016-08-12 16:45 看起来没睡醒 阅读(512) 评论(0) 推荐(0)