沫鱼 - 博客园

2011年9月29日

摘要： 1.背景介绍在网络相册应用中用户查看照片是最朴素的需求，当网络比较慢的时候查看照片等待的时间是比较长的，用户体验会很差。2.现状现在加载照片的方法主要有一下两种：（1）最原始的方式在html页面直接用img标签加载显示照片。该方法在网络速度比较慢或者要显示的照片比较大的时候会页面出现空白的等待过程，并且不能开始给用户看到照片大概的情况，用户体验比较不好（2）在html页面先用img标签加载显示照片的缩略图，同时用javascript隐藏的加载照片的原图，等照片大图加载完成后再将原图显示到页面中。以下是流程图：3.我们的解决方案QQ相册最近做的一些优化方法解决了上诉两个方法的缺点和满足了用户查看阅读全文

posted @ 2011-09-29 18:08 沫鱼阅读(5823) 评论(0) 推荐(1) 编辑

【转】高性能web开发 - 如何加载JS，JS应该放在什么位置？

摘要：转自：http://www.blogjava.net/BearRui/archive/2010/04/08/web_performance_js_where.html外部JS的阻塞下载所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。至到JS下载、解析、执行完毕后才... 阅读全文

posted @ 2011-09-29 11:14 沫鱼阅读(7189) 评论(12) 推荐(4) 编辑

2011年9月13日

（转）8款在线CSS优化工具/组织和压缩CSS

摘要： CSS的优化通常包括两方面:格式化CSS和精简CSS。精简CSS的办法是把具有相同属性的元素合并在一起，但这会降低代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。格式化CSS一般就是多行模式或单行模式的选择，比如我个人就完全受不了多行模式下面是一些在线的CSS优化工具，能让你方便的对CSS文件进行各种优化处理。1.Online CSS Optimizer /在线CSS优化该在线工具用于精简和压缩样式表的文件大小，优化后的代码将完全是混乱的，支持输入URL，提交文件和直接输入进行压缩。2.CSS Compressor/CSS压缩作用同上，但这个工具拥有非常详细的压缩选项，它包含基本模式和高阅读全文

posted @ 2011-09-13 16:32 沫鱼阅读(1125) 评论(1) 推荐(0) 编辑

JS压缩工具Closure Compiler 和 YUICompressor的对比

摘要： Closure Compiler vs YUICompressor View more presentations from lifesinger 阅读全文

posted @ 2011-09-13 16:18 沫鱼阅读(513) 评论(0) 推荐(0) 编辑

2011年9月6日

各个浏览的hack

摘要：阅读全文

posted @ 2011-09-06 09:57 沫鱼阅读(561) 评论(0) 推荐(0) 编辑

2011年9月5日

input默认值设置

摘要：由于项目需求，简单地写了一个input默认值设置<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>input默认值设置</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script typ 阅读全文

posted @ 2011-09-05 12:04 沫鱼阅读(33878) 评论(0) 推荐(2) 编辑

2011年9月3日

http 304优化，了解客户端缓存

摘要：来源：http://www.jb51.net/article/15671_2.htm很多人首先会想从服务器缓存方面着手对程序进行优化,许多不同的服务器缓存方式都有他们自己的特点,像我曾经参与的一些项目中,根据缓存的命中率不同使用过 Com+/EnterpriseLibiary Caching/Windows服务,静态文件等方式的服务器端缓存和 HTTPCompression技术,但客户端缓存往往却被人们忽略了,即使服务器的缓存让你的页面访问起来非常地快,但她依然需要依赖浏览器下载并输出,而当你加入客户端缓存时,会给你带来非常多的好处.因为她可以对站点中访问最频繁的页进行缓存充分地提高 Web服阅读全文

posted @ 2011-09-03 16:25 沫鱼阅读(6009) 评论(0) 推荐(0) 编辑

关于304缓存

摘要：我们知道,对于WEB页面中的JS和CCS,并不会每次都请求完整的内容,有时候会直接利用本地的缓存;而对页面本身,却往往会去加载完整内容,对于服务器来说可能每次也要生成完整的内容,并送到客户端;同样的,对于一些http接口,每次调用也会去重新生成数据,浏览器也会重新加载完整的数据;但有这样一些页面,虽然是动态的但变动频率较小,且对于同一用户重复调用可能很多(比如说个人管理后台或者新闻首页面),我们希望像js或者ccs那样在客户端缓存起来.并且,在我们希望的时候,可以更新客户端备份的那个页面,或者接口数据.是否可以做到呢;事实上,浏览器可以缓存js,就一定能缓存我们的动态页面;先研究下js是如何缓阅读全文

posted @ 2011-09-03 16:24 沫鱼阅读(4233) 评论(0) 推荐(0) 编辑

2011年8月15日

jquery jqPlot API 中文使用教程

摘要： jqPlot是一个灰常强大的图表工具，曲线，柱状，饼图，应该有尽有，更要命的是，调用方便~~官网：http://www.jqplot.com/这里贡献上中文教程，基本上所有的api都很齐全，供有需要的童鞋们瞧瞧，更重要的是作为自己滴收藏~~哦耶耶~jqPlot整的来说有三个地方需要配置。格式如：$.jqplot(‘target’, data, options);target：要显示的位置。data：显示的数据。options：其它配置seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", &q 阅读全文

posted @ 2011-08-15 18:12 沫鱼阅读(32633) 评论(11) 推荐(3) 编辑

2011年8月11日

控制图片左右滚动

摘要：用jquery封装了一个控制图片左右滚动的插件：<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>slide</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><style>* { pa 阅读全文

posted @ 2011-08-11 19:11 沫鱼阅读(2652) 评论(2) 推荐(1) 编辑

公告