i love nibiru

October 26th, 2007

后面的是我的开发环境,一台macbook,一个benq 22寸显示器,我很喜欢征服技术的感觉

这是我们全家福。

看见一个创业团队的成长,的确是件很幸福的事,很荣幸能参与到这个过程中来。以后,要把这个blog逐渐弄热闹起来。不能再这么荒废了。

此篇日志写于starbucks,这也是我第一次光临starbucks.

[菜鸟系列]jQuery入门(一)

August 12th, 2007

菜鸟系列]写的都是我的读书/学习笔记,把刚刚学到的东西记录下来,并与大家分享,想来也是件不错的事情。在这个系列中,我想谈谈 jQuery ,其实在去年的8月份 jQuery 刚出1.0的时候,Xian-an 就表达了对 jQuery 的喜悦之情。而如今,一年过去了,jQuery 的进步有目共睹,也是时候让我们看看它的庐山真面目了。

这一系列的书写顺序,会以《Learning jQuery》的大纲/内容为主线,其中穿插一些其他的东西。

好了,让我们现在开始吧。

什么是 jQuery ?

jQuery 就是一个 JavaScript 函数库,简单说就是一些现成的 JavaScript 函数,你可以拿来就用。

jQuery 能做啥

  • 遍历页面中的每个元素。你要想对 HTML 文档进行操控,必须要对元素进行定位,也就是说迅速的找到那个想改动的元素。
  • 修改页面的模样。着就要靠 jQuery 对 CSS 做手脚了。
  • 修改页面内容。比如,你想再插入一段话,你想加一张图,jQuery 都可以帮你做到。
  • 响应用户交互。用户会对文档有很多操作(比如点击一个链接),那么你想让文档对它有什么反应,都可以用 jQuery 来控制。
  • 为页面增添视觉动画。
  • Ajax 应用。也就是说不用刷新页面,就可以对内容进行更新。
  • 简化常见的 JavaScript 任务。

jQuery 为啥这么好用

  • 利用 CSS 的机理。CSS 的选择符机制对 jQuery 表达文档结构起到了很大的帮助。
  • 支持扩展。你可以为 jQuery 写插件,以扩展其现有的功能。
  • 脱离浏览器的不同模式。jQuery 不会因为浏览器的不同模式而有所变化,它是独立提取出来的一层。
  • 集体观念。jQuery 的许多操作都是对一组元素进行的,你无须再逐条进行跌代,省去了不少事情。
  • 可把多项操作放在一行。可以把许多操作用句点“.”连起来,形成一个操作链。感觉有些像自动生产线。

jQuery实例

  1. jQuery 下载到机器上,选那个60+K的非压缩版就可以了。
  2. 建一个 HTML 文档,就像这样。你把它另存为 HTML 就可以看到效果了。
  3. 建一个 CSS 文档,名为 alice.css
  4. 建一个 JavaScript 文档,名为 alice.js 。你会发现它只有三行代码,非常的简单。稍后我会讲述它们是干嘛的。
  5. 好了,现在需要把 jquery.js 和 alice.js 链到 HTML 文档中。切记,要把 jquery.js 放到最前面,这样你自己定义的 js 才能用到它。
  6. 好了,此时再看看 HTML 文档发生了什么变化。你会发现那两段诗,多了个边框,字体也变成斜的了。

好了,下面让我们详细的说说,那三行 JavaScript 代码是什么意思。


$(document).ready(function() {
  $('.poem-stanza').addClass('emphasized');
});

$() 会返回你所查找的对象/元素,例如 $('.poem-stanza') 会返回所有 class 为 .poem-stanza 的元素。这三行代码的作用就是,找到拥有 poem-stanza 类的元素,然后为它们加上(addClass)一个新类 emphasized。而它的 CSS 是在 alice.css 中事先定义好的。

ready() 表示以下这些函数是要在文档被浏览器全部载入后再执行的。因为对 DOM 的操作必须得等到文档全部被浏览器读取后,才能够进行。如果没有 ready() 的话,我们需要把这些操作放在一个函数中,比如:


function emphasizePoemStanzas() {
  $('.poem-stanza').addClass('emphasized');
}

然后,再把这个函数加到 onload 事件处理函数中,onload 的作用就是等某个元素加载完毕后,再执行某个函数,我们需要把它加到 body 元素中:


< body onload="emphasizePoemStanzas();" >

这便让你的 HTML 代码(结构)与 JavaScript 代码(功能)混合在了一起,这对日后的维护与更新都是非常不利的,而利用 jQuery 的 ready(),我们可以把它写成这样:


$(document).ready(emphasizePoemStanzas);

这样一来,便不用对 HTML 没有做任何修改了。不过,你可能注意到,我们并没有为这个函数起名,而是用 function() ——这是一个没有名字的函数,我们把它称为匿名函数(anonymous functions),因为这三行代码,我们只会用到这么一次,所以我们才使用了匿名函数。

这就是我们的第一个例子,你应该对 jQuery 有一个初步的印象了,下一次,我们会将将如何用 jQuery 得到你想要的 HTML 元素。

菜鸟的烦恼

August 10th, 2007

前两天得到 Mr Sun 的消息,说要在开学前把开题报告交上去,遂下定决心用 Tex 来作为论文的编写工具,彻底抛弃 office 系列。而在 Mac 上搭建中文的环境,并让其与 Pluto Thesis 没有冲突,却彻彻底底把我难住了。断断续续弄了好多天,仍然提示编译失败。昨天晚上下了个狠心,装 windows !。

而在装 Win 的方式上,考虑到硬盘和内存容量(硬盘小、内存大)的限制,最后还是选择了 Parallels ,装 Win 的过程非常的顺利,然后再装上 cTeX 的傻瓜套装,Tex 的环境终于配置成功了(见下图,点击可查看大图):

西西,我的 Tex 生涯就这么开始了:)

刚刚还发现了一个slide,介绍如何用 BibTeX 添加参考文献,通俗易懂(建议大家把它 download 下来看):

为什么留在中国?

August 5th, 2007

最近 Hechen 同学在解释为什么要去美国?而其中很多缘由,我倒是认为有些小题大做了。而我想说的是,留在中国也不错。

Guy Kawasaki前阵子投资了一个网站,他专门写了篇日志谈建这么个网站到底有多大开销(此链接可能要用代理)?要是不想读这篇日志,或许可以先看看下面这个slide:

最后算出来的总开销为12K dollars,而这要放在中国,可能一半的开销都用不了。瞧,这就是留在中国的好处 :P。

Mac软件列表

July 27th, 2007

今天听说 Loki 有换 laptop 的倾向,而且他对 macbook / macbook pro 甚是感兴趣。不知为何,我却非常高兴。However,先预祝小奇考博成功!

我想把我现在用到的一些软件,先列出来(可能会是一个很长的列表:p):一是可能会对 Loki 有所帮助;二是自己也趁次机会做个备份。

说明:等价号(==)左边为 for OS X;右边为 for Win——以此做一个对照。

OpenOffice == Microsoft Office
OpenOffice 是一个跨平台的软件,完全免费,完全开源。
KeyNote == Microsoft PowerPoint
KeyNote 从各个方面(在我看来)全面要优于PPT,强大的Export功能,更绚的Transition,等等。
OmniGraffle == Microsoft Visio
用 OmniGraffle 做出来的东西,不仅仅是美。大量的Stencils资源让你可以应付所有日常的工作。
OmniPlan == Microsoft Project
Omni 的东西,每个都值得一用。它可以轻松的导出各种格式,你不用担心那些用Project的人无法看到你的计划。
Skim == Adobe Reader
不知道为什么,把 Adobe Reader 升到8.0+后,就不好用了,动不动就失去响应。换成Skim后,用得是相当舒爽啊。
Adium == Pidgin(Gaim)= QQ + Gtalk + MSN + …..
Gaim 在变成 Pidgin 前,我曾用过一阵子,不是很好用,那时的Adium要比它强不少,不知道它们现在孰强孰弱了。
iTunes == ?
不知道 Win 下有没有这样的音乐播放管理软件,它和iPod的结合,那是“相当了”!
QuickTime Pro + VLC == Windows Movie Maker + 暴风影音
到现在我还感觉,VLC用得不如暴风影音那么顺手,它对有些字幕的支持还不是很好。
iGetter == Flashget
iGetter 没有如今的 Flashget 来得全面。
Azureus == BitComet
Azureus 也没有 BitComet 那么的霸气。
Textmate == ?
OS X 上的明星产品,因 ROR 而红透半边天,不可不试。
svnX == TortoiseSVN
svnX 没有 TortoiseSVN 那么的出色,不过,也还不错。
Coda == Dreamweaver
Coda 也是系出名门,可以一试,一体化的设计,使用起来很是舒心!
TranslateIt == 金山词霸
TranslateIt 更开放、更小巧、更人性化。
iTerm == CMD?
iTerm 代替系统自带的 Terminal ,支持自定义、tab页等等。

(未完,此列表不断增加中…)

要想找好用的软件,可以去以下几个地方找:

[贴图不说话]笑着哭

May 27th, 2007

[贴图不说话]人就是这么被气死的!

May 18th, 2007

toefl报名已满

六年

May 4th, 2007

人生能有几个六年?今天,許哲珮终于推出了她的第二张个人创作专辑——《许愿盒》。

许愿盒专集封面

從2001年的冬天, 到2007年的春天…

“氣球”好像唱了一個世紀那麼長..
但是轉眼間, 又好像只是昨天的事情.

今天, 我拿到了自己的專輯成品.
我迫不及待的一頁一頁翻開, 卻一個字也看不進去…
只看見花花綠綠的色彩, 好像坐了時光機, 眼睛裡的一切都是光點而已.

握著這張參雜著滿滿的淚水, 歡笑, 等待, 期待, 親情, 愛情, 友情所換來的專輯,
心中依然覺得不是那麼真實.
突然感覺這張專輯好重好重, 許願盒裡的願望就要滿出來了.

大家都說, 專輯上架的當天, 一定要到唱片行買張自己的專輯, 討個好運.
所以不管是不是有滿滿的行程, 我都一定會去買一個好運給自己.

最近開始上了一些通告, 有我最喜歡的電台通告, 也有還是讓我緊張的電視通告.
緊張的感覺真的就像心臟在喉嚨間急促的跳動, 好像下一秒就會從嘴巴飛奔而出.
在麥克風前我可以侃侃而談, 在鏡頭前, 我卻只想躲起來.
我想, 我還需要一些時間來重新適應這個環境,
畢竟, 一直躲在後面唱歌, 妳/你們是聽不見的吧?
所以, 我要努力走到鏡頭前, 唱歌給妳/你們聽, 向大家介紹我的專輯.

我是許哲珮
好久不見

的确,六年的时光,好似昨天,那一遍遍练习《气球》的情景至今还历历在目。六年的期盼,现在终究有了答案。

六年可以完全改变一个人,希望許哲珮不仅仅是原来的她,而是更好的她。

六年后的我会是什么样呢?

BTW,那英什么时候出她的新专辑呢?

信噪比

March 22nd, 2007

“信噪比”这个词,乍看像一个物理学名词,实则它已应用于各个学科、甚至于我们的生活中。首先,我们得搞明白,什么是信噪比?引用 WikiPedia 的解释:

Signal-to-noise ratio (often abbreviated SNR or S/N) is an electrical engineering concept defined as the ratio of a signal power to the noise power corrupting the signal.

信和噪的比当然越大越好。

谈几个我最近感触比较深的地方吧:

1、演示文档

one ppt

那就必须要提到这篇文章,文章中举的几个例子,另我印象极为深刻。用 Paul Arden 的话说,“Don’t make a speech. Put on a show”,这才是我心目中的 Presentation。

2、iPod Shuffle

ipod shuffle 2

最近一冲动,弄了个 iPod Shuffle ,Apple 的东西,设计风格一直都崇尚简约(简约而不简单)风格,换句话说,就是信噪比极高,在 iPod Shuffle 中就体现的淋漓尽致了。没有多余的按钮、没有多余的功能。关注的只是音乐本身。(遗憾的是,它的音质却无任何亮点)

3、9 Crimes

the cover of 9 crimes

Damien Rice 这张专集出了也有一阵子了,但是只要打开 iTunes ,其同名歌曲则是我必听之选。Why?就因为它信噪比高。钢琴的伴奏、纯净的女声、沙哑的男声,组合起来,就是完美。只要一听到前奏,我就会沉浸其中。音乐就应该是这种样子的,没有干扰、没有噪音,可以让人去静静的听。

4、目标

goals

我是一个喜欢定目标而又总不能去实现的人。目标是定了,可总会被身边的噪音所干扰。会被那些噪音时不时的带入“歧途”。每天晚上躺在床上,回想这一天都做了什么的时候,便懊恼万分——因为我什么都想不起来。刚刚又读了一遍这篇文章,希望我会有所改变。

5、实验室

lab

实验室是个信噪比极低的地方。主要的原因是有那么几个低素质的博士,他们在毫无忌惮的制造各种噪音,甚至有的时候逼我使出了以毒攻毒的方法。成天都在这种地方待着,能不郁闷吗?

答题2

March 21st, 2007

今天又看到有人点到我,恰处烦闷期间,写不出什么原创blog,索性拿来凑数:)

1。上次哭是什麼時候?

好像是大二,看《All In》的时候,被剧情所打动。

2。最想去的城市是哪里?

Amsterdam

3。你的夢想是什麼?

把apple的所有产品收集全:P

4。難過的時候怎麼辦?

看电影/电视剧

5。如果有一天,你突然被一片突如其來的黑暗吞噬,你第一會喊出口的名字會是誰呢?

“Help”——开玩笑,不知道。

6。如果你將之視為要珍惜的異性朋友對你表白,而你只想把他當做好朋友你怎麼辦?

根他明说

7。說出你最大的優點。

脾气还成

8。描述一下給你題目的人?

年轻:P

9。到目前為止,生命裏最重要的三樣東西?

电脑、互联网、鲜橙多

10。說出你覺得最可愛的名字來。

小美女:D

11。你喜欢幻想甚麼?

如果我中了彩票,将如何去花

12。簡單的描述一下你最好的朋友。說說你為什麼喜歡她(他)。

就是对朋友好。

13。想像一個能讓你哭著醒來的夢。並簡單的描述一下。

得力不治之症,突然死亡

14。如果有一個人說愛你,卻是一個和你同性別的人。

拿出宪法来,告诉他,在中国,我们是没有未来的:)

15。做什麼事情最能心無旁騖?

看电影的时候

16。在你的生命裏什麼是最重要的。

说道做到最重要

17。最近看得印象最深的一部電影是什麼?

太多了。

18。如何看待戀父或戀母情結?

是哪种恋?如果是像雷雨中那样,跟后妈恋,那无可厚非。

19。在愛情和親情不能相容的情況下,你是選擇愛情還是選擇親情呢?

亲情

20。生命只剩一天,你會做什麼?

吃!

21。你最喜歡的異性是誰……別說沒有,如果非要找一個的話呢?

Nicole Kidman、Natalie Portman、Angelina Jolie、Little Wei(呵呵,有点多哈)

22。如果你愛的人一直忘不了他(她)的前女(男)友,你會怎麼辦?

分手

23。如果有來生你想選擇怎樣的人生角色?

必须当一名导演

24。最喜欢最笃信的一句话。

有好多句

最近的一句是:Your time is limited, so don’t waste it living someone else’s life.

25。中国的什么让你最满意,什么让你最不满意?

除了贫富差距有点大,都挺满意

26。你对现在的生活满意吗?

凑或,不是很满意

27。你相信爱一个人的永恒性么?

相信

28。说出你明年的一个计划。

暂时没有

29。你的他(她)是怎样的一个人,如果他(她)还没出现,你希望他(她)会是怎样的?

好人

30。在爱情中,你觉得理性重要还是感性重要?

都重要

31。留下你MSN曾经用过的签名档,说说其中的故事或者来历。

一般我不留签名档,最近的是“弃用QQ”

32。How often do you smile, and where and why do you last time?

那时比较频繁,原因可多了。

33。你会为你爱的人放弃多大的选择权(让步)?

想多大就多大

34。爱情的理由。如果生活本来也过的很好,寻找爱情算不算自找罪受?

应该算

35。你能接受异地恋情嘛?

接受是能接受,就是有点不太现实

36。你们答这个用了多久?

25分钟

=========================================================================

我就不加问题了,也不继续点名了,不过,还是希望看到我blog的人都答答看。

BTW,我关掉了评论功能,被spammer折磨的苦不堪言,每天有100多条垃圾留言,所以,抱歉了!等有时间了,我再加一个验证码吧:P