Tag Archives: Javascript

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

溢出文本顯示省略號,關於text-overflow:ellipsis的那些事

這個標題其實已經是一個老生常談的問題了。很多時候,比如網站最基本的文章列表,標題會很長,而顯示列表的區域寬度卻沒有這麼寬,這時候最正常的做法就是讓超出寬度的部分文字用省略號(…)來表示。通常做法是網站後台程序截取一定的字元然後輸出到前台顯示或者前台用javascript截取一定的字元,但是通過控制字數來截取的話還是存在一個大問題的,因為中文和英文的字元寬度問題,這個字數不好控制,而且通用性較差。那麼有沒有更好的方法呢,比如直接用CSS來解決的,當然是有的。

Posted in Skill | 技術 | 68 Comments

全世界最短的 JavaScript 判定 IE 瀏覽器!這個可以短!

有些東西你想讓它長它並不一定就會如願,但是有一些東西你想讓它短也並不一定就會如願,這兩者都要看你的本事。對於我等IT民工來說,自然是代碼寫得越短越好。 你知道,IE是個腦殘兒瀏覽器,不管是什麼版本,縱使版本號越來越大,可總是讓人覺得這玩意兒跟標準老是扯不上曖昧。可是,你知道,只要世上還有 windows 操作系統,IE就永生不滅,阿門。對於代碼工作者來說,自然是苦不堪言,為了考慮IE的兼容問題,不管是寫 CSS 還是 JS,往往都要對 IE 特別對待,這就少不了做些判斷。本文不討論如何區分 IE 的樣式,僅是 JS 判定 IE 瀏覽器。

Posted in Skill | 技術 | 48 Comments

jQuery 1.4 發布,一些更新和改進,性能大幅度提升!

jQuery 1.4 發布也有好幾天了,api 有所增加也有所更新,總體來說,性能也有大幅度的提升。jQuery 是我接觸的第一個 javascript 類庫,快速上手是他的特色之一。另外更重要的一點或者說之所以容易上手並且讓用戶產生漸進的學習興趣是因為他的API 設計。如射鵰文中所說,「從純功能上說,jQuery 並沒有特別出色的地方。但從可記憶性和靈活性上講,我覺得 jQuery 的設計都更人性化。jQuery 的 API 還符合學習上的漸進式思維:先學會最簡單的情況el.css(prop), 再了解到還可以有兩個參數,接著發現參數可以是 map, 更進一步發現 val 還可以是一個函數。func 參數甚至能帶給學習者一種驚喜:居然還可以這樣用!jQuery 把一種漸進和愉悅帶進了學習和使用的過程中,實在漂亮!」

Posted in Skill | 技術 | 33 Comments

Page 1 of 3123