城市睦人 - 博客园

2015年3月4日

摘要： 1：border分割线解析 width:40px; height:40px;　background:#000; border-width:30px; border-style:solid; border-color:#e66161 #f3bb5b #... 阅读全文

posted @ 2015-03-04 16:22 城市睦人阅读(425) 评论(0) 推荐(0) 编辑

border：none 与border：0的区别

摘要： border:none与border:0的区别体现为两点：一是理论上的性能差异，二是浏览器兼容性的差异。性能差异：【border:0;】把border设为“0”像素效果等于border-width:0，浏览器依然对border-width、border-color进行了渲染，即已经占用了内存值。【b... 阅读全文

posted @ 2015-03-04 15:44 城市睦人阅读(191) 评论(0) 推荐(0) 编辑

2015年3月3日

jQuery选择器总结

摘要： 1 jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 2 3 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 4 $("div") ... 阅读全文

posted @ 2015-03-03 09:34 城市睦人阅读(72) 评论(0) 推荐(0) 编辑

2015年2月28日

[转]利用CSS、JavaScript及Ajax实现图片预加载的三大方法

摘要： Perishable Press网站近日发表了一篇文章《3 Ways to Preload Images with CSS, JavaScript, or Ajax》，分享了利用CSS、JavaScript及Ajax实现图片预加载的三大方法。下面为译文。预加载图片是提高用户体验的一个很好方法。图片预... 阅读全文

posted @ 2015-02-28 14:58 城市睦人阅读(170) 评论(0) 推荐(0) 编辑

[转]Javascript实现图片的预加载的完整实现

摘要：图片预加载是web开发中一种应用相当广泛的技术，比如我们在做图片翻转显示等特效的时候，为了让图片在转换的时候不出现等待，我们最好是先让图片下载到本地，然后在继续执行后续的操作。今天我们将来实现一个完整的图片预加载和处理图片加载后执行后续操作的代码。下面的函数实现了一个我们想要的最基本的图片预加载效果... 阅读全文

posted @ 2015-02-28 14:17 城市睦人阅读(207) 评论(0) 推荐(0) 编辑

[转]Javascript实现图片的预加载

摘要：做过图片翻转效果的朋友其实都知道，要让图片轮换的时候不出现等待，最好是先让图片下载到本地，让浏览器缓存起来。这时，一般都会用到js里边的Image对象。一般的手段无非这样：functionpreLoadImg(url){ varimg=newImage(); img.src=url;}通过调用pre... 阅读全文

posted @ 2015-02-28 14:15 城市睦人阅读(173) 评论(0) 推荐(0) 编辑

[转]资源预加载

摘要：资源预加载可以提升用户体验，如果每次用户打开页面都要加载图片,js,css等资源，会影响用户体验。资源预加载可以一定程度上改善这种情况。我们可以做的是，但第一个页面load完的时候，在用户阅读网页的空隙，把下一个页面所用的资源提前加载过来cache住，这样下个页面就直接读缓存资源了，这样可以一定... 阅读全文

posted @ 2015-02-28 13:34 城市睦人阅读(143) 评论(0) 推荐(0) 编辑

[转]css,javascript的预加载

摘要：为了提高网站的加载速度，有一个很重要的手段就是在用户浏览过程中的上游网站做一个文件的预加载。预加载文件一般有两种常用的方式：xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式(例如yui的Get模块)，然后使用动态插入节点方法加载的文件都会在加载后立即执行，javas... 阅读全文

posted @ 2015-02-28 13:27 城市睦人阅读(270) 评论(0) 推荐(0) 编辑

2015年2月27日

[转]预加载资源研究

摘要：原文：http://www.otakustay.com/prefetch-resource/什么是预加载所谓预加载，就是通过一定的编程方法，使浏览器在空间的时候，在后台通过HTTP请求访问某些资源。当用户在一段时间后真正使用这些资源的时候，相比一个完整的（返回200）的请求，可以更快地获得这些资源（... 阅读全文

posted @ 2015-02-27 15:14 城市睦人阅读(353) 评论(0) 推荐(0) 编辑

2015年2月26日

[转]移动WEB开发常用技巧

摘要： Meta设置Link设置电话/短信/Email/Android/GPS打电话打电话打电话发短信发短信发短信发邮件发邮件发邮件发邮件MyApp我的位置样式设置 app是否从主屏启动// IOSif( navigator.standalone === true ){}关闭IOS键盘自动大写auto... 阅读全文

posted @ 2015-02-26 13:56 城市睦人阅读(193) 评论(0) 推荐(0) 编辑