50个jQuery代码段帮你成为更出色的JS开发者
2013/03/15 · IT技术, Web前端, 开发 · 8 条评论
本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西。
阅读全文 »
jQuery 2.0 Beta 2 发布
2013/03/09 · 业界 · 2 条评论
据jQuery官方博客3月消息,jQuery 2.0 Beta 2 发布。根据用户对jQuery 2.0 Beta 1 版本的反馈,Beta 2 版做了一些修改。jQuery官方表示,非常需要用户来测试 Beta 2 版,最好同时也能向他们反馈提交建议。
阅读全文 »
关于jQuery UI 使用心得及技巧
2012/11/12 · 开发
有时你仅仅是为了实现一个渐变的动画效果而不得不把javascrip 重新学习一遍然后书写大量代码。直到jQuery的出现,让开发人员从一大堆繁琐的js代码中解脱,取而代之几行jQuery代码。现今,jQuery无疑已成为最为流行没有之一的JavaScript类库。
阅读全文 »
你真的需要一个jQuery插件吗
2012/10/23 · IT技术
jQuery的插件提供了一个很好的方法,节省了时间和简化了开发,避免程序员从头开始编写每个组件。但是,插件也将一个不稳定因素引入代码中。一个好的插件节省了无数的开发时间,一个质量不好的插件会导致修复错误的时间比实际从头 开始编写组件的时间还长。
阅读全文 »
Dojo与jQuery综合比较分析
2012/07/09 · IT技术
最近Dojo和jQuery双双发布了最新的1.8版本,有着相同版本号的两个Javascript库也有许多核心的相同之处:相同的资源加载机制AMD、相同的选择器 引擎Sizzle等。作为业界知名的Javascript库,Dojo和jQuery在各自领域有着为数众多的拥护者。不过正所谓一把钥匙开一把锁,对一个项目来说肯定有个最适合它的工具库,用对了工具才能事半功倍。所以对项目经理或是技术总监来说,工程开始前的技术选型是关键一步,本文将对Dojo和 jQuery最新版本进行一个综合比较,重点在于区分两者的适用场景,而不涉及讨论孰优孰劣。
阅读全文 »
jQuery 1.9和2.0版路线图问答集锦
2012/07/03 · 业界
jQuery 官方博客 6月 28 日发了一篇博文,文中透露了 jQuery 的部分路线图,其中透露 2.0 版将不再支持IE 6/7/8。不少开发人员评论说2.0 版可以支持IE 7/8,jQuery 官方博客于7月1日再发一文,针对各种评论,做了解答。
阅读全文 »
简讯:jQuery 2.0将不再支持IE 6/7/8
2012/06/29 · IT技术, 业界 · 1 条评论
jQuery 官方博客 6月 28 日发了一篇博文,文中提到 jQuery 1.8 (正式版)将在一个月内发布,也透露了 jQuery 的部分路线图。以下是部分摘译:
正如我们上一篇博文中所说, jQuery 1.8 正经历一次大扫除,来移除不安全、低效、无效、失策的特性。我们已经着手这项工作,以便大家可以构建剔除某些库后更节省的定制版本。这些努力将让大家享用到,你真正所需要的没有多余东东的 jQuery API 。
阅读全文 »
完全理解关键字this
2012/02/01 · IT技术, 开发
今天的教程来自天才的Cody Lindley的新书:《JavaScript启蒙教程 / JavaScript Enlightenment》。他讨论了令人迷惑的关键字this,以及确定和设置this的值的方法。
概念性的概述this
当一个函数创建后,一个关键字this就随之(在后台)创建,它链接到一个对象,而函数正是在这个对象中进行操作。换句话说,关键字this可在函数中使用,是对一个对象的引用,而函数正是该对象的属性或方法。
让我们来看这个对象:
<!DOCTYPE html><html lang="en"><body><script>
var cody = {
living …
阅读全文 »
jQuery性能优化的28个建议
2011/12/23 · IT技术, 开发 · 3 条评论
我一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些。找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表,你可以打印出来或者设为桌面背景。
一、选择器性能优化建议
1. 总是从#id选择器来继承
这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。
$('#content').hide();
或者从ID选择器继承来选择多个元素:
$('#content p').hide();
2. 在class前面使用tag
jQuery中第二快的选择器就是tag选择器(如$(‘head’)),因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用tag来修饰class(并且不要忘了就近的ID)
var receiveNewsletter …
阅读全文 »
10 个jQuery/JavaScript的圣诞主题效果
2011/12/12 · Web前端, 开发
英文原文:10 jQuery and JavaScript Christmas Effects,编译:iteye
圣诞节快到了,赶快为你的网站打扮一番,换上节日的盛装吧!本文为你整理了10款使用jQuery和 JavaScript打造的圣诞主题效果,希望能给你带来些许惊喜。(PS:经过小编测试,下面的部分效果仅支持IE浏览器)
1.倒计时数字钟
设计一个JavaScript圣诞倒计时数字时钟,这个数字钟利用网站访问者的计算机上的时间来进行倒计时,因此这个脚本非常灵活,可以根据不同的时区设置对应的时间。
源码 / 演示
2.闪烁的彩灯
在网页中展示彩灯效果,你只需要把下面链接中的代码粘贴到网页的HTML中即可。
源码/演示
3.谷歌的圣诞涂鸦
随着圣诞节的临近,我们应将精力从丰盛的晚餐转移到一些更有意义的事情上,这样才能保持好身材。因此,让我们试试用jQuery和CSS创建谷歌的动画logo!
源码 / 演示
4.雪花效果
用这个超棒的动画效果装饰你的网站吧!雪花在页面中轻轻飘下,直至消失。雪花只是这个脚本支持的图案之一,你也可以使用其他图案。
源码/演示
5.暴风雪效果
暴风雪是一个基于JavaScript的雪花效果,很容易添加到网页上,且免费使用、易于设置。一段JavaScript代码就包含了所需功能,不需要任何图片。
源码/演示
6.jQuery飘雪效果升级版(添加了雪堆积效果)
添加雪堆积效果插件后,你可以通过jQuery选择器来把雪收集到顶部。其使用了canvas标签,只支持IE8以上的浏览器。
源码 / 演示
7 …
阅读全文 »
推荐1个jQuery屏幕键盘插件
2011/11/29 · IT技术 · 1 条评论
屏幕键盘
屏幕键盘也称虚拟键盘,是一种非常实用的工具,可以让那些有移动障碍的用户用指针设备或游戏杆输入数据。它旨在为那些有移动障碍的用户提供最低级别的功能。
屏幕键盘在网络生活中很常见,比如使用网银或在线查询信用卡余额,在输入密码等敏感数据时,应该就会用到屏幕键盘。以防止被木马或恶意程序捕获盗取实际键盘上的操作。
今天要推荐一个 Jeremy Satterfield 写的jQuery屏幕键盘插件,它包括多种按键布局,完全支持自定义,可以更改按键布局和配色方案。它就像Windows的辅助键盘,可用来提高网站的可用性。
如何使用
1. 下载该插件(Github下载);
2. 以demo.js文件为基础,来创建你的键盘;
3. 调整键盘布局的设置(代码见下文)
4. 定制CSS代码,以适应你的网站
在线示例
jQuery 代码
$(document).ready(function(){
// standard keyboard layout 标准键盘布局
$(‘.qwerty’).keyboard({ layout: ‘qwerty’ });
//control for num keys
$(‘#num’).keyboard({
layout …
阅读全文 »