用javascript缓存ajax数据

归类于: HTML客户端, Web技术|WEB Tech — 江东 @ 2007-11-25 10:44:50 才(3)条评论

我们都知道,ajax能提高页面载入的速度的主要原因是通过ajax减少了重复数据的载入,真正做到按需获取,既然如此,我们在写ajax程序的时候不妨送佛送到西,在客户端再做一次缓存,进一步提高数据载入速度。那就是在载入数据的同时将数据缓存在浏览器内存中,一旦数据被载入,只要页面未刷新,该数据就永远的缓存在内存中,当用户再次查看该数据时,则不需要从服务器上去获取数据,极大的降低了服务器的负载和提高了用户的体验。

下面举例子来说明如何实现的!为了简化ajax,示例中采用了jQuery,首先我们来看看一个常规的ajax例子。ajax.html中的内容如下: (read on …)

CSS兼容性考虑-如何用css固定位置

归类于: HTML客户端, Web技术|WEB Tech — 江东 @ 2007-10-14 11:48:00 才(6)条评论

有的时候我们需要将一个div固定在一个屏幕的指定位置,如在使用loading状态条的时候,或者显示在线用户数的时候。需要的是将div显示在网页的中间,顶端或者左下端,并且无论滚动条如何拉动,这个div将始终保持在相同的相对位置。这些要求用css是很可以容易实现的,只需要用到position:fixed这个描述参数即可。和position: fixed;平行的描述语言有 position: absolute; position: relative; position: static;这里主要讲一讲fixed和absolute的区别,fixed表示始终处于同屏幕的一个位置,即使你拉动滚动条,依然会显示在屏幕的相对位置,而absolute则不一样,absolute针对网页的位置进行描述,所以拉动滚动条后有可能会将显示在中部的div拉动到顶端去,因此,下面的一段css将会把div放在屏幕的中央:

#LoadingStatus{
position:fixed ;
top:100px;/*始终距离屏幕的高度是100px*/

/*后面的描述和位置无关,所以后面的例子请大家关注本行之前的描述*/
width:220px;height:20px;
left:50%;
margin:0 0 0 -110px;/* 将div将左端推进一半的长度,这样才能显示到真正的中间 */
border:1px solid red;
}
如果你用这段css去做实验的话,我相信多数朋友看不到应有的效果,原因在于你用的是IE,那个对w3标准支持不完善的浏览器,如果你用firefox的话,应该是没有任何问题的。不过我们得承认现实,毕竟IE的浏览器占据了绝大部分市场,所以必须写出兼容IE的css才行。由于IE不支持fixed,因此,可以针对IE和FF写不同的css,如: (read on …)

jQuery入门1 实现简单的ajax

归类于: HTML客户端, Web技术|WEB Tech — 江东 @ 2007-08-31 16:12:37 才(8)条评论

利用jQuery,你就可以不需要去写ajax处理的函数了,完全的丢掉req = newXMLHttpRequest();吧,可以将更多的心思放在用户的其他体验方面了,本人也是前几天才刚接触jQuery,所以这里就领着那些不熟悉js和ajax的朋友一起来开始我们的jQuery Ajax之旅吧。如果你不太熟悉ajax,或者非常迷信ajax,是否可以看看以前的浅谈Ajax这篇文章呢?

好,开始jQuery的ajax吧,秉承本站一贯的风格,还是从代码例子开始,相关说明在注释中。 (read on …)

jQuery使用手记

归类于: HTML客户端, Web技术|WEB Tech — 江东 @ 2007-08-28 10:28:30 才(3)条评论

jQuery是一个强大的JS开发框架,通过这个框架可以大大简化编写js代码的劳动,甚至可以用很简单的几行代买实现比较复杂的效果,而且还集成了ajax,那是相当的方便。其实我本人一直是比较不原意使用现成的库的,毕竟库为了设计的完整性,肯定会比较庞大,而且如果你仅仅用了其中功能的一少部分那更是浪费,而这个jQuery如果不压缩的话居然有65.7 KB,不过后来我还是动摇了,因为经过gzip压缩之后代码就仅仅只有10K左右了,无非就一个logo文件的大小而已,所以我已经开始采用这个框架了,下面就介绍一下jQuery的使用。
(read on …)

CSS的兼容解决方案-搞定默认值

归类于: HTML客户端, Web技术|WEB Tech — 江东 @ 2007-08-14 11:23:31 才(3)条评论

或许你一直在抱怨为什么要专门为IE和FF写不同的CSS,为什么IE这样让人头疼,然后一边写css,一边咒骂那个可恶的M$ IE.其实对于css的标准支持方面,IE并没有我们想象的那么可恶,关键在于IE和FF的默认值不一样而已,掌握了这个技巧,你会发现写出兼容FF和IE的css并不是那么困难,或许对于简单的css,你完全可以不用"!important"这个东西了。 (read on …)

css实现兼容IE和Firefox主流浏览器的圆角样式

归类于: HTML客户端, Web技术|WEB Tech — 江东 @ 2007-07-30 11:11:48 才(11)条评论

看见zhiqiang兄的站点改版了,改得比较漂亮,有点2.0的感觉,布局采用了圆角的div,我个人非常喜欢,只可惜的是这个圆角的div不支持IE,要怪只能怪IE当初我行我素,所以这点比较遗憾。当然目前实现圆角大都采用图片做背景,而zhiqiang兄对速度的有着几乎BT的追求,在他的blog上,很少有多余的js和image,这点我很是赞同,所以我也一直在打算将本站的google js去掉,用自己改写google的live search来替换掉。不管怎样,他的改版也唤醒了我对本站改版的欲望,关于圆角的DIV实现方法,我花了点时间已经解决,现在我这里把我的方法介绍一下,主要是用多个标签来完成的,因为我也不想用图片做背景,而且即使用图片做背景,css样式表中也不见得节约了多少字节。下面是我实现的代码,有阴影效果,支持主流的浏览器如IE和Firefox。 (read on …)

基于google earth的flash飞行游戏

归类于: HTML客户端, Web技术|WEB Tech — 江东 @ 2007-07-13 10:39:11 还没有评论

可惜我不熟悉flash,要不我就把我的bloggermap的widget做成flash了,不过熟悉flash的高手们可以厉害了,用google的api做出了好玩的东西,譬如这个基于google map的飞行小游戏,你可以在地球的任何一个角落进行飞行,当然控制不好高度也是机毁人亡的,所以小心飞行哦.
过段时间再去熟悉一下action script,希望能将google map集成在flash中!

最近开始研究shopex

归类于: HTML客户端, Web技术|WEB Tech — 江东 @ 2007-06-20 21:56:01 还没有评论

shopex确实是一个比较流行的网店程序,但是由于程序已经zend,所以不可能在代码上进行深入的研究,只有看看模板机制了,不过根据刚才的测试,发现shopex的模板机制还是很简单的,但是简单就带来了巨大的工作量,你必须将页面分割成很小的部分,然后在进行拼凑,从今天开始,按照熟悉wordpress模板的时间算来,应该本周末就能将此模板机制熟悉完毕,不过shopex也真是的,开发了新的版本,旧的版本就找不到下载的链接了,晕死!

当前是第3页 共8页«12345»...末页 »

生活点滴Enjoy Life is proudly powered by WordPress | admin| About Us | cosbeta| Bluehost| site map 0.314s & 25