定位锚平滑滚动jQuery代码

on Monday, February 22nd, 2010 at 3:42 pm by 阿辛

这不是讲究用户体验嘛,所以点击那些“返回顶部”,或者页面内定位锚链接的时候能够平滑滚动页面自然让人比较舒服。下面这个代码记录一下,备用。
注:jQuery代码,需要jQuery库才能运行

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(function(){
    $('a[href*=#]').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            if ($target.length) {
                var targetOffset = $target.offset().top;
                $('html,body').animate({scrollTop: targetOffset}, 1000);
                return false;
            }
        }
    });
});

加了此段代码之后就能实现平滑滚动了。当然,如果需要像淘宝商品页面那样,在顶部的时候隐藏链接,拉下去的时候就出来的话,可以自行对此代码进行改造。

虎年生虎威,新年发大财

on Sunday, February 14th, 2010 at 12:01 am by 阿辛

  我发现年纪越大越现实,在目前“这个”“那个”不能干的互联网社会,除了想发财其他也没啥好追求或者可以追求的。所以新的一年里,祝愿我和我的家人、亲戚、朋友统统发大财,这个财运呐就像老虎一样威猛,挡都挡不住!

  新的一年对于自己的寄望:专心做技术,猛烈挣钞票;健康摆第一,和谐最重要;全家平平安,整年乐呵呵。

  其他也不多说了,总之,新年快乐!

《愚昧年代》一部发人深省的好电影

on Tuesday, February 2nd, 2010 at 12:40 am by 阿辛

  看过《后天》、《2012》可能世界末日的场面震撼人心,但恐惧之后可能并不能理解末日是由人类自己一手造成的。或者只看到了结局的悲惨而忽略了自己一手造成悲剧的过程。

  《愚昧年代》(The age of stuid)是以描述,记录的方式来演示了地球生存环境毁灭的过程。很触目惊心,发人深省,确实很愚昧。人类不能指望有救世主一般的新能源发现,或者有奇迹发生,而最重要的是全人类都应该知道和认识这一个自我毁灭的过程,知道还不够,要逐渐的开始行动起来。

  看完之后,我突然在想,我们这一代会不是地球上人类最“幸福”的一代,因为我们的子孙可能再也无法如此生存下去,他们将要面对的是能源的耗尽,资源的匮乏,温室效应带来的恶劣气候,甚至没有干净的可饮用的水源,最后想耕种粮食而土地早已污染和贫瘠。饥饿,争夺,战争开始爆发,最后地球死气沉沉、一片废墟。或许过几亿年才能恢复过来,新的文明再次开始?

使用canonical指定主内容页面

on Thursday, January 28th, 2010 at 4:28 pm by 阿辛

  其实我并不是研究SEO的时候发现的,而是在使用Firefox的时候,发现有的网站地址栏右侧怎么会多出来一个灰色的C图标?开始还以为是创作共用之类的。今天才想到去深入了解一下。

原来这个是需要页面添加了:

1
<link rel="canonical" href="http://xinple.org/?p=377" />

才会出来的。

  现在既然把这个Firefox地址栏小图标整出来的,那它是干什么用的?很简单,用来告诉搜索引擎该页面是主页面,用以区别其他重复的页面。例如discuz都会有archive页面,经常会遇到搜索结果点击过去之后说“点击查看完整版本”,其实这也算是重复的页面内容。还有比如我这个博客每篇文章下面都支持打印,点击之后出来的打印页面就没什么风格,但是却和原来页面内容重复。还有查看评论或者有些网站url需要带sessionid等等,简单说就是url后面带了其他参数而内容是一样的。比如http://xinple.org/?p=377&cpage=1#comment-105754 就是 http://xinple.org/?p=377的重复页面了。

  使用了canonical属性之后,搜索引擎就会吧主页面权重提高。另外,不用担心canonical的链接404或者不正确啥的,搜索引擎都会有智能的判断分析,详情可以去墙外观看官方说明:specify-your-canonical

  最后,对于非主页面,firefox地址栏那个C图标就会被点亮,变成蓝色,还是颇具观赏性的。呵呵。

  补充:最新的wordpress默认会输出这个属性,如果是老版本、老皮肤没有的话可以自行添加到head里面:

1
2
3
<?php if ( is_singular() ) { ?>
<link rel="canonical" href="<?php the_permalink(); ?>" />
<?php } ?>

准备深入学习Javascript

on Sunday, January 24th, 2010 at 12:58 am by 阿辛

  好几年前,做网站流行找特效,弄Javascript的代码过来直接用,感觉很酷,而且那时候网页几乎都是用dreamweaver或者frontpage可视化编辑直接做。后来流行网站重构,开始手写html+css代码,从松散、随意、杂乱的前端代码到严谨、完善、简洁的xhtml+css,开始感觉到那些Javascript特效简直就是鸡肋,因为Firefox出来之后很震惊,很多页面不但乱套,特效也失效。所以那段时间,几乎是不用Javascript,感觉有点厌恶。

  随着网站重构的普及,各路大师的经验分享,加上AJAX/用户体验的提出和普及,Javascript又一次被放到一个很重要的地位,最重要的是prototype、jquery等Javascript框架的诞生,顷刻间使得AJAX、Javascript代码写起来很简单,并且兼容浏览器,而这一切几乎都成了透明的。

  当然,长时间使用jQuery等Javascript库之后,发现有时候还是需要深入学习一下Javascript,不然的话越写越感觉心里没底,写心里没底的代码,是一种不负责任,而且我比较追求简洁,用最简洁的html写页面结构,用最少的css写样式,自然也会想写最简洁、运行效率最佳的Javascript了。

  之前好友赠我一本《Javascript权威指南》,但是每次看到那个厚度和拿在手里的重量,我更多的想法是当成哑铃练肌肉……没勇气去啃这一千多页如同封面犀牛般皮糙肉厚的书籍。终于,出来了一个精简版本《Javascript语言精粹》是传说中JavaScript大牛:Douglas Crockford著作并由阿里系的几位牛人翻译的《Javascript权威指南》的精简浓缩版本(只有一百五十几页)。自然这种描述让我产生了系统的深入学习Javascript的欲望。

  《Javascript语言精粹》购买链接一直躺在我的firefox待购书籍书签里面,因为忙于工作,现在过年了,而且公司连续五周单休,过年提前5天放假,终于去买了回来。顺便说一下,当当网买这本书很便宜,因为满29元免运费,而这本书当当网价格是29.1元……其他比这个价格便宜的别忘记还有运费。

  工欲善其事,必先利其器。前两年一直想着创业,虽然获得了一些技术以外的经验,但是技术方面进步很慢。现在趁结婚前这段时间,好好的静下心来学习提高技术,毕竟这是我所热爱的事情。沉浸在技术的乐趣中的时候,可以忘记河蟹,忘记目前恶劣的互联网环境,自娱自乐。先成家后立业,等技术提高,老婆娶好,到时候再重出江湖,哈哈。

乌托邦

on Tuesday, January 19th, 2010 at 11:36 am by 阿辛

  Imagine
  by John Lennon
  翻译:王佩

  Imagine there’s no heaven,
  It’s easy if you try,
  No hell below us,
  Above us only sky,
  Imagine all the people
  living for today…

  想象一个世界,
  没有地狱天国,
  人民幕天席地,
  只为现在而活。

  Imagine there’s no countries,
  It isnt hard to do,
  Nothing to kill or die for,
  No religion too,
  Imagine all the people
  living life in peace…

  想象一个世界,
  没有所谓国家,
  没有杀戮牺牲,
  宗教也靠边歇歇,
  人民诗意安居,
  只为和平而活。

  Imagine no possesions,
  I wonder if you can,
  No need for greed or hunger,
  A brotherhood of man,
  imagine all the people
  Sharing all the world…

  想象一个世界,
  没有私产剥削,
  无人饿死撑死,
  兄弟和谐快乐。
  人民不再分家,
  只为相爱而活。

  You may say Im a dreamer,
  but Im not the only one,
  I hope some day you’ll join us,
  And the world will live as one.

  你说我痴人说梦,
  可痴人不光我一个。
  你也加入进来吧,
  由我们构造这世界。

对于现在中国互联网的状况我也不想多评论什么,一起来听这首歌吧,精神食粮,不管处于怎样的环境中,只有心中不放弃追求美好,才会真的美好。
转载自海盗电台,听歌曲请移步:海盗电台:阿の弹唱《Imagine》