Web前端
文章平均质量分 64
Amy_home
Bettter, better, better
展开
-
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 阅读 · 0 评论 -
Dojo Deferreds and Promises
原文: http://dojotoolkit.org/documentation/tutorials/1.10/promises/index.html版本: Dojo 1.10Deferreds是一个神奇且功能强大的东西,是一个更伟大的东西Promises的实现。这里,我们将会学习它们的概念,以及其它一些在统一方式下同时使用promises和常规值Dojo's API。学习翻译 2015-12-08 18:37:56 · 1467 阅读 · 0 评论 -
ES6 展开运算符 Spread operator
展开运算符展开运算符(spread)是三个点(…),可以将数组转为用逗号分隔的参数序列。如同rest参数的逆运算。原创 2016-07-01 17:16:35 · 8505 阅读 · 0 评论 -
ES6 Rest参数
Rest参数Rest参数接收函数的多余参数,组成一个数组,放在形参的最后原创 2016-07-01 17:46:04 · 8224 阅读 · 0 评论 -
Atomic Design
Atomic design is methodology for creating design systems.There are five distinct levels in atomic desing:AtomsMoleculesOrganismsTemplatesPages原创 2016-06-16 10:19:57 · 775 阅读 · 0 评论 -
CSSOM View Module
CSS Object Model 视图模式最近详细学习了一下CSSOM视图模式,主要是想弄明白client, scroll, offset等一些属性的定义和用法,根据目前的理解先记录下来,以后有新的领悟再继续更新。主要学习地址:w3网站(https://www.w3.org/TR/cssom-view-1/)、W3schools(http://www.w3schools.com/jsref/dom_原创 2016-06-16 11:43:17 · 723 阅读 · 0 评论 -
ES6 Template String 模板字符串
语法模板字符串(Template String)是增强版的字符串,用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。原创 2016-06-30 19:29:41 · 42091 阅读 · 6 评论 -
ES6 函数参数默认值 default
参数默认值基本用法ES6允许为函数参数设置默认值,即直接写在参数定义后面。原创 2016-07-04 16:31:30 · 10617 阅读 · 0 评论 -
Working with Git
Git is a free and open source distributed version control system with branching staging, areas and data assurance.原创 2016-07-27 13:07:07 · 483 阅读 · 0 评论 -
Meta http-equiv属性值X-UA-Compatible
X-UA-Compatible是IE8的一个专有meta属性,对于IE8以下的浏览器是不识别的。通过在meta中设置## X-UA-Compatible的值,可以指定网页的兼容性模式。在HTML的<head>标签中使用。原创 2016-07-27 17:00:54 · 2403 阅读 · 0 评论 -
对象属性的遍历
ES6中总共有5种对象属性遍历的方法。包括for...in,Object.keys,Object.getOwnPropertyNames,Object.getOwnPropertySymbols,Reflect.ownKeys。原创 2016-07-06 17:24:00 · 1409 阅读 · 0 评论 -
Dojo 学习笔记 之 Dojo hitch&partial
原文: http://dojotoolkit.org/documentation/tutorials/1.10/hitch/index.html版本: Dojo 1.10 为了更好地使用JavaScript原生函数,dojo/_base/lang模块提供了很多非常有用的方法。这里,我们来学习JavaScript函数(Function)对象基础,及如何使用lang.hitc翻译 2015-12-08 15:24:12 · 1225 阅读 · 0 评论 -
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 阅读 · 0 评论 -
jQuery源码学习 之 仿栈与队列操作
1. 理解jQuery既然是模仿的数组结构,那么肯定会实现一套类数组的处理方法,比如常见的栈与队列操作push、pop、shift、unshift、求和、循环遍历each、排序及筛选等一系列的扩展方法。jQuery对象栈是一个便于DOM查找提供的一系列方法,jQuery可以是集合元素,提供了.get()、:index()、:lt()、:gt()、:even()及:odd()这类索引相关的选原创 2015-09-30 10:12:25 · 924 阅读 · 0 评论 -
jQuery源码学习 之 end与addBack
1. 理解原理大多数QueryDOM遍历方法是操作jQuery对象实例,并创建一个新的对象,匹配一个不同的DOM元素集合。当发生这种情况时,实际上是新的元素集合被压入到对象内部维护的栈中,每次过滤方法都会被压入栈中。当我们需要返回到前一个状态时,我们可以使用end()进行出栈操作,来返回栈中的前一个状态。end()方法主要用于jQuery的链式操作中,当没有使用链式用法时,通常是调用变量名原创 2015-09-29 20:34:17 · 916 阅读 · 0 评论 -
jQuery源码学习 之 each迭代器
1. 理解jQuery的each方法从使用上要分为2种情况:$.each();$(selector).each();$.each()函数和$(selector).each()是不一样的,后者是专门用来遍历一个jQuery对象的,是为jQuery内部服务的。$.each()函数可用于迭代任何集合,无论是“名/值”对象(JavaScript对象)或数组。在迭代数组的情况下,回调函数每次传原创 2015-09-30 19:06:52 · 721 阅读 · 0 评论 -
React学习,持续更新...
推荐文章:http://www.ruanyifeng.com/blog/2015/03/react.html原创 2015-09-15 14:19:27 · 480 阅读 · 0 评论 -
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 · 597 阅读 · 0 评论 -
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 · 639 阅读 · 0 评论 -
jQuery源码学习 之 立即调用 ---- day2
1. 立即调用表达式 任何库与框架设计的第一个要点就是解决命名空间与变量污染问题,jQuery就是利用了JavaScript函数作用域的特性,采用立即调用表达式包裹了自身的方法来解决这个问题。2. jQuery立即调用表达式有三种写法写法一:(function(window, factory) { factory(window);}(this, function()原创 2015-09-17 20:41:55 · 505 阅读 · 0 评论 -
AJAX跨域访问
1. AJAX和跨域 AJAX(Ansynchronous JavaScript and XML)是驱动新一代Web站点的关键技术,它允许在不干扰Web程序的显示和行为的情况下在后台进行数据交互、使用XMLHttpRequest函数获取数据,是一种API,允许客户端JS通过HTTP连接到远程服务器。Ajax也是许多Mashup的驱动力,它可将来自多个地方的内容集成为单一Web应用程序原创 2015-09-18 10:43:56 · 554 阅读 · 0 评论 -
JSONP理解
1. 定义 JSONP(JSON with Padding)是一个非官方的协议,它允许有服务器端集成Script tags返回至客户端,通过JavaScript callback的形式实现跨域访问。2. 作用 由于同源策略的限制,XMLHttpRequest只允许请求当前源(域名、协议、端口都相同的域)的资源,为了实现跨域请求,可以通过script标签实现跨域请求,原创 2015-09-18 14:31:20 · 547 阅读 · 0 评论 -
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 · 702 阅读 · 0 评论 -
ES6 Class 类
从ES6(ES2015)开始,JS提出了类(Class)概念,JS中的类只是JS现有的、基于原型的继承的一种语法包装(语法糖),它能让我们用理简明的语法实现继承。原创 2016-07-28 19:54:37 · 4427 阅读 · 0 评论