2015年09月_Amy_home

原创 jQuery源码学习之 each迭代器

1. 理解jQuery的each方法从使用上要分为2种情况：$.each();$(selector).each();$.each()函数和$(selector).each()是不一样的，后者是专门用来遍历一个jQuery对象的，是为jQuery内部服务的。$.each()函数可用于迭代任何集合，无论是“名/值”对象（JavaScript对象）或数组。在迭代数组的情况下，回调函数每次传

2015-09-30 19:06:52 721

原创 jQuery源码学习之 get与eq的区别

1. 理解.eq(); 减少匹配元素的集合，根据index索引值，精确指定索引对象，返回jQuery对象；.get(); 通过检索匹配jQuery对象得到对应的DOM元素，返回的是DOM对象。2. 说明二者之间的区别主要是：eq返回的是一个jQuery对象，get返回的是一个DOM对象，例如：$("li").get(0).css("color", "red"); // 错误$

2015-09-30 12:39:17 594

原创 jQuery源码学习之仿栈与队列操作

1. 理解jQuery既然是模仿的数组结构，那么肯定会实现一套类数组的处理方法，比如常见的栈与队列操作push、pop、shift、unshift、求和、循环遍历each、排序及筛选等一系列的扩展方法。jQuery对象栈是一个便于DOM查找提供的一系列方法，jQuery可以是集合元素，提供了.get()、:index()、:lt()、:gt()、:even()及:odd()这类索引相关的选

2015-09-30 10:12:25 924

原创 jQuery源码学习之 end与addBack

1. 理解原理大多数QueryDOM遍历方法是操作jQuery对象实例，并创建一个新的对象，匹配一个不同的DOM元素集合。当发生这种情况时，实际上是新的元素集合被压入到对象内部维护的栈中，每次过滤方法都会被压入栈中。当我们需要返回到前一个状态时，我们可以使用end()进行出栈操作，来返回栈中的前一个状态。end()方法主要用于jQuery的链式操作中，当没有使用链式用法时，通常是调用变量名

2015-09-29 20:34:17 915

原创 jQuery源码学习之 ready与load事件 ---- day4

jQuery中ready与load事件1. jQuery中有3种针对文档加载的方法$(document).ready(function() { // ...code...});// document ready简写$(function() { // ...code...});$(document).load(function() { // ...code.

2015-09-25 16:10:49 661

原创 jQuery源码学习之类数组对象结构 ---- day3

1. 类数组对象很多人迷惑的jQuery为什么能像数组一样操作，通过对象get方法或者直接通过下标0索引就能转成DOM对象，首页和们看jQuery的入口都是统一的$，通过传递参数的不同，实现是9种方法的重载：1. jQuery({selector,[content]})2. jQuery(element)3. jQuery(elementArray)4. jQue

2015-09-20 20:33:13 701

原创 JSONP理解

1. 定义 JSONP（JSON with Padding）是一个非官方的协议，它允许有服务器端集成Script tags返回至客户端，通过JavaScript callback的形式实现跨域访问。2. 作用由于同源策略的限制，XMLHttpRequest只允许请求当前源（域名、协议、端口都相同的域）的资源，为了实现跨域请求，可以通过script标签实现跨域请求，

2015-09-18 14:31:20 546

原创 AJAX跨域访问

1. AJAX和跨域 AJAX（Ansynchronous JavaScript and XML）是驱动新一代Web站点的关键技术，它允许在不干扰Web程序的显示和行为的情况下在后台进行数据交互、使用XMLHttpRequest函数获取数据，是一种API，允许客户端JS通过HTTP连接到远程服务器。Ajax也是许多Mashup的驱动力，它可将来自多个地方的内容集成为单一Web应用程序

2015-09-18 10:43:56 553

原创 jQuery源码学习之立即调用 ---- day2

1. 立即调用表达式任何库与框架设计的第一个要点就是解决命名空间与变量污染问题，jQuery就是利用了JavaScript函数作用域的特性，采用立即调用表达式包裹了自身的方法来解决这个问题。2. jQuery立即调用表达式有三种写法写法一：(function(window, factory) { factory(window);}(this, function()

2015-09-17 20:41:55 505

原创 HTML5的一些新特性学习

HTML5带来了一些新的特性，总结如下：1. 新的文档类型（New Doctype）XHTML 1.0的声明方式：HTML5的声明方式：2. 脚本和链接无需type （No more types for scripts and links）在HTML4和XHTML中，需要用以下几行代码来添加js和css文件：在HTML5中，不需要再指定类型属性，如下：3.

2015-09-16 21:21:43 596

原创 JQuery源码学习（2.1.1）之版本结构 ---- day1

1. 最新JQuery2.1.1版本的结构：;(function(global, factory) { factory(global);}(typeof window !== "undefined" ? window : this, function(window, noGlobal) { var jQuery = function(selector, context)

2015-09-16 19:49:59 635

原创 React学习，持续更新...

推荐文章：http://www.ruanyifeng.com/blog/2015/03/react.html

2015-09-15 14:19:27 480

原创 HTML5开发Webapp总结

1. 基础最近用h5写了一个简单的Webapp，感觉和web页面最大的不同是head部分，如下：需要多增加一此meta配置，viewport主要用来识别设备，设置页面宽度。2. 滑动功能2.1 参考imooc上的课程：http://www.imooc.com/learn/125 这是用原生的js实现方式，值得学习。在我的项目里没有利用好。2.2

2015-09-15 14:16:16 2111

Amy的学习之路