摘要：
jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生js数组不能企及的功能. 最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档 中对数组的介绍,顺便对jQuery数组做个总结.温故,知新.强烈建议你打开DEMO演示后再看下面的详解:点此查看DEMO1. $.each(array, [callback]) 遍历[常用]解释:不同于例遍 jQuery 对象的 $.each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数：第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果需要退出 each 循 阅读全文
摘要：
函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数：就是没有函数名的函数。函数的定义，大致可分为三种方式：第一种：这也是最常规的一种123function double(x){ return 2 * x; }第二种：这种方法使用了Function构造函数，把参数列表和函数体都作为字符串，很不方便，不建议使用。1var double = new Function('x', 'return 2 * x;');第三种：1var double = function(x) { return 2* x; }注意“=”右边的函数就是一个匿名函 阅读全文
摘要：
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码var n=999; function f1(){ alert(n); } f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。Js代码function f1(){ var n=999; } alert(n); // error这里有一个地方需要注... 阅读全文
摘要：
之前Google的图片搜索结果界面提供了一个功能，即滚动条滚动到接近底部的位置自动加载剩余图片。个人觉得这个功能还蛮人性化的，避免来回翻页的繁琐，让搜索结果以增量形式展现。所以也自己仿造了一个。功能是基于JQuery的。下面是代码。$(window).scroll(function() { var o = $('#pincontainer'); // 并不是所有页面都要执行加载操作。 // 你也可以选择别的识别条件。 if(o!=null && o.length !=0){ //获取网页的完整高度(f... 阅读全文
摘要：
AMD：浏览器中的模块规范前面提到，为实现与Node.js相同方式的模块写法，大牛们做了很多努力。但浏览器环境不同于服务器端，它的模块有一个HTTP请求过程(而Node.js的模块文件就在本地)，这个请求过程多数使用script tag，script 默认的异步性导致很难实现与Node.js一模一样的模块格式。Modules/Wrappings使得实现变为现实。虽然和Node.js的模块写法不完全一致，但也有很多相似之处，使得熟悉Node.js的程序员有一些亲切感。但Node.js终究是服务器端的JavaScript，没有必要把这些条条框框放到浏览器JavaScript环境中。这时AMD诞生了 阅读全文
摘要：
CSS 预处理器技术已经非常的成熟，而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架，分别是 Sass、Less CSS、Stylus。首先我们来简单介绍下什么是 CSS 预处理器，CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。不要再停留在石器时代了，下面让我们开始 CSS 预处理器之旅。我们将会从语法、变量、嵌套、混入(Mixin)、继承、导入、 阅读全文
摘要：
Mysql可以使用AUTO_INCREMENT来设定主键的值为自增长的，其默认值是1，如果想把它的初始值设置为1000，比较笨的办法是先插入一条记录并指定主键的值为999，然后delete该行记录，例如：insert into test(pk) values(999);delete from tes... 阅读全文
摘要：
-webkit-animation:仍旧是一个复合属性，-webkit-animation: name duration timing-function delay iteration_count direction;包括以下几个属性（1） -webkit-animation-name 这个属性的使用必须结合@-webkit-keyframes一起使用eg: @-webkit-keyframesfontchange{0%{font-size:10px;}30%{font-size:15px;}100%{font-siez:12px;}}百分比的意思就是duration的百分比，如果没有设置du 阅读全文
摘要：
译自：http://net.tutsplus.com/tutorials/html-css-techniques/say-hello-to-css3-filters/ 教程详细内容•主题：CSS滤镜•可用性：Webkit每晚构建的版本•酷炫程度：100观看演示 本月初公布了一个新的规范-滤镜效果1.0。 它提出了一些令人兴奋的新特性，我们可以使用它在浏览器中来创建Photoshop般的效果。 更妙的是，Webkit已经在每晚构建的版本中添加了支持！根据此规范...“滤镜效果是一个图形化的操作，它被应用到一个元素上以绘制到页面文档里。它是一种基于图像的效果，因为它接受零个或多个图像作为输入... 阅读全文
摘要：
写在前面的话：随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。 文中提到的响应式网页设计（Responsive web design）是一种现代网页设计方法，基于CSS3的媒介查询（Media Query）特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。 ----------- 译自：http://webdesignerwall.com/tutorials/responsive-... 阅读全文