Aptana IDE 现在包含 jQuery

发布于 作者:

Aptana 最新版本的 Web 2.0 IDE 软件现在包含了将 jQuery 的 JavaScript 库导入到 Web 项目中的功能。该项目自带一个包含的 示例页面,该页面由 Cody Lindley 创建,演示了如何使用 jQuery。

“您现在可以通过创建 AJAX 库项目,快速访问您最喜欢的 AJAX JavaScript 库的代码辅助功能。目前,Aptana 支持基于 AFLAX、Dojo、JQuery、MochiKit、Prototype、Rico、script.aculo.us 和 Yahoo UI 库创建项目。” —Aptana Weblog

Aptana 是一款用于快速轻松开发 Web 2.0 网站的 IDE。关键在于在预览窗格中实时查看您所做的工作。Aptana 需要 JRE v1.4.2,并且可以安装在 Windows、Mac 和 Linux 上。它也可以作为 Eclipse 插件使用,未来还将有其他 IDE 版本。

“Aptana 是一款强大的集成开发环境 (IDE),专为使用 (X)HTML、CSS 和 JavaScript 的 Web 开发人员设计。Aptana 包含以下功能

  • 对所有核心和 DOM JavaScript 功能以及您自己的 JavaScript 函数提供完整的代码辅助
  • 对 (X)HTML、CSS 和 JavaScript (甚至同时全部) 的代码结构大纲
  • 所有 3 种语言的错误和警告 (代码验证)
  • 能够通过 JavaScript 扩展 IDE,添加新的“操作”和新的“视图”
  • 支持 Mac (通用二进制文件) 和 Windows,Linux 版本即将推出
  • 免费且开源” — Aptana FAQ

John Resig 一直在与 Aptana 合作,以改进 jQuery 文档,使其与他们的自动完成 API 更好地配合,敬请期待。

jQuery 国际化

发布于 作者:

从 jQuery 邮件列表和 Technorati 上的 jQuery 相关博客文章中可以看出,jQuery 拥有庞大的国际用户群。

在开发新版本的网站(与即将发布的 jQuery 1.0 版本一起发布)时,我收到了一些用户提供将文档和博客文章翻译成他们母语的建议。我对此感到非常高兴。

我向所有 jQuery 用户提出两个问题:如果您精通英语以外的语言,您是否愿意帮助翻译博客文章或文档的替代版本? 如果您愿意,请回复此帖子,以便我了解所有感兴趣的人以及代表的语言。

其次,如果您会说英语以外的语言(但可能无法帮助翻译),请告诉我您希望 jQuery 网站显示哪种语言

jQuery 文档应该使用哪种语言?(除了英语)


德语
西班牙语
法语
意大利语
日语
中文

感谢大家的意见,不胜感激。

(顺便说一下,Drupal国际化模块非常棒)

开发技巧:使用标签名更快地选择

发布于 作者:

jQuery 提供了一种非常灵活的 DOM 查询机制。如果您想知道幕后发生了什么,以及是否有更高效或更低效的查询方式……答案是肯定的。在许多情况下,您可以帮助 jQuery 通过指定标签名来提高效率,例如:

$("div.class").show()

$(".class").show()

更快……区别在于查询引擎可以首先按标签名进行缩小范围。它很聪明。

因此,您应该养成指定标签名的习惯。唯一的例外:通过 ID 获取。如果您通过 ID 获取,请不要包含标签名或任何其他内容,而只包含 ID 选择器。

请注意,第二个示例(仅使用类选择器)是完全有效的,如果您需要查询多种元素类型,请随意进行操作——jQuery 仍然会返回正确的结果。

Technorati 使用 jQuery

发布于 作者:

今天 Technorati 推出了新的设计。其中一项更改是,它现在使用 jQuery 作为其主要的 JavaScript 代码库。这是个大消息,因为另一个大型网站选择了 jQuery 作为其 JavaScript 库。

如果我必须猜测他们选择它的原因,我会说他们欣赏 jQuery 为他们节省的带宽,同时仍然提供许多有用的可用性改进。我将尝试找到负责重新设计 JavaScript 的人员,以了解他们的真实想法。

jQuery 插件的强大功能

发布于 作者:

jQuery 正在进行大量的插件开发。以下是最近在列表中出现的两款:

HighlightFade 由 Blair Mitchelmore 创建,是 jQuery 实现“黄色淡入”技术的非常彻底的实现。选项包括淡入类型(线性、正弦、指数)、持续时间和完成后的函数。该插件的大小为 3.5K(未压缩,因此可以减小),应该可以处理您所有的黄色淡入需求。

Tablesorter 由 Christian Bach 创建,是一款浏览器端表格排序器(单击列标题即可对表格进行排序)。它速度很快(在演示中,对 400 行进行排序大约需要 0.3 秒),并且可以自动检测列类型以提供适当的排序方式。例如,它可以自动识别日期与文本与 URL 内容,并相应地进行排序。对于 URL,它会忽略 http/https/ftp/file 前缀进行排序,这更有可能为您提供您实际想要的排序结果。您还可以定义自己的自动检测,通常需要 5-10 行代码。该插件未压缩时约为 10.5K。

您知道在 wiki 上列出了更多 jQuery 插件吗?http://proj.jquery.com/plugins/?请注意,当 jQuery 进入 1.0 版本时,wiki 的 URL 将会更改。

jQuery 颜色选择器

发布于 作者

来自 Drupal 团队的 Steven Wittens 发布了一个自己开发的 jQuery 插件,名为 Farbtastic。那么,它有什么作用呢?

Farbtastic 使用分层的透明 PNG 图像,在色相圆内渲染饱和度/亮度渐变。无需 Flash,无需像素大小的 div。

使用 Farbtastic,一个简单的表单输入框变成一个自动更新的十六进制代码,其背景颜色会根据 8kb Javascript 文件添加的可点击色轮和色块相应地改变。点击颜色,拖动选择器或手动输入十六进制代码。

只需包含 farbtastic.js 文件以及 farbtastic.css 样式表,并创建一个占位符 div 以及用于十六进制代码的表单元素,如下所示

<form>
    <input type="text" ... />
</form>
<div id="colorpicker"></div>

然后包含一行 jQuery 代码

$('#colorpicker').farbtastic('#colorpickerinput');

就是这样!现在你的页面上应该有一个颜色选择器组件。

要查看工作演示以及有关使用该插件的更详细说明,请访问 Farbtastic 页面。Farbtastic 受 GPL 协议保护。

使用 jQuery 进行内联编辑

发布于 作者:

我们都听说过内联编辑。Flickr 在许多事情上都使用它,例如更改您的照片的标题或描述。

对于那些不知道的人来说,内联编辑是指您可以单击文本,然后它会变成用户可以编辑的文本框。当用户按下 Enter 键时,编辑后的文本将被发送到脚本,该脚本可以执行一些操作,例如将文本提交到数据库。

现在,由于 Dylan Verheul 的贡献,使用 jQuery 执行此操作变得前所未有的容易。他创建了一个名为 Editable 的插件,只需一行简单的代码即可创建内联编辑字段。

$(element).editable(url, options);

源代码以及一个(损坏的修复的)演示可以在 这里 看到。我在我的网站上创建了一个简单的可用演示,这里

招募博主

发布于 作者:

在通往 1.0 的道路上,我们缺少的一件事,而且我们需要更多的是:大量的 jQuery 博主!

由于我致力于修复 jQuery 核心中的错误、添加新功能、编写文档,我没有时间让博客保持更新,以了解所有最新的项目。

So, here is what I’d like: I’d like to turn the jQuery blog into a group blog, discussing jQuery, Javascript, jQuery Plugins/Projects/Apps, AJAX – anything that relates back to jQuery or Javascript. The blog currently has around 800-900 readers – which is decent, considering that I haven’t put much time into it (It’s also ranked in the top 6000 on Technorati).

I see this as being a great opportunity for different members of the diverse jQuery audience to really come together – especially for those who don’t feel confident committing code changes.

Here are some of the ideas that I’ve come up with, for blogging “positions”

  • jQuery on the Web (find people writing and building with jQuery,
    and talk about it)
  • jQuery on the List (collect and talk about all the projects and
    news that take place on the mailing list)
  • Weekly List Recap (Recap the important events/discussions of the
    mailing list every week)
  • jQuery News (Project Announcements, bug fixes, etc – this will
    probably be done by me)
  • jQuery Hacks (Cool things that you can do with jQuery – compare
    with other libraries)
  • Javascript News (Report on new techniques, libraries, hacks – whatever)
  • jQuery International (The jQuery user base is all over the globe –
    having articles/sections in other languages would be fantastic!)

If we can get even half of this up and running, we will definitely become a top blog for Javascript news – which would be good in so many ways.

If this project interests you, please reply to this post, or email me personally. I’d also like to see a sample of your code and/or writing (if I haven’t seen it already). If you have any ideas, feel free to bring them up, I’m all ears!