Category Archives: Skill | 技術

My Second Life.

為什麼 CSS 選擇器是從右往左的?

很多人可能都知道了 CSS 的選擇器瀏覽器在解析的時候是從右往左的,和你所熟悉的從左往右的規則是不同的。但是這是為什麼呢?這麼做的性能是否更高? Related Items: 為什麼排版引擎解析 CSS 選擇器時一定要從右往左解析?

Posted in Skill | 技術 | 4 Comments

野比のび太あなごの頭

New Nobita Anago avatar, by @iiiCyan. 最近很流行的鰻魚頭像,最早先是看到了重光同學 @lucifierya 的坂田銀時的鰻魚頭像。 鰻魚作者是 @daijingogo。以及官方出品的鰻魚頭像製作器 http://anago.crap.jp/ 另外還有One Piece的鰻魚頭像 http://youkocleo.exteen.com/ Have fun!

Posted in Skill | 技術 | 5 Comments

a snippet for testing whether you could visit twtter or facebook

Some of you guys like add “Twitter button” or “Facebook Like button” on your website. But if your visitor from china that don’t use VPN or anyother jailbreak the G-F-W tools, it will slow down the page load until the … Continue reading

Posted in Skill | 技術 | 13 Comments

匹配一段文本中URL的正則問題

在項目中有個這樣的設計,備註中的URL自動識別為點擊的鏈接,對此的處理方式是用正則匹配出URL部分,然後替換成<a href=URL>URL這樣即可。其主要部分是正則匹配出URL部分。 假設有這麼一段文本。 你好,我是一段文本。我鏈接到http://leeiio.me/test.html請大家多多指教。 那麼我們可以這麼寫。 var text = "你好,我是一段文本。我鏈接到http://leeiio.me/test.html請大家多多指教。"; var regexp = /((http|ftp|https|file):\/\/([\w\-]+\.)+[\w\-]+(\/[\w\-\.\/?\@\%\!\&=\+\~\:\#\;\,]*)?)/ig; text = text.replace(regexp,"<a href=’$1′>$1</a>"); console.log(text);var text = "你好,我是一段文本。我鏈接到http://leeiio.me/test.html請大家多多指教。"; var regexp = /((http|ftp|https|file):\/\/([\w\-]+\.)+[\w\-]+(\/[\w\-\.\/?\@\%\!\&=\+\~\:\#\;\,]*)?)/ig; text = text.replace(regexp,"<a href=’$1′>$1</a>"); console.log(text); 但是如果URL中帶有中文,那麼以上的就不頂事了。

Posted in Skill | 技術 | 12 Comments

Link

The Difference Between jQuery』s .bind(), .live(), and .delegate()

西方不夠好的朋友可以看這篇譯文《jQuery的.bind()、.live()和.delegate()之間的區別》。這篇文章詳細的比較了bind(),live()以及delegate()的區別。以及作者為什麼推薦用delegate()。

Posted in Skill | 技術 | 3 Comments

2011 年 CSS 裸奔節 !

由Dustin Diaz推動的CSS NAKED DAY今年還是沒有按時舉行,在其網站上也還是沒有貼出任何的今年的時間,但是推動Web標準發展應該是每位業界人士的一份責任,因此世界各地的人都延續傳統,和去年一樣是4月9日,大家都紛紛脫去了自己網站的衣服(CSS),裸奔。 具體細節大家可以查看我去年的文章《擁抱 CSS 裸奔節,用 JavaScript 強制脫衣》。當然方法有很多,你想怎麼裸就怎麼裸。

Posted in Skill | 技術 | 17 Comments

Page 1 of 131234567...13