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