Loading...

一些比较离谱的关于静态化和urlrewrite的介绍

Filed under: HTML客户端,网站技术 — 江东 @ 2008-02-02 12:52:42 才(11)条评论

我觉得如果自己对某方面知识不太熟悉,一定要谨慎的介绍这方面的东西。譬如我从来不会在本blog上介绍数据库知识。即使想介绍或者想表达自己的观点,在末尾加上一句”本人看法未必正确,仅做参考”是不是会更好呢。下面是我在网上看到的几个关于html静态化和urlrewrite的评论和观点,当然不会给出出处,请勿对号入座 。 (read on …)

打算用jQuery改写这个模板

Filed under: HTML客户端,Wordpress,网站技术 — 江东 @ 2008-01-30 16:43:30 才(22)条评论

最近做收费的程序已经做得比较累了,但是由于本人又不喜欢玩游戏,所以打算抽点时间来改版这个blog吧。不过这次不全面改版,没有那个精力了。接受dupola建议,初步决定装上zhiqiang的ajaxcomment插件,这样就能在留言本无限的回复了,由于这个插件调用了大约7k的js,打算再精简一下,于是乎准备同时也将这个插件改写了!

考虑到 jQuery的优良特性和瘦弱的体积(gzip之后只有10k左右),所以本站将采用jQuery来驱动,一方面为今后添加新的功能打下基础,另外一个方面也当作实验用,因为下一步的shopex要采用到这个脚本,bloggermap.org也将用jQuery来驱动。既然如此,同时将ajaxcomment中的js改用jQuery好了。

活着就是为了折腾,改版周期为一周!

让广告远离朋友

Filed under: HTML客户端,网站技术 — 江东 @ 2007-12-28 09:27:39 才(8)条评论

在blog里面放点google广告,偶尔有那么几刀的收入也是很不错的,不过牛皮癣似的的广告可不是一个友好的显示方式,所以我一直都在对blog中的广告进行优化再优化,希望能做到更加和谐。今天,我做了一个重大的改动,那就是对于老访客,blog中的广告一律不再显示。

如果稍微熟悉一点js,实现这个效果一点都不困难,肯定有人也这样做过。我这里简单的说一下原理和实现方法。我们根据是否曾经留言来判断当前的访问用户是新用户还是老用户,当然这样可能不准确,因为凡是潜水的老用户都会被当作新用户。在wordpress中,访客留言之后都会自动生成一个cookie,用来记录当前留言者的信息,所以我们可以在js脚本文件中判断cookie是否存在,如果存在则隐藏掉广告,否则则显示之,下面是代码介绍。 (read on …)

推荐使用firefox

Filed under: HTML客户端,网站技术 — 江东 @ 2007-12-21 23:02:54 才(12)条评论

忍不住了,我还是想在我的blog介绍一下firefox,别紧张,firefox不是流氓软件。由于其他人病毒式的推介,将好好的一个firefox给毁了,鉴于本人非常鄙视这种病毒是的推销,所以一开始都没有打算在blog上放这个firefox的推介链接,而在今天看到aw提到了这个话题后,我还是想推荐大家使用Firefox。我自己也一直使用的firefox,包括网页制作,css的编写都是在Firefox下面进行的,不到万不得以的时候才用IE,譬如用网上银行,支付宝和和其他需要activeX控件的信任网站。所以今后朋友千万别给我留言说我的东西firefox下不支持,这几乎不太可能哦,我一般都是在Firefox下调试好了,再去想办法兼容IE的,说着就跑题了。 (read on …)

对本blog做了少许的修改

Filed under: HTML客户端,Wordpress,网站技术 — 江东 @ 2007-11-29 17:48:34 只有1条评论

对链接进行了简单的分类,首页的友情链接改成了随机显示30个,前段时间申请友情链接的朋友我都添加上了,如果我在修改的过程中有不小心漏掉的友情链接给我留言提示,我不会首先删除朋友的友情链接的。

另外本站的css也作了修改了,css图片一共只用了一张, 大小为1k,整个站点的图片用了4张图片,总大小小于10k,本打算对js做手术的,但是我当初写js的时候没有考虑好,牵扯的东西太多,再加上对js进行gzip压缩之后,大小一共也只有3112 bytes,所以我就不打算自己给自己过不去了。下面是我在这个网站的测试结果:

IE下innerHTML奇怪的问题

Filed under: HTML客户端,网站技术 — 江东 @ 2007-11-26 20:39:29 才(3)条评论

当innerHTML中含有html标签的时候,IE居然会将html标签的字母变成大小写,并且将标签中的属性引号给去掉了,下面是测试代码:

<div id=”test”>
<div id=”intest”>html</div>
</div>
<input type=”button” value=”click me” onClick=”alert(document.getElementById(‘test’).innerHTML)” />

所以正常显示应该是Firefox中“<div id=”intest”>html</div>”而不是IE中的<DIV id=intest>html</DIV>

测试如下:

html


用javascript缓存ajax数据

Filed under: HTML客户端,网站技术 — 江东 @ 2007-11-25 10:44:50 才(4)条评论

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

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

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

Filed under: HTML客户端,网站技术 — 江东 @ 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 …)