diff --git a/.gitbook/assets/727989-20161118220935607-577282845.jpg b/.gitbook/assets/727989-20161118220935607-577282845.jpg new file mode 100644 index 0000000..9c50361 Binary files /dev/null and b/.gitbook/assets/727989-20161118220935607-577282845.jpg differ diff --git a/.gitbook/assets/JavaScript.png b/.gitbook/assets/JavaScript.png new file mode 100644 index 0000000..23e63e7 Binary files /dev/null and b/.gitbook/assets/JavaScript.png differ diff --git a/.gitbook/assets/array_todo.png b/.gitbook/assets/array_todo.png new file mode 100644 index 0000000..c5dcef6 Binary files /dev/null and b/.gitbook/assets/array_todo.png differ diff --git a/.gitbook/assets/event_all.jpg b/.gitbook/assets/event_all.jpg new file mode 100644 index 0000000..df0fa3f Binary files /dev/null and b/.gitbook/assets/event_all.jpg differ diff --git a/.gitbook/assets/import.png b/.gitbook/assets/import.png new file mode 100644 index 0000000..3ff69de Binary files /dev/null and b/.gitbook/assets/import.png differ diff --git a/.gitbook/assets/import2.png b/.gitbook/assets/import2.png new file mode 100644 index 0000000..014274d Binary files /dev/null and b/.gitbook/assets/import2.png differ diff --git a/.gitbook/assets/onerror.png b/.gitbook/assets/onerror.png new file mode 100644 index 0000000..fd610c1 Binary files /dev/null and b/.gitbook/assets/onerror.png differ diff --git a/.gitbook/assets/performance.png b/.gitbook/assets/performance.png new file mode 100644 index 0000000..b35b006 Binary files /dev/null and b/.gitbook/assets/performance.png differ diff --git a/.gitbook/assets/sort.png b/.gitbook/assets/sort.png new file mode 100644 index 0000000..749e549 Binary files /dev/null and b/.gitbook/assets/sort.png differ diff --git a/.gitbook/assets/uploaderror.png b/.gitbook/assets/uploaderror.png new file mode 100644 index 0000000..d1840c4 Binary files /dev/null and b/.gitbook/assets/uploaderror.png differ diff --git "a/.gitbook/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-05 \344\270\213\345\215\21010.19.57.png" "b/.gitbook/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-05 \344\270\213\345\215\21010.19.57.png" new file mode 100644 index 0000000..e98e43b Binary files /dev/null and "b/.gitbook/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-05 \344\270\213\345\215\21010.19.57.png" differ diff --git "a/.gitbook/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-07 \344\270\213\345\215\2104.28.13.png" "b/.gitbook/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-07 \344\270\213\345\215\2104.28.13.png" new file mode 100644 index 0000000..477923d Binary files /dev/null and "b/.gitbook/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-07 \344\270\213\345\215\2104.28.13.png" differ diff --git "a/.gitbook/assets/\346\241\214\351\235\242 \345\256\275\345\261\217.png" "b/.gitbook/assets/\346\241\214\351\235\242 \345\256\275\345\261\217.png" new file mode 100644 index 0000000..d818c07 Binary files /dev/null and "b/.gitbook/assets/\346\241\214\351\235\242 \345\256\275\345\261\217.png" differ diff --git a/.idea/JSlearn.iml b/.idea/JSlearn.iml deleted file mode 100644 index 24643cc..0000000 --- a/.idea/JSlearn.iml +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - \ No newline at end of file diff --git a/.idea/dictionaries/Jonathan_Zhang.xml b/.idea/dictionaries/Jonathan_Zhang.xml deleted file mode 100644 index 13fba25..0000000 --- a/.idea/dictionaries/Jonathan_Zhang.xml +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml deleted file mode 100644 index d23208f..0000000 --- a/.idea/jsLibraryMappings.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml deleted file mode 100644 index 0a380d3..0000000 --- a/.idea/misc.xml +++ /dev/null @@ -1,40 +0,0 @@ - - - - false - - false - false - - - - - - - - - - - - AngularJS - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml deleted file mode 100644 index 5440188..0000000 --- a/.idea/modules.xml +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml deleted file mode 100644 index 94a25f7..0000000 --- a/.idea/vcs.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/.idea/workspace.xml b/.idea/workspace.xml deleted file mode 100644 index 32f49d8..0000000 --- a/.idea/workspace.xml +++ /dev/null @@ -1,1023 +0,0 @@ - - - - - -<<<<<<< Updated upstream -======= - ->>>>>>> Stashed changes - - - - - - - - -<<<<<<< Updated upstream - - - - - - - - - - - - - - - - -======= - - - - - - - - - ->>>>>>> Stashed changes - - - - -<<<<<<< Updated upstream - - - - - -======= - - - - - ->>>>>>> Stashed changes - - - - - - - - -<<<<<<< Updated upstream - - -======= - - ->>>>>>> Stashed changes - - - - - - - - -<<<<<<< Updated upstream - - - - - - - - - - - - -======= - - ->>>>>>> Stashed changes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - true - DEFINITION_ORDER - - - - - -<<<<<<< Updated upstream - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - project - - - - - - - - - - - - - - - - project - - - true - - - - DIRECTORY - - false - - - - - - - - - 1495170979120 - - - - -<<<<<<< Updated upstream - - - - - -======= - - - - - - ->>>>>>> Stashed changes - - - - - -<<<<<<< Updated upstream - -======= - ->>>>>>> Stashed changes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<<<<<<< Updated upstream - - - - - - - - - - -======= - ->>>>>>> Stashed changes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<<<<<<< Updated upstream - - - - - - - - - - - -======= - - - - - - - - - - - - - ->>>>>>> Stashed changes - - - - - -<<<<<<< Updated upstream - - -======= - - - ->>>>>>> Stashed changes - - - - - -<<<<<<< Updated upstream - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -======= - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ->>>>>>> Stashed changes - - - - - \ No newline at end of file diff --git a/01/README.md b/01/README.md new file mode 100644 index 0000000..c51e7fb --- /dev/null +++ b/01/README.md @@ -0,0 +1,6 @@ +# 01-JavaScrpit-基础知识 + +![](../.gitbook/assets/import2.png) + +![](../.gitbook/assets/import.png) + diff --git a/01/bian-liang-lei-xing-he-ji-suan.md b/01/bian-liang-lei-xing-he-ji-suan.md new file mode 100644 index 0000000..3690324 --- /dev/null +++ b/01/bian-liang-lei-xing-he-ji-suan.md @@ -0,0 +1,180 @@ +# 变量类型和计算 + +## 变量类型和计算（1） + +* JS中使用typeof能得到的哪些类型 +* 何时使用`===`何时使用`==` +* JS中有哪些内置函数 +* JS变量按照`存储方式`区分为哪些类型，并描述其特点 +* 如何理解`JSON` + +### 值类型 + +* 从内存来说值类型是把每一个值存储在变量类型的每一个位置 + +```javascript +var a = 100; +var b = a; +a = 200 +console.log(b);//100 +``` + +### 引用类型 + +* 把a赋值\*-成一个对象，a的位置是通过指针指向一个位置 +* 把b赋值成a，其实是定义一个b，b的指针指向了那个对象位置 +* 也就是有两份`age：20`的对象 +* 对象的引用，就相当于复写一个对象，这两个对象之间相互独立 +* 引用类型：对象、数组、函数 + +```javascript +var a ={age:20}; +var b = a; +b.age = 21; +console.log(a.age); //21 +``` + +* typeof运算符 + +```javascript +typeof undefined //undefined +typeof 'abc' // String +typeof 123 //number +typeof true //boolean +typeof {} //object +typeof [] //object +typeof null //object +typeof console.log //funciton +``` + +### 变量计算-强制类型转换 + +* 字符串拼接 + +```javascript +var a = 100 + 10;//110 +var b = 100 + '10';//10010 +``` + +* == 运算符 + +```javascript +100 == '100' //true +0 == '' //true +null == undefined //true +``` + +* if语句 + +```javascript +var a = true; +if(a){ + //.... +} +var b = 100; +if (b) { + //.... +} +var c = ''; +if (c) { + //... +} +``` + +* 逻辑运算 + +```javascript +console.log(10 && 0); //0 +console.log('' || 'abc'); //abc +console.log(!window.acb); //true + +//判断一个变量会被当做true还是false +var a = 100; +console.log(!!a);//true +``` + +## 变量类型和计算（2） + +### JS中使用typeof能得到的类型 + +```javascript +//问题：JS中使用typeof能得到哪些类型 +typeof undefined //undefined +typeof 'abc' // String +typeof 123 //number +typeof true //boolean +typeof {} //object +typeof [] //object +typeof null //object +typeof console.log //funciton +``` + +* 总结来说typeof可以得到 + + `undefined、String、number、boolean` + + 可以区分值类型，但对于引用类型无法很细的区分，只能区分函数。 + +* 尤其是 + + `typeof null object` + + 它是一个引用类型 + +### 何时使用===和== + +```javascript +//问题：何时使用===何时使用== + +if (obj.a == null) { + //这里相当于 obj.a === null || obj.a === undefined,简写形式 + //这是jquery源码中推荐的写法 +} +``` + +### JS中的内置函数 + +```javascript +//问题：JS中有哪些内置函数----数据封装类对象 +//作为构造函数的作用 +Object +Array +Boolean +Number +String +Function +Date +RegExp +Error +``` + +### JS按照存储方式区分变量类型 + +```javascript +//JS 变量按照存储方式区分为哪些类型，并描述其特点 + +//值类型 +var a = 10; +var b = a; +a = 11; +console.log(b); // 10 + +//引用类型 +var obj1 = {x:100} +var obj2 = obj1; +obj1.x = 200; +console.log(obj2.x); // 200 +``` + +* ES中，引用类型是一种数据结构，用于将数据和功能组织在一起 + +## 变量类型和计算（3）-理解JSON + +```javascript +//问题：如何理解JSON +//JSON只不过是一个JS对象 +//JSON也是一个数据格式 +JSON.stringify({a:10,b:20}); +JSON.parse('{"a":10."b":20}') +``` + diff --git a/01/bian-liang-sheng-ming.md b/01/bian-liang-sheng-ming.md new file mode 100644 index 0000000..97f5491 --- /dev/null +++ b/01/bian-liang-sheng-ming.md @@ -0,0 +1,2 @@ +# 变量声明 + diff --git a/01/lei-xing-zhuan-huan.md b/01/lei-xing-zhuan-huan.md new file mode 100644 index 0000000..27d2cf9 --- /dev/null +++ b/01/lei-xing-zhuan-huan.md @@ -0,0 +1,23 @@ +# 类型转换 + +* 数据类型 +* 显式类型转换 +* 隐式类型转换 + +## 数据类型 + +最新的ECMAScript标准定义了7种数据类型 + +基本数据类型 + +* Undefined +* Null +* Boolean +* Number +* String +* Symbol + +复杂数据类型 + +* Object + diff --git a/01/shu-ju-lei-xing.md b/01/shu-ju-lei-xing.md new file mode 100644 index 0000000..47d8190 --- /dev/null +++ b/01/shu-ju-lei-xing.md @@ -0,0 +1,6 @@ +# 基本数据类型 + +JavaScript$ES6$中，现在有6种基本数据类型 + +Undefined、Null、Boolean、Number、String、Symbol + diff --git a/01/shu-ju-lei-xing/README.md b/01/shu-ju-lei-xing/README.md new file mode 100644 index 0000000..47d8190 --- /dev/null +++ b/01/shu-ju-lei-xing/README.md @@ -0,0 +1,6 @@ +# 基本数据类型 + +JavaScript$ES6$中，现在有6种基本数据类型 + +Undefined、Null、Boolean、Number、String、Symbol + diff --git a/01/shu-ju-lei-xing/boolean.md b/01/shu-ju-lei-xing/boolean.md new file mode 100644 index 0000000..fe3aad8 --- /dev/null +++ b/01/shu-ju-lei-xing/boolean.md @@ -0,0 +1,2 @@ +# Boolean + diff --git a/01/shu-ju-lei-xing/null.md b/01/shu-ju-lei-xing/null.md new file mode 100644 index 0000000..12fcbc0 --- /dev/null +++ b/01/shu-ju-lei-xing/null.md @@ -0,0 +1,2 @@ +# Null + diff --git a/01/shu-ju-lei-xing/number.md b/01/shu-ju-lei-xing/number.md new file mode 100644 index 0000000..caff8b5 --- /dev/null +++ b/01/shu-ju-lei-xing/number.md @@ -0,0 +1,2 @@ +# Number + diff --git a/01/shu-ju-lei-xing/string.md b/01/shu-ju-lei-xing/string.md new file mode 100644 index 0000000..7e21f87 --- /dev/null +++ b/01/shu-ju-lei-xing/string.md @@ -0,0 +1,2 @@ +# String + diff --git a/01/shu-ju-lei-xing/symbol.md b/01/shu-ju-lei-xing/symbol.md new file mode 100644 index 0000000..a9d7677 --- /dev/null +++ b/01/shu-ju-lei-xing/symbol.md @@ -0,0 +1,2 @@ +# Symbol + diff --git a/01/shu-ju-lei-xing/undefined.md b/01/shu-ju-lei-xing/undefined.md new file mode 100644 index 0000000..44c3acc --- /dev/null +++ b/01/shu-ju-lei-xing/undefined.md @@ -0,0 +1,2 @@ +# Undefined + diff --git a/01/zuo-yong-yu.md b/01/zuo-yong-yu.md new file mode 100644 index 0000000..6fee475 --- /dev/null +++ b/01/zuo-yong-yu.md @@ -0,0 +1,243 @@ +# 作用域 + +## 作用域 + +**执行上下文** + +```javascript +console.log(a); // undefined +var a = 100; + +fn('zhangsan') // 'zhangsan' 20 +function fn(name) { + age = 20; + console.log(name, age); + var age; +} +``` + +* 范围：一段<script>或者一个函数 +* 全局：变量定义、函数声明 +* 函数：变量定义、函数声明、this、arguments +* 注意⚠️“函数声明”和“函数表达式”的区别 + +```javascript +fn() +function fn() { + //声明 +} + +fn1() +var fn1 = function () { + //表示 +} +var a = 100; //类似于这个 + +//全局声明 + +console.log(a); +var a = 100; + +fn('zhangsan') +function fn(name) { + console.log(this); + age = 20; + console.log(name,age); + var age; + + bar(100); + + function bar(num) { + console.log(num); + } +} +``` + +**作用域** + +* 没有块级作用域 +* 只有函数和全局作用域 + +```javascript +//无块级作用域 +if(true){ + var name = 'zhangsan'; +} +console.log(name); + +//函数和全局作用域 +var a = 100; +function fn() { + var a = 200; + console.log('fn',a); +} +console.log('global',a); +fn(); +``` + +**如何理解作用域** + +* 自由变量 +* 作用域链，即自由变量的查找 +* 闭包的两个场景 + +```javascript +var x=10; +function foo() { + alert(x); +} +function bar() { + var x=20; + foo(); +} +bar(); +``` + +* 生命周期 +* 作用范围 + +### 变量作用域 + +* 静态作用域 +* 动态作用域 + +#### 静态作用域 + +* 被称为词法作用域 +* 由程序定义位置决定 + +```javascript +var x=10; +function foo() { + alert(x); +} +function bar() { + var x=20; + foo(); +} +bar(); +``` + +| | 全局作用域 | +| :--- | :--- | +| x | 10 | +| foo | | +| bar | | + +| | foo作用域 | +| :--- | :--- | +| - | - | + +| | bar作用域 | +| :--- | :--- | +| x | 20 | + +#### 动态作用域 + +* 程序运行时刻 +* 栈操作 + +| x:20 | +| :--- | +| bar: | +| foo: | + +## JS变量作用域 + +* JS使用**静态作用域** +* JS没有**块级作用域$全局作用域、函数作用域$$ES5$** +* ES5中使用词法环境管理静态作用域 + +```javascript +var x = 10; +function foo() { + var z = 30; + function bar(q) { + return x + y + q; + } + return bar; +} +var bar = foo(20); +bar(40); +``` + +* 环境记录 + * 形式参数 + * 函数声明 + * 变量 +* 对外部词法环境的引用（outer） +* 初始化 + +[![](https://github.com/TYRMars/JSLearn/raw/master/02/img/chushihua01.png)](https://github.com/TYRMars/JSLearn/blob/master/02/img/chushihua01.png) + +* 执行 + +[![](https://github.com/TYRMars/JSLearn/raw/master/02/img/environment_02.png)](https://github.com/TYRMars/JSLearn/blob/master/02/img/environment_02.png) + +### 作用域链 + +```javascript +var a = 100; +function fn() { + var b = 200; + + //作用域没有定义变量，即“自由变量” + console.log(a); + console.log(b); +} +fn(); + +var a = 100; +function F1() { + var b = 200; + function F2() { + var c = 300; + console.log(a);//a是自由变量。形成一个链式结构，向父级去查找 + console.log(b);//b是自由变量 + console.log(c);// + } +} +``` + +**对变量提升的理解** + +* 变量定义 +* 函数声明（注意和函数表达式的区别） + +**创建10个<a>标签点击的时候弹出来对应的序号** + +* 错误写法 + +```javascript +//这是一个错误的写法！！！ +var i,a; +for (var i = 0; i < 10; i++) { + a = document.createElement('a'); + a.innerHTML = i + '
'; + a.addEventListener('click',function (e) { + e.preventDefault(); + alert(i) + }) + document.body.appendChild(a); +} +//输出为如下： "9"
+``` + +* 正确写法 + +```javascript +//这是一个正确写法！！！ +var i; +for (i = 0; i < 10; i++) { + (function(i){ + var a = document.createElement('a'); + a.innerHTML = i + '
'; + a.addEventListener('click',function (e) { + e.preventDefault(); + alert(i); + }) + document.body.appendChild(a); + })(i) +} +``` + diff --git a/02/README.md b/02/README.md new file mode 100644 index 0000000..bc51777 --- /dev/null +++ b/02/README.md @@ -0,0 +1,4 @@ +# 02-JavaScrpit-引用类型 + +引用类型的值（对象）是引用类型的实例。在ES种，引用类型是一种数据结构，将数据和功能组织在一起。 + diff --git a/02/arraylei-xing.md b/02/arraylei-xing.md new file mode 100644 index 0000000..54170d0 --- /dev/null +++ b/02/arraylei-xing.md @@ -0,0 +1,18 @@ +# Array类型 + +声明方式有两种 + +一种使用Array的构造函数 + +```js +var list = new Array(); +``` + +一种使用语法糖形式 + +```js +var list = []; +``` + + + diff --git a/02/arraylei-xing/README.md b/02/arraylei-xing/README.md new file mode 100644 index 0000000..f7a5cfd --- /dev/null +++ b/02/arraylei-xing/README.md @@ -0,0 +1,16 @@ +# Array类型 + +声明方式有两种 + +一种使用Array的构造函数 + +```javascript +var list = new Array(); +``` + +一种使用语法糖形式 + +```javascript +var list = []; +``` + diff --git a/02/arraylei-xing/cao-zuo-fang-fa.md b/02/arraylei-xing/cao-zuo-fang-fa.md new file mode 100644 index 0000000..c17cb62 --- /dev/null +++ b/02/arraylei-xing/cao-zuo-fang-fa.md @@ -0,0 +1,8 @@ +# 操作方法 + +* 删除：可以删除任意数量的项，只需指定两个参数：删除的第一项的位置和要删除的项数。 +* 插入：可以向指定位置插入任意数量的项，只需提供3个参数：起始位置、0（要删除的项数）和要插入的项。 +* 替换：可以向指定位置插入任意数量的项，同时删除任意数量的项，只需指定3个参数：起始位置、要删除的项数和要插入的任意数量的项。 + +splice + diff --git a/02/arraylei-xing/die-dai-fang-fa.md b/02/arraylei-xing/die-dai-fang-fa.md new file mode 100644 index 0000000..6b223c6 --- /dev/null +++ b/02/arraylei-xing/die-dai-fang-fa.md @@ -0,0 +1,2 @@ +# 迭代方法 + diff --git a/02/arraylei-xing/dui-lie-fang-fa.md b/02/arraylei-xing/dui-lie-fang-fa.md new file mode 100644 index 0000000..10bfd12 --- /dev/null +++ b/02/arraylei-xing/dui-lie-fang-fa.md @@ -0,0 +1,14 @@ +# 队列方法 + +队列采用的先进先出的策略 + +从队尾推入元素采用`pop()`，从队列首部推出采用`shift()`。 + +```javascript +{ + let arrays = [1,2,3,4,5]; + arrays.push(5,6); + arrays.shift(); +} +``` + diff --git a/02/arraylei-xing/gui-bing-fang-fa.md b/02/arraylei-xing/gui-bing-fang-fa.md new file mode 100644 index 0000000..5286867 --- /dev/null +++ b/02/arraylei-xing/gui-bing-fang-fa.md @@ -0,0 +1,2 @@ +# 归并方法 + diff --git a/02/arraylei-xing/jian-ce-shu-zu.md b/02/arraylei-xing/jian-ce-shu-zu.md new file mode 100644 index 0000000..8b64771 --- /dev/null +++ b/02/arraylei-xing/jian-ce-shu-zu.md @@ -0,0 +1,18 @@ +# 检测数组 + +第一种`instanceof Array` 来检测数组 + +```javascript +if(value instanceof Array){ + //数组操作 +} +``` + +第二种使用`Array.isArray()`来检测数组 + +```text +if(Array.isArray(value)){ + //数组操作 +} +``` + diff --git a/02/arraylei-xing/wei-zhi-fang-fa.md b/02/arraylei-xing/wei-zhi-fang-fa.md new file mode 100644 index 0000000..f04f8c5 --- /dev/null +++ b/02/arraylei-xing/wei-zhi-fang-fa.md @@ -0,0 +1,4 @@ +# 位置方法 + +* indexOf + diff --git a/02/arraylei-xing/zhan-fang-fa.md b/02/arraylei-xing/zhan-fang-fa.md new file mode 100644 index 0000000..92562bb --- /dev/null +++ b/02/arraylei-xing/zhan-fang-fa.md @@ -0,0 +1,20 @@ +# 栈方法 + +通过使用Array.push方法，实现栈的推入操作 + +```javascript +{ + let array = [1,2,3,4]; + array.push(5); +} +``` + +通过使用Array.pop方法，实现栈的推出操作 + +```javascript +{ + let array = [1,2,3,4]; + array.pop(); +} +``` + diff --git a/02/arraylei-xing/zhong-pai-xu-fang-fa.md b/02/arraylei-xing/zhong-pai-xu-fang-fa.md new file mode 100644 index 0000000..bafcbeb --- /dev/null +++ b/02/arraylei-xing/zhong-pai-xu-fang-fa.md @@ -0,0 +1,29 @@ +# 重排序方法 + +重排序方法：`reverse()`和`sort()`。 + +## reverse + +对数组进行反转操作 + +```javascript +{ + let array = [1,2,3,4]; + array.reverse()//array = [4,3,2,1] +} +``` + +## sort + +对数组进行排序 + +```javascript +{ + let array = [1,2,5,10]; + array.sort() + console.log(array) +} +``` + +![](../../.gitbook/assets/sort.png) + diff --git a/02/arraylei-xing/zhuan-huan-fang-fa.md b/02/arraylei-xing/zhuan-huan-fang-fa.md new file mode 100644 index 0000000..53f057b --- /dev/null +++ b/02/arraylei-xing/zhuan-huan-fang-fa.md @@ -0,0 +1,15 @@ +# 转换方法 + +```javascript +{ + let color = ['red','blue','green']; + console.info(color.toString()); + console.log(color.valueOf()); + console.log(color); +} +``` + +通过试验可以看到 + +![](../../.gitbook/assets/array_todo.png) + diff --git "a/02/code/\351\227\255\345\214\205.html" "b/02/code/\351\227\255\345\214\205.html" new file mode 100644 index 0000000..eefd090 --- /dev/null +++ "b/02/code/\351\227\255\345\214\205.html" @@ -0,0 +1,89 @@ + + + + + 闭包 + + + + + + diff --git a/02/datelei-xing.md b/02/datelei-xing.md new file mode 100644 index 0000000..7e4a6b1 --- /dev/null +++ b/02/datelei-xing.md @@ -0,0 +1,2 @@ +# Date类型 + diff --git a/02/functionlei-xing.md b/02/functionlei-xing.md new file mode 100644 index 0000000..4fbcc97 --- /dev/null +++ b/02/functionlei-xing.md @@ -0,0 +1,2 @@ +# Function类型 + diff --git a/02/img/Global Environment test1.xmind b/02/img/Global Environment test1.xmind new file mode 100644 index 0000000..cb33f36 Binary files /dev/null and b/02/img/Global Environment test1.xmind differ diff --git a/02/img/chushihua01.png b/02/img/chushihua01.png new file mode 100644 index 0000000..36e519f Binary files /dev/null and b/02/img/chushihua01.png differ diff --git a/02/img/environment_02.png b/02/img/environment_02.png new file mode 100644 index 0000000..5b0ee58 Binary files /dev/null and b/02/img/environment_02.png differ diff --git a/02/img/global Environment run.xmind b/02/img/global Environment run.xmind new file mode 100644 index 0000000..49dea37 Binary files /dev/null and b/02/img/global Environment run.xmind differ diff --git a/02/maplei-578b28-es6.md b/02/maplei-578b28-es6.md new file mode 100644 index 0000000..722f691 --- /dev/null +++ b/02/maplei-578b28-es6.md @@ -0,0 +1,2 @@ +# Map类型$ES6$ + diff --git a/02/objectlei-xing.md b/02/objectlei-xing.md new file mode 100644 index 0000000..c549006 --- /dev/null +++ b/02/objectlei-xing.md @@ -0,0 +1,19 @@ +# Object类型 + +Object创建实例的方式有两种 + +第一种 + +```javascript +var person = new Object(); +person.name = "TYRMars"; +``` + +第二种 + +```javascript +var person = { + name:"TYRMars" +} +``` + diff --git a/02/rexexplei-xing.md b/02/rexexplei-xing.md new file mode 100644 index 0000000..5a2c229 --- /dev/null +++ b/02/rexexplei-xing.md @@ -0,0 +1,2 @@ +# RexExp类型 + diff --git a/02/setlei-578b28-es6.md b/02/setlei-578b28-es6.md new file mode 100644 index 0000000..80cbc10 --- /dev/null +++ b/02/setlei-578b28-es6.md @@ -0,0 +1,2 @@ +# Set类型$ES6$ + diff --git a/03/README.md b/03/README.md new file mode 100644 index 0000000..8ce553c --- /dev/null +++ b/03/README.md @@ -0,0 +1,98 @@ +# 03-JavaScrpit-面向对象程序设计 + +## 03-JavaScript-面向对象程序设计 + +![](http://img.tvmao.com/stills/movie/190/310/b/L7KsW7OtLR=.jpg) + +## 理解对象 + +* ECMAScript对于对象的定义：无序属性的集合，其属性可以包含基本值、对象或者函数 +* JavaScript每个对象都是基于一个引用类型创建的。 +* 引用类型可以是原生类型也可以是自己定义的类型。 + +## 原型规则和示例 + +* 5条原型规则 +* 原型规则是学习原型链的基础 + +#### 第1条 + +* 所有的引用类型$数组、对象、函数$，都具有对象特质、即可自由扩展属性$除了“NULL”以外$ + +```javascript +var obj = {}; obj.a = 100; +var arr = []; arr.a = 100; +function fn(){ + fn.a=100; +} +``` + +#### 第2条 + +* 所有的引用类型$数组、对象、函数$，都有一个`__proto__`$隐式原型$属性，属性值是一个普通的对象 + +```javascript +console.log(obj.__proto__); +console.log(arr.__proto__); +console.log(fn.__proto__); +``` + +#### 第3条 + +* `prototype`解释为JavaScript开发函式库及框架 +* 所有的函数，都有一个`prototype`（显示原型）属性，属性值也是一个普通对象。 + +```javascript +console.log(fn.prototype); +``` + +#### 第4条 + +* 所有引用类型（数组、对象、函数），`__proto__`属性值指向它的构造函数的`prototype`属性值 + +```javascript +console.log(obj.__proto__ === Object.prototype); +``` + +#### 第5条 + +* 当试图得到一个对象的某个属性时，如果这个对象本身没有这个属性，那么会去它的`__proto__`$即它的构造函数`prototype`$中寻找 + +```javascript +//构造函数 +function Foo(name,age){ + this.name = name; +} +Foo.prototype.alertName = function () { + alert(this.name); +} +//创建示例 +var f = new Foo('zhangsan') +f.printName = function () { + console.log(this.name); +} +//测试 +f.printName(); +f.alertName(); +``` + +#### 循环对象自身属性 + +```javascript +var item; +for (item in f) { + //高级浏览器已经在for in 中屏蔽了来自原型的属性 + //但是这里建议大家还是加上这个判断，保证程序的健壮性 + if(f.hasOwnProperty(item)) { + console.log(item); + } +} +``` + +### instanceof + +* 用于判断`引用类型`属于哪个`构造函数`的方法 +* `f instanceof Foo` 的判断逻辑是： +* `f`的`__proto__`一层一层往上走，是否能对应到`Foo.prototype` +* 再试着判断f instanceof Object + diff --git a/03/code/oop.html b/03/code/oop.html new file mode 100644 index 0000000..c346ef6 --- /dev/null +++ b/03/code/oop.html @@ -0,0 +1,168 @@ + + + + + + + + + + diff --git a/03/code/proto.html b/03/code/proto.html new file mode 100644 index 0000000..e547543 --- /dev/null +++ b/03/code/proto.html @@ -0,0 +1,22 @@ + + + + + 原型链 + + + + + diff --git a/03/gou-zao-han-shu.md b/03/gou-zao-han-shu.md new file mode 100644 index 0000000..c7e28c4 --- /dev/null +++ b/03/gou-zao-han-shu.md @@ -0,0 +1,56 @@ +# 构造函数 + +* 如何准确判断一个变量数组类型 +* 写一个原型链继承的例子 +* 描述new一个对象的过程 +* zepto$或其他框架$源码中如何使用原型链 + +## 知识点 + +* 构造函数 +* 构造函数-扩展 +* 原型规则和示例 +* 原型链 +* instanceof + +## 构造函数 + +* 自己的想法 + +`普通的函数就像是按步骤执行的动作，而构造函数更像是可更改零件的木偶，普通函数可以直接调用，但是构造函数需要new。因为构造函数也是函数，所以可以直接被调用，但是它的返回值为undefined，此时构造函数里面的this对象等于全局this对象` + +* 扩展 + +`实例和对象的区别，从定义上来讲：1、实例是类的具象化产品，2、而对象是一个具有多种属性的内容结构。` + +```javascript +function Foo(name,age){ + this.name = name; + this.age = age; + this.class = 'class-1'; + // return this //默认有这一行 +} +var f = new Foo('zhangsan',20); //实例化对象 +// var f1 = new Foo('lisi',22) //创建多个对象 +``` + +## 构造函数-扩展 + +`var a = {}`其实是`var a = new Object()`的语法糖 + +`var a = []`其实是`var a = new Array()`的语法糖 + +`function Foo(){...}`其实是`var Foo = new Function(...)` + +使用`instanceof`判断一个函数是否是一个变量的构造函数 + +如果想判断一个变量是否为“数组”：变量`instanceof Array` + +## 如何准确判断一个变量是数组类型 + +```javascript +var arr = []; +arr instanceof Array; //true +typeof arr //object typeof是无法判断是否是数组 +``` + diff --git a/03/img/opp_Child3.png b/03/img/opp_Child3.png new file mode 100644 index 0000000..e85d648 Binary files /dev/null and b/03/img/opp_Child3.png differ diff --git a/03/img/opp_Child4.png b/03/img/opp_Child4.png new file mode 100644 index 0000000..24b4683 Binary files /dev/null and b/03/img/opp_Child4.png differ diff --git a/03/img/opp_Child5.png b/03/img/opp_Child5.png new file mode 100644 index 0000000..63f045d Binary files /dev/null and b/03/img/opp_Child5.png differ diff --git a/03/img/prototype.png b/03/img/prototype.png new file mode 100644 index 0000000..eabb74e Binary files /dev/null and b/03/img/prototype.png differ diff --git a/03/ji-cheng.md b/03/ji-cheng.md new file mode 100644 index 0000000..427fb98 --- /dev/null +++ b/03/ji-cheng.md @@ -0,0 +1,262 @@ +# 继承 + +* 类与实例 + * 类的声明 + * 生成实例 +* 类与继承 + * 如何实现继承 + * 继承的几种方式 + +## 类的声明 + +* 类声明构造函数 + +```javascript +function Animal1() { + this.name = 'animal'; +} +``` + +* ES6中class的声明 + +```javascript +class Animal2 { + constructor() { + this.name = 'animal'; + } +} +``` + +### 1.构造函数方式进行继承 + +```javascript +function Parent1() { + this.name = 'parent1'; +} +function Child1() { + Parent1.call(this); + this.type = 'child1'; +} +console.log(new Child1()); +``` + +* 但是如果要继承原型对象上的方法是没办法继承的 + +```javascript +// 借助构造函数 +function Parent1() { + this.name = 'parent1'; +} +// +Parent1.prototype.say = function () { + console.log('say'); +} +//但是如果要继承原型对象上的方法是没办法继承的 +function Child1() { + Parent1.call(this); + this.type = 'Child1'; +} +console.log(new Child1()); +``` + +### 2.借助原型链实现继承 + +```javascript +function Parent2() { + this.name = 'parent2'; +} +function Child2() { + this.type = 'child2'; +} +Child2.prototype = new Parent2();//让child2的原型赋值为Parent2的实例 +console.log(new Child2()); +``` + +* s1与s2之间不相互隔离 +* 原型链中共用 + +```javascript +function Parent2() { + this.name = 'parent2'; + this.num = [1,2,3]; +} +function Child2() { + this.type = 'child2'; +} +Child2.prototype = new Parent2();//让child2的原型赋值为Parent2的实例 +var s1 = new Child2(); +var s2 = new Child2(); +console.log(s1.play,s2.play); +``` + +### 3.组合方式 + +```javascript +function Parent3() { + this.name = 'Parent3'; + this.play = [1,2,3]; +} +function Child3() { + Parent3.call(this); + this.type = 'child3'; +} +Child3.prototype = new Parent3();//Child3的原型对象指向Parent3的实例 +console.log(new child3); +``` + +* 父类构造函数执行了多次，没有必要的重复执行 + +### 4.组合方式改进1 + +```javascript +function Parent4() { + this.name = 'parent4'; +} +function Child4() { + Parent4.call(this); + this.type = 'child4'; +} +Child4.prototype = Parent4.prototype; +var s5 = new Child4(); +var s6 = new Child4(); +console.log(s5,s6); +``` + +* `instanceof`和`constructor` + +```text +console.log(s5 instanceof Child4,s5 instanceof Parent4); +``` + +* 如何区分是子类实例化的还是父类实例化的 + +### 5.组合方式改进2 + +* 主要是在继承的时候让子类的原型对象 = + + `Object.Create(父类构造函数的原型对象)` + +* 再通过改变子类的原型对象的constructor，因为此时的constructor的指向是父类原型对象的构造函数 + +```javascript +function Parent5() { + this.name = 'Parent5'; + this.play = [1,2,3]; +} +function Child5() { + Parent5.call(this); + this.type = 'Child5' +} +Child5.prototype = Object.create(Parent5.prototype); +//通过Object.create()创建一个新的对象，传入的原型对象是Parent.prototype +console.log('组合继承改进2',new Child5); +//改变constructor的指向 +function Parent6() { + this.name = 'Parent6'; + this.play = [1,2,3]; +} +function Child6() { + Parent6.call(this); + this.type = 'Child6' +} +Child6.prototype = Object.create(Parent6.prototype); +Child6.prototype.constructor = Child6; +console.log('组合继承改进2-constructor',new Child6); +``` + +### 6.原型式继承 + +```javascript +//原型式继承 +function object_oop(o) { + function F() { + } + F.prototype = o; + return new F(); +} +var person = { + name:"zhangjianan", + friends:["yueyue","red"] +}; +var OnePerson = object_oop(person); +console.log('原型式继承',OnePerson); +OnePerson.name = "Goge"; +console.log('原型式继承',OnePerson); +var TwoPerson = object_oop(person); +TwoPerson.friends.push("red"); +console.log('原型式继承',OnePerson,TwoPerson); +//ES5原型式继承 +var ThreePerson = Object.create(person,{ + name: { + value:"XIXI" + } +}) +console.log(ThreePerson); +var FourPerson = Object.create(ThreePerson,{ + name:{ + value:[1,2,3,4] + } +}) +console.log('原型式继承',FourPerson); +``` + +* **ES5中主要使用Object.create去创建对象** + +### 贴近实际开发原型链继承的例子 + +```javascript +function Elem(id) { + this.elem = document.getElementById(id); +} + +Elem.prototype.html = function (val) { + var elem = this.elem; + if (val) { + elem.innerHTML = val; + return this; // 链式操作 + }else { + return elem.innerHTML; + } +} + +Elem.prototype.on = function (type, fn) { + var elem = this.elem ; + elem.addEventListener(type, fn) ; +} + +var div1 = new Elem('div1'); +//console.log(div1.html()); +div1.html('

tyrmars

+') +div1.on('click',function () { + alert('click') +}) +``` + +### 写一个原型链继承的例子 + +```javascript +//动物 +function Animal(){ + this.eat = function () { + console.log('animal eat'); + } +} +//狗🐶 +function Dog(){ + this.bark = function () { + console.log('dog bark'); + } +} +Dog.prototype = new Animal(); +//哈士奇 +var hashiqi = new Dog(); +//如果要真正写，就要写更贴近实战的原型链 +``` + +* 推荐阮一峰老师👨‍🏫的两篇文章： + +[Javascript 面向对象编程（一）：封装](http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html) + +[Javascript继承机制的设计思想](http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html) + diff --git a/03/new.md b/03/new.md new file mode 100644 index 0000000..6fb3ae3 --- /dev/null +++ b/03/new.md @@ -0,0 +1,60 @@ +# New + +创建一个新对象 + +* this指向这个新对象 +* 执行代码，即对this赋值 +* 返回this 🔙 +* new运算符使用 + +```javascript +function Foo(name,age){ + this.name = name ; + this.age = age ; + //return this //默认有这一行 +} +var f = new Foo('zhangsan',20); +//var f1 = new Foo('list',22) //创建多个对象 +``` + +* 自制new运算符 + +```javascript +var new2 = function (func) { + var o = Object.create(func.prototype); + var k = func.call(o); + if (typeof k === 'object') { + return k + }else{ + return o + } +} + +// 加强版 +function objectFactory() { + let newObject = null; + let constructor = Array.prototype.shift.call(arguments); + let result = null; + // 判断参数是否是一个函数 + if (typeof constructor !== "function") { + console.error("type error"); + return; + } + // 新建一个空对象，对象的原型为构造函数的 prototype 对象 + newObject = Object.create(constructor.prototype); + // 将 this 指向新建对象，并执行函数 + result = constructor.apply(newObject, arguments); + // 判断返回对象 + let flag = result && (typeof result === "object" || typeof result === "function"); + // 判断返回结果 + return flag ? result : newObject; +} + +function new_todo() { + this.name = 'zhang'; +} + +var o6 =new2(new_todo); +console.log(o6) +``` + diff --git a/03/object.create.md b/03/object.create.md new file mode 100644 index 0000000..3b82713 --- /dev/null +++ b/03/object.create.md @@ -0,0 +1,12 @@ +# Object.create + +将传入的对象作为原型 + +```javascript +function create(obj) { + function F() {} + F.prototype = obj + return new F() +} +``` + diff --git a/03/oid/README.md b/03/oid/README.md new file mode 100644 index 0000000..e9a81bc --- /dev/null +++ b/03/oid/README.md @@ -0,0 +1,321 @@ +# 03 JavaScrpit-异步与单线程 + +* [03-01](https://github.com/TYRMars/JSLearn/tree/master/03#03-01) `异步和单线程-什么是异步` +* [03-02](https://github.com/TYRMars/JSLearn/tree/master/03#03-02) `异步和单线程-单线程` +* [03-03](https://github.com/TYRMars/JSLearn/tree/master/03#03-03) `其他知识点-日期和Math` +* [03-04](https://github.com/TYRMars/JSLearn/tree/master/03#03-04) `其他知识点-数组和对象的API` + +## 03-01 +### 异步和单线程-什么是异步 + +* 同步和异步的区别是什么？分别举一个同步和异步的例子 +* 一个关于setTimeout的笔试题 +* 前端使用异步的场景有哪些 + +#### 异步知识点 + +* 什么是异步（对比同步） +* 前端使用异步的场景 +* 异步与单线程 + +#### 什么是异步 + +```JavaScript +console.log(100); // step1 +setTimeout(function () { + console.log(200); // step3 +},1000); +console.log(300); // step2 +``` + +#### 对比同步 + +```JavaScript +console.log(100); +alert(200) // 1秒钟后点击确认 +console.log(300); +``` + +#### 何时需要异步 + +* 在可能发生等待的情况 +* 等待过程中不能像alert一样阻塞程序运行 +* 因此，所有的`所有的等待情况`都需要异步 + +#### 前端使用异步的场景 + +* 定时任务：`setTimeout,setInverval` +* 网络请求：`ajax请求`,`动态加载` + +```JavaScript +//ajax请求 +console.log('start'); +$.get('./data1.json',function (data1) { + console.log(data1); +}) +console.log('end'); +//加载示例 +console.log('start'); +var img = document.createElement('img'); +img.onload = function () { + console.log('loaded'); +} +img.src = '/xxx.png'; +console.log('end'); +``` + +* 事件绑定 + +## 03-02 +### 异步和单线程-单线程 + +```JavaScript +console.log(100); // step1 +setTimeout(function () { + console.log(200); // step3 +}); +console.log(300); // step2 +``` + +* 从上面代码中理解单线程 + * 执行第一行，打印100 + * 执行setTimeout后，传入setTimeout的函数会被暂存起来，不会立即执行（单线程的特点，不能同时干两件事） + * 执行最后一行打印300 + * 待所有程序执行完，处于空闲状态时，会立马看有没有暂存起来的要执行 + * 发现暂存起来的`setTimeout`中的函数无需等待时间，就立即来过来执行 + + +#### 解答：异步与单线程 + +* 同步和异步的区别是什么？分别举一个同步和异步的例子 + * 同步会阻塞代码执行，而异步不会 + * `alert`是同步，`setTimeout`是异步 +* 一个关于setTimeout的笔试题 +* 可以说`setTimeout`是等待页面加载完毕后，在进行加载 + + +```JavaScript +console.log(1); +setTimeout(function () { + console.log(2); +},0) +console.log(3); +setTimeout(function () { + console.log(4); +},1000) +console.log(5); +``` +* 前端使用异步的场景有哪些 + * 定时任务:`setTimeout,setInverval` + * 网络任务:`ajax`请求，动态``加载 + * 事件绑定 + +## 03-03 +### 其他知识点-日期和Math +#### 获取 2017-06-10 格式的日期 + +```JavaScript +Date.now(); // 获取当前时间毫秒数 +var dt = new Date(); +dt.getTime() // 获取毫秒数 +dt.getFullYear() // 年 +dt.getMonth() // 月（0-11） +dt.getDate() // 日（0-31） +dt.getHours() // 小时（0-23） +dt.getMinutes() // 分钟（0-59） +dt.getSeconds() // 秒（0-59） +``` + +#### 获取随机数，要求时长度一致的字符串格式 +* `Math` 获取随机数 `Math.random()` + +## 03-04 +### 其他知识点-数组和对象的API +#### 写一个能遍历对象和数组的通用forEach函数 +##### 数组API +* `forEach` 便利所有元素 + +```JavaScript +var arr = [1,2,3]; +arr.forEach(function (item,index) { + //遍历数组所有元素 + console.log(index,item); +}) +``` + +* `every` 判断所有元素是否都符合条件 + +```JavaScript +var arr = [1,2,3]; +var result = arr.every(function (item,index) { + if (item<4) { + //用于判断所有的数组元素，都满足一个条件 + return true; + } +}) +console.log(result); +``` + +* `some` 判断是否有至少一个元素符合条件 + +```JavaScript +var arr = [1,2,3]; +var result = arr.some(function (item,index) { + // 用来判断所有的数组元素，只要有一个满足条件即可 + if (item<2) { + return true; + } +}) +console.log(result); +``` + +* `sort` 排序 + +```JavaScript +var arr = [1,4,2,3,5] +var arr2 = arr.sort(function (a,b) { + //从小到大排序 + return a - b; + //从大到小排序 + //return b - a +}) +console.log(arr2); +``` + +* `map` 对元素重新组装，生成新数组 + +```JavaScript +var arr = [1,2,3,4] +var arr2 = arr.map(function functionName(item,index) { + //将元素重新组装，并返回 + return '' + item + ''; +}) +console.log(arr2); +``` + +* `filter` 过滤符合条件的元素 + +```JavaScript +var arr = [1,2,3]; +var arr2 = arr.filter(function (item,index) { + //通过某一个条件过滤数组 + if(item >= 2){ + return true; + } +}) +console.log(arr2); +``` + +##### 对象API + +```JavaScript +var obj = { + x: 100, + y: 200, + z: 300 +} +var key +for (key in obj) { + // 注意这里的hasOwnProperty，请查看原型链 + if (obj.hasOwnProperty(key)) { + console.log(key,obj[key]); + } +} +``` + +* 举个例子 + +```html + + + + + Register + + + + + + +``` + +#### 问题解答 +* 获取2017-06-10格式的日期 + +```JavaScript +function formatDate(dt) { + if (!dt) { + dt = new Date(); + } + var year = dt.getFullYear(); + var month = dt.getMonth() + 1; + var date = dt.getDate(); + if (month < 10) { + //强制转换类型 + month = '0' + month; + } + if (date < 10) { + //强制转换类型 + date = '0' + date; + } + //强制转换类型 + return year + '-' + month + '-' + date; +} +var dt = new Date(); +var formatDate = formatDate(dt); +console.log(formatDate); +``` + +* 获取随机数，要求是长度一致的字符串格式 + +```JavaScript +var random = Math.random(); +var random = random + '0000000000'; //后面加上10个0 +var random = random.slice(0,10); +console.log(random); +``` + +* 写一个能遍历对象和数组的通用forEach函数 + +```JavaScript +//do +var arr = [1,2,3]; +//注意，这里的参数的顺序换了，为了和对象的遍历格式一致 +forEach(arr,function (index,item) { + console.log(index.item); +}) + +var obj = {x:100,y:200}; +forEach(obj,function (key,value) { + console.log(key,value); +}) + +//init +function forEach(obj,fn) { + var key; + if (obj instanceof Array) { + //准确判断是不是一个数组 + obj.forEach(function (index.item) { + fn(index,item); + }) + }else { + //不是数组就是对象 + for (key in obj){ + fn(key,obj[key]); + } + } +} +``` diff --git a/03/yuan-xing-lian.md b/03/yuan-xing-lian.md new file mode 100644 index 0000000..e59dce0 --- /dev/null +++ b/03/yuan-xing-lian.md @@ -0,0 +1,25 @@ +# 原型链 + +```javascript +//构造函数 +function Foo(name,age){ + this.name = name; +} +Foo.prototype.alertName = function (){ + alert(this.name); +} +//创建示例 +var f = new Foo('zhangsan'); +f.printName = function () { + console.log(this.name); +} +//测试 +f.printName(); +f.alertName(); +f.toString(); // 要去f.__proto__.__proto__中查找 +``` + +## 原型链视图 + +![](../.gitbook/assets/727989-20161118220935607-577282845.jpg) + diff --git a/04/README.md b/04/README.md new file mode 100644 index 0000000..3280210 --- /dev/null +++ b/04/README.md @@ -0,0 +1,2 @@ +# 04-JavaScrpit-函数表达式与函数式编程 + diff --git a/04/bi-bao.md b/04/bi-bao.md new file mode 100644 index 0000000..77a5c36 --- /dev/null +++ b/04/bi-bao.md @@ -0,0 +1,60 @@ +# 闭包 + +闭包主要就是提升函数中变量的作用域，首先要理解[作用域](../01/zuo-yong-yu.md) + +* 函数作为返回值 + +```javascript +function F1() { + var a = 100; + //返回一个函数（函数作为返回值） + return function () { + console.log(a);//自由变量，父作用域中查找 + } +} +//f1得到一个函数 +var f1 = F1(); +var a = 200; +f1(); +``` + +* 函数作为参数传递 + +```javascript +function F1() { + var a = 100; + return function () { + console.log(a); //自由变量，父作用域中查找 + } +} +var f1 = F1(); +function F2(fn) { + var a = 200; + fn(); +} +F2(f1); +``` + +* 实际开发中闭包的应用，主要作用于封装变量，收敛权限 + +```javascript +//闭包实际应用中主要作用于封装变量，收敛权限 +function isFirstLoad() { + var _list = []; + return function (id) { + if(_list.indexOf(id) >= 0){ + return false; + }else { + _list.push(id); + return true; + } + } +} + +// 应用 +var firstLoad = isFirstLoad() +firstLoad(10) // true +firstLoad(10) // false; +firstLoad(20) // true +``` + diff --git a/04/chun-du-3001-bu-bian-xing-he-geng-gai-zheng-ce.md b/04/chun-du-3001-bu-bian-xing-he-geng-gai-zheng-ce.md new file mode 100644 index 0000000..a56e694 --- /dev/null +++ b/04/chun-du-3001-bu-bian-xing-he-geng-gai-zheng-ce.md @@ -0,0 +1,2 @@ +# 纯度、不变性和更改政策 + diff --git a/04/di-gui.md b/04/di-gui.md new file mode 100644 index 0000000..d896a2c --- /dev/null +++ b/04/di-gui.md @@ -0,0 +1,2 @@ +# 递归 + diff --git a/04/gao-jie-han-shu.md b/04/gao-jie-han-shu.md new file mode 100644 index 0000000..553bf73 --- /dev/null +++ b/04/gao-jie-han-shu.md @@ -0,0 +1,2 @@ +# 高阶函数 + diff --git a/04/han-shu-ji-ben-ying-yong.md b/04/han-shu-ji-ben-ying-yong.md new file mode 100644 index 0000000..a764773 --- /dev/null +++ b/04/han-shu-ji-ben-ying-yong.md @@ -0,0 +1,200 @@ +# 函数基本应用 + +* 函数声明与函数表达式、对象实例化的区别 + +```javascript + add1(1,1); + add2(1,2); + add3(1,3); + function add1(i, j){ + console.log(i+j); + } + var add2 = function(i, j){ + console.log(i+j); + } + var add3 = new Function("i", "j", "console.log(i+j);"); +``` + +* 对象实例化与函数声明与函数表达式的区别 + +```javascript + (function(){ + var i = 10; + function add(j) { + console.log(i+j); + debugger; + } + add(1); + })(); + + (function(){ + var i = 10; + var add = new Function("j", "console.log(i+j);debugger;"); + add(1); + })(); +``` + +* bind的使用 + +```javascript + function Point(x, y){ + this.x = x; + this.y = y; + } + Point.prototype.move = function(x, y) { + this.x += x; + this.y += y; + } + var p = new Point(0,0); + var circle = {x:1, y:1, r:1}; + var circleMove = p.move.bind(circle, 2, 1); + circleMove(); +``` + +* 构造函数 + +```javascript + function Car(type,color){ + this.type = type; + this.color = color; + this.status = "stop"; + this.light = "off"; + } + Car.prototype.start = function(){ + this.status = "driving"; + this.light = "on"; + console.log(this.type + " is " + this.status); + } + Car.prototype.stop = function(){ + this.status = "stop"; + this.light = "off"; + console.log(this.type + " is " + this.status); + } + var audi = new Car("audi", "silver"); + var benz = new Car("benz", "black"); + var ferrari = new Car("ferrari", "yellow"); +``` + +* 函数调用模式 + +```javascript + function add(i, j){ + return i+j; + } + var myNumber = { + value: 1, + double: function(){ + var helper = function(){ + this.value = add(this.value,this.value); + } + helper(); + } + } +``` + +* arguments转数组 + +```javascript + function add(i, j) { + var args = Array.prototype.slice.apply(arguments); + args.forEach(function(item){ + console.log(item); + }) + } + add(1,2,3); +``` + +* arguments.callee使用 + +```javascript + console.log( + (function(i){ + if (i==0) { + return 1; + } + return i * arguments.callee(i-1); + })(5) + ); +``` + +* 递归 + +```javascript + function factorial(i){ + if (i==0) { + return 1; + } + return i*factorial(i-1); + } +``` + +* 普通递归函数跟记忆函数调用次数对比 + +```javascript + var factorial = (function(){ + var count = 0; + var fac = function(i){ + count++; + if (i==0) { + console.log('调用次数：' + count); + return 1; + } + return i*factorial(i-1); + } + return fac; + })(); + for(var i=0;i<=10;i++){ + console.log(factorial(i)); + } + +//记忆函数 + var factorial = (function(){ + var memo = [1]; + var count = 0; + var fac = function(i){ + count++; + var result = memo[i]; + if(typeof result === 'number'){ + console.log('调用次数：' + count); + return result; + } + result = i*fac(i-1); + memo[i] = result; + return result; + } + return fac; + })(); + for(var i=0;i<=10;i++){ + console.log(factorial(i)); + } +``` + +* curry 函数柯里化 + * 把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术 + +```javascript + function add(value){ + var helper = function(next){ + value = typeof(value)==="undefined"?next:value+next; + return helper; + } + helper.valueOf = function(){ + return value; + } + return helper + } +``` + +* 定时器 + +```javascript +function set_loop() { + var i =1; + setTimeout(function () { + i = i + 1; + console.log(i); + set_loop() + },5000); +} +``` + diff --git a/04/ji-yu-liu-de-bian-cheng.md b/04/ji-yu-liu-de-bian-cheng.md new file mode 100644 index 0000000..100f400 --- /dev/null +++ b/04/ji-yu-liu-de-bian-cheng.md @@ -0,0 +1,2 @@ +# 基于流的编程 + diff --git a/04/jian-tou-han-shu.md b/04/jian-tou-han-shu.md new file mode 100644 index 0000000..850e098 --- /dev/null +++ b/04/jian-tou-han-shu.md @@ -0,0 +1,2 @@ +# 箭头函数 + diff --git a/04/this.md b/04/this.md new file mode 100644 index 0000000..d23018b --- /dev/null +++ b/04/this.md @@ -0,0 +1,96 @@ +# this + +* this 要在执行时才能确认值，定义时无法确认值 + +```javascript +var a = { + name:'A', + fn:function(){ + console.log(this.name); + } +} +a.fn() //this === A +a.fn.call({name:'B'}) //this === {name:'B'} +var fn1 = a.fn; +fn1() //this === window +``` + +* 作为构造函数执行 +* 作为对象属性执行 +* 作为普通函数执行 +* call apply bind + +```javascript +function Foo(name){ + this.name = name; +} +var f = new Foo('zhangsan'); + +var obj = { + name:'A', + printName:function(){ + console.log(this.name); + } +} +obj.printName() + +function fn(){ + console.log(this); +} +fn() + +// call apply bind +function fn1(name) { + alert(name); + console.log(this); +} +fn1.call({x:100},'zhangsan',20); +// bind +var fn2 = function fn2(name) { + alert(name); + console.log(this); +}.bind({y:200}); +fn2('zhangsan',20); +``` + +## this几种不停的使用场景 + +* 作为构造函数执行 +* 作为对象属性执行 +* 作为普通函数执行 +* call apply bind + +```text +function Foo(name){ + this.name = name; +} +var f = new Foo('zhangsan'); + +var obj = { + name:'A', + printName:function(){ + console.log(this.name); + } +} + +obj.printName() + +function fn(){ + console.log(this); +} +fn() + +// call apply bind +function fn1(name) { + alert(name); + console.log(this); +} +fn1.call({x:100},'zhangsan',20); +// bind +var fn2 = function fn2(name) { + alert(name); + console.log(this); +}.bind({y:200}); +fn2('zhangsan',20); +``` + diff --git a/04/wu-lei-bian-cheng.md b/04/wu-lei-bian-cheng.md new file mode 100644 index 0000000..73e3510 --- /dev/null +++ b/04/wu-lei-bian-cheng.md @@ -0,0 +1,2 @@ +# 无类编程 + diff --git a/04/you-han-shu-gou-jian-han-shu.md b/04/you-han-shu-gou-jian-han-shu.md new file mode 100644 index 0000000..ab245da --- /dev/null +++ b/04/you-han-shu-gou-jian-han-shu.md @@ -0,0 +1,2 @@ +# 由函数构建函数 + diff --git a/05/README.md b/05/README.md new file mode 100644 index 0000000..7046bc5 --- /dev/null +++ b/05/README.md @@ -0,0 +1,86 @@ +# 05-JavaScrpit-BOM + +## 从基础知识到JS-Web-API + +* 变量类型和计算 +* 原型和原型链 +* 闭包和作用域 +* 异步和单线程 +* 其他（如日期、Math、各种常用API） + +### 特点 + +* 特点：表面上来看不能用于工作中开发代码 +* 内置函数：`Object Array Boolean String ......` +* 内置对象：`Math JSON ...` +* 我们连在网页弹出一句`Hello World`都不能实现 + +### JS-Web-API + +* JS基础知识：ECMA 262标准 +* JS-Web-API：W3C标准 +* W3C标准中关于JS的规定有： + * DOM操作 + * BOM操作 + * 事件绑定 + * ajax请求$包含http协议$ + * 存储 + +### 基本操作 + +* 页面弹框是`windows.alert(123)`，浏览器需要做： + * 定义一个`windows`全局变量，对象类型； + * 给它定义一个`alert`属性，属性值是一个函数； +* 获取元素document.getElementById$id$,浏览器需要： + * 定义一个document全局变量，对象属性； + * 给它定义一个getElementById的属性，属性值是一个函数； +* W3C标准没有规定任何JS基础相关的东西； +* 不管什么变量类型、原型、作用域和异步 +* 只管定义用于浏览器中JS操作页面的API和全局变量 +* 全面考虑，JS内置的全局函数和对象有哪些？ +* 之前ECMA的 +* 比如 window document +* 所有未定义的全局变量，如`navigator.userAgent` + +### 总结 + +* 常说的JS$浏览器执行的JS$包含两个部分： +* JS基础知识$ECMA262标准$； +* JS-Web-API$W3C标准$； + +## BOM操作 + +* Browser Object Model + + **如何监测浏览器的类型** + + **拆解url的各部分** + + **知识点** + +* `navigator & screen` + +```javascript +//navigator +var ua = navigator.userAgent; +var isChrome = ua.indexOf('Chrome'); +console.log(isChrome); +//screen +console.log(screen.width); +console.log(screen.height); +``` + +* `location & history` + +```javascript +//location +console.log(location.href); +console.log(location.protocel); +console.log(location.pathname); +console.log(location.search); +console.log(location.hash); +//history +history.back(); +history.forward(); +``` + diff --git a/05/historydui-xiang.md b/05/historydui-xiang.md new file mode 100644 index 0000000..259362f --- /dev/null +++ b/05/historydui-xiang.md @@ -0,0 +1,2 @@ +# history对象 + diff --git a/05/img/event_all.jpg b/05/img/event_all.jpg new file mode 100644 index 0000000..df0fa3f Binary files /dev/null and b/05/img/event_all.jpg differ diff --git a/05/locationdui-xiang.md b/05/locationdui-xiang.md new file mode 100644 index 0000000..7f509eb --- /dev/null +++ b/05/locationdui-xiang.md @@ -0,0 +1,2 @@ +# location对象 + diff --git a/05/navigatordui-xiang.md b/05/navigatordui-xiang.md new file mode 100644 index 0000000..14393e1 --- /dev/null +++ b/05/navigatordui-xiang.md @@ -0,0 +1,2 @@ +# navigator对象 + diff --git a/05/screendui-xiang.md b/05/screendui-xiang.md new file mode 100644 index 0000000..24f9caf --- /dev/null +++ b/05/screendui-xiang.md @@ -0,0 +1,2 @@ +# screen对象 + diff --git a/05/windowdui-xiang.md b/05/windowdui-xiang.md new file mode 100644 index 0000000..0cda2f0 --- /dev/null +++ b/05/windowdui-xiang.md @@ -0,0 +1,2 @@ +# window对象 + diff --git a/06/README.md b/06/README.md new file mode 100644 index 0000000..7868075 --- /dev/null +++ b/06/README.md @@ -0,0 +1,60 @@ +# 06-JavaScript-DOM + +## DOM操作 + +* Document Object Model +* DOM是哪种基本的数据结构 +* DOM操作的常用API有哪些 +* DOM节点的attr和property有和区别 + +### DOM的本质 + +* XML + +```markup + + + Tove + Jani + Reminder + Dont forget me this weekend + + + + + +``` + +* HTML + +```markup + + + + + Document + + +

this is p

+ + +``` + +## DOM知识解答 + +* DOM是哪种基本的数据结构? + * 树 +* DOM操作的常用API有哪些 + * 获取DOM节点，以及节点的`property`和`Attribute` + * 获取父节点，获取子节点 + * 新增节点，删除节点 +* `DOM节点`的`Attribute`和`property`有何区别 + * `property`只是一个`JS对象`的属性的修改 + * `Attribute`是对`html标签`属性的修改 +* 重点总结 + * DOM本质 + * DOM节点的操作 + * DOM结构操作 + diff --git a/06/domjie-dian-cao-zuo.md b/06/domjie-dian-cao-zuo.md new file mode 100644 index 0000000..0534fd1 --- /dev/null +++ b/06/domjie-dian-cao-zuo.md @@ -0,0 +1,45 @@ +# DOM节点操作 + +## DOM节点操作 + +* 获取DOM节点 +* prototype,获取JS对象上的属性 +* Attribute,获取DOM标签上的属性 + +## 获取DOM节点 + +```javascript +var div1 = document.getElementById('div1'); //元素 +var divList = document.getElementByTagName('div'); //集合 +console.log(divList.length); +console.log(divList[0]); +var containerList = document.getElementByClassName('.container'); //集合 +var pList = document.querySelectorAll('p'); //集合 +``` + +### property + +```javascript +var pList = document.querySelectorAll('p'); +var p = pList[0]; +console.log(p.style.width); // 获取样式 +p.style.width = '100px' // 修改样式 +console.log(p.className);//获取class +p.className = 'p1' //修改class + +// 获取 nodeName 和 ndoeType +console.log(p.nodeName); +console.log(p.nodeType); +``` + +### Attribute + +```javascript +var pList = document.querySelectorAll('p'); +var p = pList[0]; +p.getAttribute('data-name'); +p.getAttribute('data-name','imooc'); +p.getAttribute('style'); +p.setAttribute('style','font-size:30px;'); +``` + diff --git a/Example/demo1.html b/06/domjie-gou-cao-zuo.md similarity index 54% rename from Example/demo1.html rename to 06/domjie-gou-cao-zuo.md index ee5b420..3c10bd3 100644 --- a/Example/demo1.html +++ b/06/domjie-gou-cao-zuo.md @@ -1,3 +1,36 @@ +# DOM结构操作 + +* 新增节点 + +```javascript +var div1 = document.getElementById('div1'); +//添加新节点 +var p1 = document.createElement('p'); +p1.innerHTML = 'this is p1'; +div1.appendChild(p1); //添加新创建的元素 +//移除已有节点 +var p2 = document.getElementById('p2'); +div1.appendChild(p2); +``` + +* 获取父元素-获取子节点 + +```javascript +var div1 = document.getElementById('div1'); +var parent = div1.parentElement; +``` + +* 删除节点 + +```javascript +var div1 = document.getElementById('div1'); +var child = div1.childNodes; +div1.removeChild(child[0]); +``` + +## 举个栗子$例子：example$！！！ + +```markup @@ -29,3 +62,5 @@ +``` + diff --git a/07/README.md b/07/README.md new file mode 100644 index 0000000..d3b2fd8 --- /dev/null +++ b/07/README.md @@ -0,0 +1,123 @@ +# 07-JavaScrpit-事件 + +## 07-JavaScrpit-事件 + +### DOM事件介绍 + +* 点击一个DOM元素 +* 键盘按一下一个键 +* 输入框输入内容 +* 页面加载完成 + +## 编写一个通用的事件监听函数 + +#### 描述事件冒泡流程 + +* DOM树形结构 +* 事件冒泡 +* 阻止冒泡 +* 冒泡的应用 + +#### 对于一个无限下拉加载图片的页面，如何给每个图片绑定事件 + +* 使用代理 +* 知道代理的有点 + +**通用事件绑定** + +```javascript +var btn = document.getElementById('btn1'); +btn.addEventListener('click',function (event) { + console.log('clicked'); +}) + +function bindEvent(elem,type,fn) { + elem.addEventListener(type,fn); +} +var a = document.getElementById('link1') +bindEvent(a,'click',function(e){ + e.preventDefault(); //阻止默认行为 + alert('clicked'); +}); +``` + +#### 事件冒泡 + +```markup + +

激活

取消

+ +``` + +```javascript +var p1 = document.getElementById('p1'); +var body = document.body; +bindEvent(p1,'click',function (e) { + e.stopPropatation(); + alert('激活'); +}); +bindEvent(body,'click',function(e){ + alert('取消'); +}) +``` + +#### 代理 + +```markup +

+ a1 + a2 + a3 + a4 + +

+``` + +```javascript +var div1 = document.getElementById('div1'); +div1.addEventListener('click',function (e) { + var target = e.target; + if (target.nodeName === 'A') { + alert(target.innerHTML); + } +}) +``` + +#### 完善通用绑定事件的函数 + +```javascript +//使用代理 +var div1 = document.getElementById('div1'); +bindEvent(div1,'click','a',function (e) { + console.log(this.innerHTML); +}) +``` + +```javascript +function bindEvent(elem,type,selector,fn) { + if (fn == null) { + fn = selector; + } + elem.addEventListener(type,function (e) { + var target; + if (selector) { + target = e.target; + if (target.matches(selector)) { + fn.call(target,e); + } + }else { + fn(e); + } + }) +} +``` + diff --git a/07/shi-jian-dui-xiang.md b/07/shi-jian-dui-xiang.md new file mode 100644 index 0000000..e450282 --- /dev/null +++ b/07/shi-jian-dui-xiang.md @@ -0,0 +1,46 @@ +# 事件对象 + +## 事件对象 + +```javascript +var elem = document.getElementById('div1'); +var clickHandler = function(event){ + // TO DO +} +elem.addEventListener('click',clickHandler,false); +``` + +## `event对象包含很多信息` + +```javascript +var elem = document.getElementById('div1'); +var clickHandler = function event() { + event = event || window.event; +} +addEvent(elem,'click',clickHandler,false); +``` + +## 事件对象 + +* 属性 + * type + * target$`srcElement`IE$`事件触发节点` + * currentTarget`父节点事件` \| `事件代理` +* 方法 + * stopPropagation `阻止冒泡` + * preventDefault `阻止默认事件` + * stopImmediatePropagation `阻止冒泡` + +### 阻止事件传播 + +* `event.stopPropagation()` $W3C$ + * 阻止事件传播到父节点 + * `event.cancelBubble=true` $IE$ + * `stopImmediatePropagation (W3C)` 并且阻止当前节点的后续事件 + +### 阻止默认行为 + +* `event.preventDefault() (W3C)` + * 阻止默认行为 + * `Event.returnValue = false`$IE$ + diff --git a/07/shi-jian-fen-lei.md b/07/shi-jian-fen-lei.md new file mode 100644 index 0000000..ffebfd1 --- /dev/null +++ b/07/shi-jian-fen-lei.md @@ -0,0 +1,24 @@ +# 事件分类 + +* Event : load\|unload\|error\|select\|abort +* UIEvent : resize\|scroll +* FoucusEvent : blur\|focus\|focusin\|focusout +* InputEvent : beforeinput\|input +* KeyboardEvent : keydown\|keyup +* MouseEvent : click\|dbclick\|mousedown\|mouseenter\|mouseleave\|mousemove\|mouseout\|mouseover\|mouseup +* WheelEvent : wheel + +![](../.gitbook/assets/event_all.jpg) + +## Event + +| 事件类型 | 是否冒泡 | 元素 | 默认事件 | 元素例子 | +| :--- | :--- | :--- | :--- | :--- | +| load | NO | Window,Document,Element | None | window,image,iframe | +| unload | NO | Window,Document,Element | None | window | +| error | NO | Window,Document | None | window,image | +| select | NO | Element | None | input,textarea | +| abort | NO | Window,Element | None | window,image | + +## 未完待续。。。 + diff --git a/Example/captrue.html b/07/shi-jian-liu.md similarity index 58% rename from Example/captrue.html rename to 07/shi-jian-liu.md index b2cfe04..b8014e0 100644 --- a/Example/captrue.html +++ b/07/shi-jian-liu.md @@ -1,3 +1,19 @@ +# 事件流 + +* 三个过程: + * 从window对象向下到触发元素的父级元素是捕获过程; + * 然后触发相应事件 + * 从当前触发事件的节点的父节点开始向上冒泡，冒泡到顶层的window对象 + +![](../.gitbook/assets/屏幕快照%202017-12-07%20下午4.28.13.png) + +1. capture phase 捕获过程 +2. target phase 触发过程 +3. bubble phase 冒泡过程 + +## 冒泡与捕获 + +```markup @@ -33,28 +49,9 @@ },true); ev.addEventListener('click',function () { console.log('ev click'); - },true); - window.addEventListener('click',function () { - console.log("window click"); - }); - document.addEventListener('click',function () { - console.log('document click'); - }); - document.documentElement.addEventListener('click',function () { - console.log('html click'); - }); - document.body.addEventListener("click",function () { - console.log('body click'); - }); - ev.addEventListener('click',function () { - console.log('ev click'); - }); - - var eve = new Event('test'); - ev.addEventListener('test'.function () { - console.log('test'); - }); - ev.dispatchEvent(eve); + }) +``` + diff --git a/07/shi-jian-zhu-ce-yu-hong-fa.md b/07/shi-jian-zhu-ce-yu-hong-fa.md new file mode 100644 index 0000000..41043d7 --- /dev/null +++ b/07/shi-jian-zhu-ce-yu-hong-fa.md @@ -0,0 +1,64 @@ +# 事件注册与触发 + +## 事件注册与触发 + +* 事件注册 +* 取消事件注册 +* 事件触发 + +#### eventTarget + +## 事件注册 + +`eventTarget.addEventListener(type,listener,[useCapture])` + +```javascript +var elem = document.getElementById('div1'); +var clickHandler = function(event){ + // TO DO +} +elem.addEventListener('click',clickHandler,false); +``` + +## 取消事件注册 + +`eventTarget.removeEventListener(type,listener,[useCapture])` + +```javascript +elem.removeEventListener('click',clickHandler,false); +elem.onclick=null; +``` + +## 事件触发 + +`eventTarget.dispatchEvent(type)` + +### 浏览器兼容 + +* 关于IE低版本的兼容性 + * IE低版本使用attachEvent绑定事件，和W3C标准不一样 +* 事件注册与取消 + * attachEvent/detachEvent +* 事件触发 + * fireEvent$e$ +* no capture + +#### 事件兼容处理$W3C和IE低版本$ + +```javascript +var addEvent = document.addEventListener ? + function functionName(elem,type,listener,useCapture) { + elem.addEventListener(type,listener,useCapture); + }: + function functionName(elem,type,listener,useCapture) { + elem.attachEvent('on' + type, listener); + }; +var delEvent = document.removeEventListener ? + function functionName(elem,type,listener,useCapture) { + elem.removeEventListener(type,listener,useCapture); + }: + function functionName() { + elem.detachEvent('on' + type, listener); + }; +``` + diff --git a/08/README.md b/08/README.md new file mode 100644 index 0000000..f6497c8 --- /dev/null +++ b/08/README.md @@ -0,0 +1,2 @@ +# 08-JavaScrpit-算法应用 + diff --git "a/08/code/\345\275\222\345\271\266\346\216\222\345\272\217.html" "b/08/code/\345\275\222\345\271\266\346\216\222\345\272\217.html" new file mode 100644 index 0000000..a90b129 --- /dev/null +++ "b/08/code/\345\275\222\345\271\266\346\216\222\345\272\217.html" @@ -0,0 +1,50 @@ + + + + + 归并排序 + + + + + + diff --git a/08/ji-ben-pai-xu-suan-fa.md b/08/ji-ben-pai-xu-suan-fa.md new file mode 100644 index 0000000..199649b --- /dev/null +++ b/08/ji-ben-pai-xu-suan-fa.md @@ -0,0 +1,94 @@ +### JavaScript算法测试函数 + +* SetData函数生成了存储在数组中的随机数字。Math类的random函数会生成\[0,1\)区间内的随机数字。换句话说，random函数生成的随机数字大于等于0，但不会等于1。最后在用Math类的floor函数确定最终结果。 +* 如下这个公式可以成功生成1~100的随机数字集合。 + +```js +function CArray(numElements) { + this.dataStore = []; + this.pos = 0; + this.numElements = numElements; + this.insert = insert; + this.toString = toString; + this.clear = clear; + this.setData = setData; + this.swap = swap; + for (var i = 0; i < numElements; ++i) { + this.dataStore[i] = i; + } +} +//数据输出 +function setData() { + for (var i = 0; i +< + this.numElements; ++i) { + this.dataStore[i] = Math.floor(Math.random() * (this.numElements + 1));//生成随机数组 + } +} + +function clear() { + for (var i = 0; i +< + this.dataStore.length; ++i) { + this.dataStore[i] = 0; + } +} + +function insert(element) { + this.dataStore[this.pos++] = element; +} + +function toString() { + var restr = ""; + for (var i = 0; i < this.dataStore.length; ++i) { + restr += this.dataStore[i] + " "; + if (i > 0 & i % 10 == 0) { + restr += "\n"; + } + } + return restr; +} + +function swap(arr,index1,index2) { + var temp = arr[index1]; + arr[index1] = arr[index2]; + arr[index2] = temp; +} + +//测试 +var numElements = 100; +var myNums = new CArray(numElements); +myNums.setData(); +console.log(myNums.toString()); +``` + +#### 名词解释： + +* n: 数据规模 +* k:“桶”的个数 +* In-place: 占用常数内存，不占用额外内存 +* Out-place: 占用额外内存 +* 稳定性：排序后2个相等键值的顺序和排序之前它们的顺序相同 + +##### 用一个`for`遍历数组排序 + +```js +var a = [12,13,65,54,86,21,37,1,95,4]; +var l = a.length; +console.log(a); +for (var i = 0; i < l; i++) { + if (a[i] > a[i + 1]) { + var temp = a[i]; + a[i] = a[i + 1]; + a[i + 1] = temp; + } + if (i == l-1) { + i = -1; + l--; + } +} +console.log(a); +``` + + + diff --git a/08/ji-ben-pai-xu-suan-fa/README.md b/08/ji-ben-pai-xu-suan-fa/README.md new file mode 100644 index 0000000..494c248 --- /dev/null +++ b/08/ji-ben-pai-xu-suan-fa/README.md @@ -0,0 +1,92 @@ +# 基本排序算法 + +* SetData函数生成了存储在数组中的随机数字。Math类的random函数会生成\[0,1\)区间内的随机数字。换句话说，random函数生成的随机数字大于等于0，但不会等于1。最后在用Math类的floor函数确定最终结果。 +* 如下这个公式可以成功生成1~100的随机数字集合。 + +```javascript +function CArray(numElements) { + this.dataStore = []; + this.pos = 0; + this.numElements = numElements; + this.insert = insert; + this.toString = toString; + this.clear = clear; + this.setData = setData; + this.swap = swap; + for (var i = 0; i < numElements; ++i) { + this.dataStore[i] = i; + } +} +//数据输出 +function setData() { + for (var i = 0; i +< + this.numElements; ++i) { + this.dataStore[i] = Math.floor(Math.random() * (this.numElements + 1));//生成随机数组 + } +} + +function clear() { + for (var i = 0; i +< + this.dataStore.length; ++i) { + this.dataStore[i] = 0; + } +} + +function insert(element) { + this.dataStore[this.pos++] = element; +} + +function toString() { + var restr = ""; + for (var i = 0; i < this.dataStore.length; ++i) { + restr += this.dataStore[i] + " "; + if (i > 0 & i % 10 == 0) { + restr += "\n"; + } + } + return restr; +} + +function swap(arr,index1,index2) { + var temp = arr[index1]; + arr[index1] = arr[index2]; + arr[index2] = temp; +} + +//测试 +var numElements = 100; +var myNums = new CArray(numElements); +myNums.setData(); +console.log(myNums.toString()); +``` + +## 名词解释： + +* n: 数据规模 +* k:“桶”的个数 +* In-place: 占用常数内存，不占用额外内存 +* Out-place: 占用额外内存 +* 稳定性：排序后2个相等键值的顺序和排序之前它们的顺序相同 + +### 用一个`for`遍历数组排序 + +```javascript +var a = [12,13,65,54,86,21,37,1,95,4]; +var l = a.length; +console.log(a); +for (var i = 0; i < l; i++) { + if (a[i] > a[i + 1]) { + var temp = a[i]; + a[i] = a[i + 1]; + a[i + 1] = temp; + } + if (i == l-1) { + i = -1; + l--; + } +} +console.log(a); +``` + diff --git a/08/ji-ben-pai-xu-suan-fa/cha-ru-pai-xu.md b/08/ji-ben-pai-xu-suan-fa/cha-ru-pai-xu.md new file mode 100644 index 0000000..0678522 --- /dev/null +++ b/08/ji-ben-pai-xu-suan-fa/cha-ru-pai-xu.md @@ -0,0 +1,22 @@ +# 插入排序 + +* 插入排序 +* 插入排序有两个循环，外循环将数组元素挨个移动，而内循环则对外循环中选中的元素及它后面的那个元素进行比较。如果外循环中选中的元素比内循环中选中的元素小，那么数组会向右移动，为内循环中的这个元素腾出位置。 + +![](http://www.2cto.com/uploadfile/Collfiles/20160918/20160918092144589.gif) + +```javascript +function insertionSort() { + var temp,inner; + for (var outer = 1; outer <= this.dataStore.length - 1 ; ++outer) { + temp = this.dataStore[outer]; + inner = outer; + while (inner>0 &&(this.dataStore[inner-1] >= temp)) { + this.dataStore[inner] = this.dataStore[inner - 1]; + --inner; + } + this.dataStore[inner] = temp; + } +} +``` + diff --git a/08/ji-ben-pai-xu-suan-fa/gui-bing-pai-xu.md b/08/ji-ben-pai-xu-suan-fa/gui-bing-pai-xu.md new file mode 100644 index 0000000..6ac0a05 --- /dev/null +++ b/08/ji-ben-pai-xu-suan-fa/gui-bing-pai-xu.md @@ -0,0 +1,60 @@ +# 归并排序 + +![](http://www.2cto.com/uploadfile/Collfiles/20160918/20160918092144591.gif) + +* 归并排序 +* 归并排序是建立在归并操作上的一种有效的排序算法。该算法是分治法的一个非常典型的应用。归并排是一种稳定的排序方法。将已有序列的子序列合并 +* .把长度为n的输入序列分成两个长度为n/2的子序列； +* .对这两个子序列分别采用归并排序； +* .将两个排序好的子序列合并成一个最终的排序序列。 + +```javascript +function mergeSort(arr) { //采用自上而下的递归方法 + var len = arr.length; + if(len <2) { + return arr; + } + var middle = Math.floor(len / 2), + left = arr.slice(0, middle), + right = arr.slice(middle); + return merge(mergeSort(left), mergeSort(right)); +} + +function merge(left, right){ + var result = []; + console.time('归并排序耗时'); + while (left.length && right.length) { + if (left[0] <= right[0]) { + result.push(left.shift()); + } else { + result.push(right.shift()); + } + } + + while (left.length) + result.push(left.shift()); + + while (right.length) + result.push(right.shift()); + console.timeEnd('归并排序耗时'); + return result; +} +var arr=[3,44,38,5,47,15,36,26,27,2,46,4,19,50,48]; +console.log(mergeSort(arr)); +// 归并排序耗时: 0.009033203125ms +// 归并排序耗时: 0.0048828125ms +// 归并排序耗时: 0.004150390625ms +// 归并排序耗时: 0.002197265625ms +// 归并排序耗时: 0.0048828125ms +// 归并排序耗时: 0.0029296875ms +// 归并排序耗时: 0.0009765625ms +// 归并排序耗时: 0.000732421875ms +// 归并排序耗时: 0.003173828125ms +// 归并排序耗时: 0.003173828125ms +// 归并排序耗时: 0.001220703125ms +// 归并排序耗时: 0.002197265625ms +// 归并排序耗时: 0.0029296875ms +// 归并排序耗时: 0.002685546875ms +//[2, 3, 4, 5, 15, 19, 26, 27, 36, 38, 44, 46, 47, 48, 50] +``` + diff --git a/08/ji-ben-pai-xu-suan-fa/kuai-su-pai-xu.md b/08/ji-ben-pai-xu-suan-fa/kuai-su-pai-xu.md new file mode 100644 index 0000000..c228c63 --- /dev/null +++ b/08/ji-ben-pai-xu-suan-fa/kuai-su-pai-xu.md @@ -0,0 +1,33 @@ +# 快速排序 + +* 快速排序是处理大数据集最快的排序算法之一。它是一种分而治之的算法，通过递归的方式将数据依次分解为包含较小元素和较大元素的不同子序列。该算法不断重复这个步骤直到所有数据都是有序的。 +* 这个算法首先要在列表中选择一个元素作为基准值$pivot$。数据排序围绕基准值进行，将列表中小于基准值的元素移到数组的底部，将大于基准值的元素移到数组的顶部。 + +## 快速排序的算法和伪代码 + +* 算法： + * （1）选择一个基准元素，将列表分隔成两个子序列； + * （2）对列表重新排序，将所有小于基准值的元素放在基准值的前面，所有大于基准值的元素放在基准值的后面 + * （3）分别对较小元素的子序列和较大元素的子序列重复步骤1和2。 +* 代码如下 + +```javascript +function qSort(list) { + if (list.length == 0) { + return []; + } + var lesser = []; + var greater = []; + var pivot = list[0]; + for (var i = 1; i < + list.length; i++) { + if (list[i]= 2; --outer) {//对元素遍历，直到最后剩2个数字 + for (var inner = 0; inner <= outer - 1; ++inner ) {//从第零个开始，直到不满足 + if (this.dataStore[inner] > this.dataStore[inner + 1]) {//如果,前一个大于后一个， + swap(this.dataStore,inner,inner + 1);//进行交换 + } + } + } +}//通过比较把最大的放到最右面 +``` + +* 使用bubbleSort对10个数字排序 + +```javascript +var numElements = 10; +var mynums = new CArray(numElements); +mynums.setData(); +console.log(mynums.toString()); +mynums.bubbleSort(); +console.log(mynums.toString); +``` + diff --git a/08/ji-ben-pai-xu-suan-fa/xi-er-pai-xu.md b/08/ji-ben-pai-xu-suan-fa/xi-er-pai-xu.md new file mode 100644 index 0000000..5d9668e --- /dev/null +++ b/08/ji-ben-pai-xu-suan-fa/xi-er-pai-xu.md @@ -0,0 +1,31 @@ +# 希尔排序 + +* 希尔排序 +* 这个算法在插入排序的基础上作出了很大的改善。希尔排序的核心理念与插入排序不同，它会首先比较距离较远的元素，而非相邻的元素。和简单的比较相邻元素相比，使用这种方案可以使离正确位置很远的元素更快回到适合的位置。当开始用这个算法遍历数据集时，所有元素之间的距离会不断减小，直到处理到数据集的末尾，这时算法比较的就是相邻元素了。 +* 主要是通过遍历数组中相隔相同位置的元素去比较大小进行排列 + +```javascript +function shellsort() { + for (var g = 0; i < + this.gaps.length; ++g) { + for (var i = 0; i < this.dataStore.length; ++i) { + var temp = this.dataStore[i]; + for (var j = i; j >= this.gaps[g] && this.dataStore[j-this.gaps[g]] > temp; j -= this.gaps[g]) { + this.dataStore[j] = this.dataStore[j-this.gaps[g]]; + } + this.dataStore[j] = temp; + } + } +} +``` + +* CArray构造函数中添加 + +```javascript +this.gaps = [5,3,1]; +//并添加一个函数 +function setGap(arr) { + this.gaps = arr ; +} +``` + diff --git a/08/ji-ben-pai-xu-suan-fa/xuan-ze-pai-xu.md b/08/ji-ben-pai-xu-suan-fa/xuan-ze-pai-xu.md new file mode 100644 index 0000000..0fb49d4 --- /dev/null +++ b/08/ji-ben-pai-xu-suan-fa/xuan-ze-pai-xu.md @@ -0,0 +1,26 @@ +# 选择排序 + +* 选择排序 +* 选择排序从数组的开头开始，将第一个元素和其他元素进行比较。检查完所有元素后，最小的元素会被放到数组的第一个位置，然后算法会从第二个位置继续。这个过程一直进行，当进行到数组的倒数第二个位置时，所有的数据便完成了排序。 +* 选择排序会用到嵌套循环。外循环从数组的第一个元素一定到倒数第二个元素；内循环从第二个数组元素移动到最后一个元素，查找比当前外循环 + +![](http://www.2cto.com/uploadfile/Collfiles/20160918/20160918092144584.gif) + +```javascript +function selectionSort() { + var min,temp; + for (var outer = 0; outer <= this.dataStore.length-2; ++outer){//循环 + min = outer;//定义第一个为最小 + for (var inner = outer + 1; i { + // ?做一些异步操作，最终会调用下面两者之一: + // + // resolve(someValue); // fulfilled + // ?或 + // reject("failure reason"); // rejected +}); +``` + +{% hint style="info" %} + promise.finally 要注意浏览器兼容性 +{% endhint %} + +## Promise实现 + +{% code title="promise" %} +```javascript +// 基本状态 + + +class MyPromise(fn) { + static PENGDING = 'pending'; + static RESOLVED = 'resolved'; // fulfilled + static REJECTED = 'rejected'; + + constructor(callBackFun) { + this. + } +} +``` +{% endcode %} + diff --git a/09/xmlhttprequest.md b/09/xmlhttprequest.md new file mode 100644 index 0000000..e69de29 diff --git a/10/README.md b/10/README.md new file mode 100644 index 0000000..c2a759f --- /dev/null +++ b/10/README.md @@ -0,0 +1,2 @@ +# 10-JavaScrpit-跨域 + diff --git a/10/kua-yu-fang-fa.md b/10/kua-yu-fang-fa.md new file mode 100644 index 0000000..e69de29 diff --git a/10/kua-yu-fang-fa/README.md b/10/kua-yu-fang-fa/README.md new file mode 100644 index 0000000..1b7e827 --- /dev/null +++ b/10/kua-yu-fang-fa/README.md @@ -0,0 +1,2 @@ +# 跨域方法 + diff --git a/10/kua-yu-fang-fa/cors.md b/10/kua-yu-fang-fa/cors.md new file mode 100644 index 0000000..37ec7bf --- /dev/null +++ b/10/kua-yu-fang-fa/cors.md @@ -0,0 +1,2 @@ +# CORS + diff --git a/10/kua-yu-fang-fa/hash.md b/10/kua-yu-fang-fa/hash.md new file mode 100644 index 0000000..4f46dfe --- /dev/null +++ b/10/kua-yu-fang-fa/hash.md @@ -0,0 +1,2 @@ +# Hash + diff --git a/10/kua-yu-fang-fa/jsonp.md b/10/kua-yu-fang-fa/jsonp.md new file mode 100644 index 0000000..6e1be72 --- /dev/null +++ b/10/kua-yu-fang-fa/jsonp.md @@ -0,0 +1,60 @@ +# JSONP + +我理解的JSONP的方式就是，通过JS代码，动态创建一个Script标签，通过标签的src的网址里面包含一个JSONP属性，后端接收到后返回一个url中jsonp=参数，这样一个参数$包含一个json$，通过执行这个参数命名的函数来实现跨域。 + +以下是JS中的代码 + +```javascript +var util = {}; + +/*[function 在页面注入脚本]*/ +util.createScript = function(url,charset){ + var script = document.createElement('script'); + script.setAttribute('type','text/javascript'); + charset && script.setAttribute('charset',charset); + script.async = true; + return script; +} + +/*[function jsonp]*/ +util.jsonp =function(url,onsuccess,onerror,charset){ + var callbackName = util.getName('tt_player'); + window[callbackName] = function () { + if(onsuccess && util.isFunction(onsuccess)){ + onsuccess(arguments[0]); + } + }; + var script = util.createScript(url + '&callback=' + callbackName,charset); + script.onload = script.onreadystatechange = function () { + if(!script.readyState || /loaded|complete/.test(script.readyState)){ + script.onload = script.onreadystatechange = null; + //移除该script 的DOM 对象 + if(script.parentNode){ + script.parentNode.removeChild(script); + } + //删除函数或变量 + window[callbackName] = null; + } + }; + script.onerror = function(){ + if(onerror && util.isFunction(onerror)){ + onerror(); + } + }; + document.getElementsByTagName('head')[0].appendChild(script); +} +``` + +通过它可以创建如下 + +```markup + + +``` + diff --git a/10/kua-yu-fang-fa/xdomainrequest.md b/10/kua-yu-fang-fa/xdomainrequest.md new file mode 100644 index 0000000..83deef8 --- /dev/null +++ b/10/kua-yu-fang-fa/xdomainrequest.md @@ -0,0 +1,2 @@ +# XDomainRequest + diff --git a/10/kua-yu.md b/10/kua-yu.md new file mode 100644 index 0000000..7466b22 --- /dev/null +++ b/10/kua-yu.md @@ -0,0 +1,2 @@ +# 跨域 + diff --git a/11/README.md b/11/README.md new file mode 100644 index 0000000..799e463 --- /dev/null +++ b/11/README.md @@ -0,0 +1,71 @@ +# 11-JavaScrpit-模块化 + +## 模块化 + +* 不使用模块化 +* 使用模块化 +* AMD +* CommonJS +* ES6 + +### 不使用模块化 + +* `util getFormatDate函数` +* `a-util.js aGetFormatDate函数使用getFormatDate` +* `a.js aGetFormatDate` +* 定义 + +```javascript +//util.js +function getFormatDate(date,type) { + //type === 1返回 2017-06-15 + //type === 2返回 2017年6月15日格式 + //... +} +//a-util.js +function aGetFormatDate(data) { + //返回 + return getFormatDate(date,2); +} +// a.js +var dt = new Date() +console.log(aGetFormatDate(dt)); +``` + +* 使用 + +```markup + + + + + +``` + +### 使用模块化 + +```javascript +//util.js +export{ + getFormatDate:function (data,type) { + //type === 1 返回 2017-06-15 + //type === 2 返回 2017年6月15日格式 + } +} +//a-util.js +var getFormatDate = require('util.js'); +export{ + aGetFormatDate:function (date) { + //要求返回 2017年6月15日格式 + return getFormatDate(date,2); + } +} +// a.js +var aGetFormatDate = require('a-util.js') +var dt = new Date(); +console.log(aGetFormatDate(dt)); + +//直接‘’,其他的根据依赖关系自动引用 +//那两个函数，没必要做成全局变量，不会带来污染和覆盖 +``` + diff --git a/11/amd.md b/11/amd.md new file mode 100644 index 0000000..2427382 --- /dev/null +++ b/11/amd.md @@ -0,0 +1,63 @@ +# AMD + +* require.js `requirejs.org/` +* 全局define函数 +* 全局require函数 +* 依赖JS会自动、异步加载 + +```javascript +//util.js +define(function () { + return{ + getFormatDate: function (date,type) { + if (type === 1) { + return '2017-06-15' + } + if (type === 2) { + return '2017年6月15日' + } + } + } +}); + +//a-util.js +define(['./util.js'],function (util) { + return{ + aGetFormatDate: function (date) { + return util.getFormatDate(date,2); + } + } +}); + +// a.js +define('[./a-util.js]',function (aUtil) { + return{ + printDate:function (date) { + console.log(aUtil.aGetFormatDate); + } + } +}); + +//main.js +require('[./a.js]',function (a) { + var date = new Date(); + a.printDate(date); +}); +``` + +* 使用 + +```markup + + + + + Document + + +

AMD test

+ + + +``` + diff --git a/11/cmd.md b/11/cmd.md new file mode 100644 index 0000000..e161396 --- /dev/null +++ b/11/cmd.md @@ -0,0 +1,33 @@ +# CommonJS + +* nodejs模块化规范，现在被大量用于前端，原因： + * 前端开发依赖的插件和库，都可以从npm中获取 + * 构建工具的高度自动化，是的使用npm的成本非常低 + * CommonJS不会异步加载JS，而是同步一次性加载出来 + +```javascript +module.exports = { + getFormatDate:function (data,type) { + if (type === 1) { + return '2017-06-15'; + } + if (type === 2) { + return '2017年6月15日'; + } + } +} + +// a-util.js +var util = require('util.js') +module.exports = { + aGetFormatDate:function (data) { + return util.getFormatDate(data,2); + } +} +``` + +## AMD和CommonJS的使用场景 + +* 需要异步加载JS，使用AMD +* 使用了npm之后建议使用CommonJS + diff --git a/11/es6mo-kuai-hua.md b/11/es6mo-kuai-hua.md new file mode 100644 index 0000000..95f1c7f --- /dev/null +++ b/11/es6mo-kuai-hua.md @@ -0,0 +1,2 @@ +# ES6模块化 + diff --git a/12/README.md b/12/README.md new file mode 100644 index 0000000..6a898be --- /dev/null +++ b/12/README.md @@ -0,0 +1,2 @@ +# 12-JavaScrpit-Web安全🔐 + diff --git a/12/csrf.md b/12/csrf.md new file mode 100644 index 0000000..56b1178 --- /dev/null +++ b/12/csrf.md @@ -0,0 +1,2 @@ +# CSRF + diff --git a/12/xss.md b/12/xss.md new file mode 100644 index 0000000..d037aa2 --- /dev/null +++ b/12/xss.md @@ -0,0 +1,2 @@ +# XSS + diff --git a/13/README.md b/13/README.md new file mode 100644 index 0000000..b84f9b5 --- /dev/null +++ b/13/README.md @@ -0,0 +1,4 @@ +# 13-JavaScrpit-应用 + +* [Socket.io库](https://www.gitbook.com/book/tyrmars/javascript-steppitguide/edit#) + diff --git a/13/async+awaityi-bu-diao-yong.md b/13/async+awaityi-bu-diao-yong.md new file mode 100644 index 0000000..e506173 --- /dev/null +++ b/13/async+awaityi-bu-diao-yong.md @@ -0,0 +1,41 @@ +# async+await异步调用 + +最早的的使用异步操作的时候，我们一般会用setTimeout，会出现回掉地狱的情况 + +```javascript +setTimeout(()=>{ + setTimeout(()=>{ + setTimeout(()=>{ + console.log('1') + },1000) + },1000) +},1000) +``` + +ES6中Promise + +```javascript +//promise +()=>{ + axios.post('/user/readmsg',{from}) + .then(res=>{ + const userid = getState().user._id + if( res.status === 200 && res.data.code === 0){ + dispatch(msgRead({userid,from,num:res.data.num})) + } + }) +} +``` + +ES7 async+await + +```javascript +async ()=>{ + const res = await axios.post('/user/readmsg',{from}) + const userid = getState().user._id + if( res.status === 200 && res.data.code === 0){ + dispatch(msgRead({userid,from,num:res.data.num})) + } +} +``` + diff --git a/13/axios.md b/13/axios.md new file mode 100644 index 0000000..5164eea --- /dev/null +++ b/13/axios.md @@ -0,0 +1,32 @@ +# axios + +简洁好用的发送请求库，`npm install axios --save`安装 + +* axios.interceptors设置拦截器，比如全局的loading +* axios.get,post发送请求，返回promise对象 + +## 发送请求 + +```javascript +//get请求 +``` + +## 拦截请求 + +```javascript +//拦截请求 +import axios from 'axios' +axios.interceptors.request.use( + function(config){ + //doing + } +) + +//拦截响应 +axios.interceptors.request.use( + function(config){ + //doing + } +) +``` + diff --git a/13/socketio.md b/13/socketio.md new file mode 100644 index 0000000..021010d --- /dev/null +++ b/13/socketio.md @@ -0,0 +1,46 @@ +# Socket.io库 + +## Socket.io是什么？ + +### 基于事件的实时双向通信库 + +* 基于websocket协议 +* 前后端通过事件进行双向通信 +* 配合express，快速开发实时应用 + +## Socket.io和Ajax区别 + +### 基于不同的网络协议 + +* Ajax基于http协议，单向，实时获取数据只能轮询 +* socket.io基于websocket双向通信协议，后端可以主动推送数据 +* 现代浏览器均可以支持websocket + +![](../.gitbook/assets/桌面%20宽屏.png) + +## Socket.io后端API + +### 配合express + +* IO = require$'socket.io'$$http$ +* io.on 监听事件 +* io.emit 触发事件 + +## Socket.io前端API + +### 配合 express + +* import io from 'socket.io-client' +* io.on 监听事件 +* io.emit 触发事件 + +## Socket.io合并HTTP + +```javascript +const express = require('express') +const app = express() +//work with express +const server = require('http').Server(app) +const io = require('socket.io')(server) +``` + diff --git a/14.md b/14.md new file mode 100644 index 0000000..56694ae --- /dev/null +++ b/14.md @@ -0,0 +1,2 @@ +# 14-JavaScript-设计模式 + diff --git a/14/README.md b/14/README.md new file mode 100644 index 0000000..e69de29 diff --git a/15.md b/15.md new file mode 100644 index 0000000..e78b141 --- /dev/null +++ b/15.md @@ -0,0 +1,104 @@ +# 15-JavaScript-正则表达式 + +* [正则练习](http://www.52cik.com/regex-tuesday/) + +## 1.生成一个正则表达式regexObj + +* 描述字符串规则的表达式，两种方式 + * 直接量： `/pattren/attrs`$/规则/属性$ + * 对象构造方式：`new RegExp(pattern,arrtes)` $/规则/属性$ + +## 2.regexObj.test$str$ + +* 测试正则表达式regexObj与指定字符串是否匹配 + +```javascript +/10086/.test('10086') //true +/10086/.test('12314') //false +/10086/.test('x10086s') //true //true +``` + +* 由此看到`.test()`匹配了正则表达式，但是最后一条出来了一个问题。如果这种情况下`/10086/.test('x10086s')`正则表达式匹配到该字符串中确实含有此正则表达式 +* 所以必须要有一些限制，以下就是限制方法 + +### 锚点 + +* 我们可以通过一个锚点匹配一个位置 + * `^`：起始位置 + * `$` ：结尾位置 + * `\b` ：单词边界 + +```javascript +//起始位置 +/^http:/.test('http://www.kejiganhuo.com') // true 以http:为起始的字符串可以匹配 +/^http:/.test('attp://www.kejiganhuo.com') // false +/^http:/.test('https://www.kejiganhuo.com') //false +//结尾位置 +/\.jpg$/.test('1.jpg') // true 以.jsp结尾的字符串可以匹配 +/\.jsp$/.test('1.jpg ls') // false +//单词边界 +/\bis\b/.test('this is tyrmars') // true 这里is才是正则所匹配的，匹配的就是is，就是看有没有is字符串 +/\bis\b/.test('this') // false this是无法匹配单词边界为is +/is\b/.test('this tyrmars') // true 这样就可以匹配，因为单词左边界没有限制 +``` + +#### example1 + +```javascript +/^10086$/.test('10086') //true +``` + +* 这种方法只能检测固定的号码，但是我们想检测同类的手机号码，所以就需要用到如下 **字符类** + +### 字符类 + +* 匹配一类字符中的一个，采用`[]`，相当于限定字符集 + * `[abc]`：a或b或c + * `[0-9]`：一个数字 + * `[^0-9]`：非数字的一个字符 + * `[a-z]`：一个字母 + * `.`：任意一个字符$除还行外$ + +```javascript +/[0-9]/.test(123) // true +/[^1-9]/.test(0123) // false +/[12345]/.test(0) // false +/[abc]/.test('abcdefgh') //true +/[abc]/.test('fgh') //false +``` + +#### example2 + +```javascript +/^1[0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9]$/.test(12345678901) //true +``` + +* `[0-9]`可以被优化，所以学习到了元字符，元字符是具有特殊意义的字符 + +### 元字符 + +* 具有特殊意义的字符 + * `^`、`$`、`\b` + * `\d`：`[0-9]` + * `\D`：`[^\d]` + * `\s`：空白符 + * `\S`：`[^\s]` + * `\w`：`[A-Z]` + * `\W`：`[^\w]` + +#### example3 + +```javascript +/^1\d\d\d\d\d\d\d\d\d\d\d$/.test(12345678901) //true +``` + +* 不过呢，想一下这些`\d`都是重复的，所以需要用到量词 + +### 量词 + +* 出现的次数 + * `{m,n}`：m到n次 + * `*`：`{0,}` 出现0或n次 + * `?`：`{0,1}` 出现0或者1次 + * `+`：`{1,}` 出现1或n次 + diff --git a/15/README.md b/15/README.md new file mode 100644 index 0000000..d1f8dc4 --- /dev/null +++ b/15/README.md @@ -0,0 +1,106 @@ +# JavaScript正则表达式 + +* [正则练习](http://www.52cik.com/regex-tuesday/ "正则练习") + +### 1.生成一个正则表达式regexObj + +* 描述字符串规则的表达式，两种方式 + * 直接量： `/pattren/attrs`$/规则/属性$ + * 对象构造方式：`new RegExp(pattern,arrtes)` $/规则/属性$ + +### 2.regexObj.test$str$ + +* 测试正则表达式regexObj与指定字符串是否匹配 + +```js +/10086/.test('10086') //true +/10086/.test('12314') //false +/10086/.test('x10086s') //true //true +``` + +* 由此看到`.test()`匹配了正则表达式，但是最后一条出来了一个问题。如果这种情况下`/10086/.test('x10086s')`正则表达式匹配到该字符串中确实含有此正则表达式 +* 所以必须要有一些限制，以下就是限制方法 + +#### 锚点 + +* 我们可以通过一个锚点匹配一个位置 + * `^`：起始位置 + * `$` ：结尾位置 + * `\b` ：单词边界 + +```js +//起始位置 +/^http:/.test('http://www.kejiganhuo.com') // true 以http:为起始的字符串可以匹配 +/^http:/.test('attp://www.kejiganhuo.com') // false +/^http:/.test('https://www.kejiganhuo.com') //false +//结尾位置 +/\.jpg$/.test('1.jpg') // true 以.jsp结尾的字符串可以匹配 +/\.jsp$/.test('1.jpg ls') // false +//单词边界 +/\bis\b/.test('this is tyrmars') // true 这里is才是正则所匹配的，匹配的就是is，就是看有没有is字符串 +/\bis\b/.test('this') // false this是无法匹配单词边界为is +/is\b/.test('this tyrmars') // true 这样就可以匹配，因为单词左边界没有限制 +``` + +###### example1 + +```js +/^10086$/.test('10086') //true +``` + +* 这种方法只能检测固定的号码，但是我们想检测同类的手机号码，所以就需要用到如下 **字符类** + +#### 字符类 + +* 匹配一类字符中的一个，采用`[]`，相当于限定字符集 + * `[abc]`：a或b或c + * `[0-9]`：一个数字 + * `[^0-9]`：非数字的一个字符 + * `[a-z]`：一个字母 + * `.`：任意一个字符$除还行外$ + +```js +/[0-9]/.test(123) // true +/[^1-9]/.test(0123) // false +/[12345]/.test(0) // false +/[abc]/.test('abcdefgh') //true +/[abc]/.test('fgh') //false +``` + +###### example2 + +```js +/^1[0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9]$/.test(12345678901) //true +``` + +* `[0-9]`可以被优化，所以学习到了元字符，元字符是具有特殊意义的字符 + +#### 元字符 + +* 具有特殊意义的字符 + * `^`、`$`、`\b` + * `\d`：`[0-9]` + * `\D`：`[^\d]` + * `\s`：空白符 + * `\S`：`[^\s]` + * `\w`：`[A-Z]` + * `\W`：`[^\w]` + +###### example3 + +```js +/^1\d\d\d\d\d\d\d\d\d\d\d$/.test(12345678901) //true +``` + +* 不过呢，想一下这些`\d`都是重复的，所以需要用到量词 + +#### 量词 + +* 出现的次数 + * `{m,n}`：m到n次 + * `*`：`{0,}` 出现0或n次 + * `?`：`{0,1}` 出现0或者1次 + * `+`：`{1,}` 出现1或n次 + + + diff --git a/16.md b/16.md new file mode 100644 index 0000000..cd348b7 --- /dev/null +++ b/16.md @@ -0,0 +1,16 @@ +# 16-JavaScript-性能优化 + +## 页面性能 + +* 浏览器缓存 + +### 缓存分类 + +* 强缓存：直接拿来用的缓存 + * **Expires** Expires：Thu, 21 Jan 2018 23:39:02 GMT **（表示绝对时间，时间来自服务器，但是做比较的时候以本地浏览器的时间作为比较）** + * **Cache-Control** Cache-Control：max-age = 3600**（客户端相对时间）它的判断优先级高** +* 协商缓存：本地有副本，但无法确实是否可以使用，需要询问服务器 + * **Last-Modified （服务端发过来修改时间）=== If-Modified-Since （通过这个Key值询问是否变化）** + * **Etag （哈希值，如果修改时间变了，但是内容没变通过对比Etag值来判断是否可以再用）** + * **If-None-Match是一个条件式请求首部。对于** `GET` **和** `HEAD` **请求方法来说，当且仅当服务器上没有任何资源的**`ETag`**属性值与这个首部中列出的相匹配的时候，服务器端会才返回所请求的资源，响应码为 200 。对于其他方法来说，当且仅当最终确认没有已存在的资源的** `ETag` **属性值与这个首部中所列出的相匹配的时候，才会对请求进行相应的处理。** + diff --git a/16/README.md b/16/README.md new file mode 100644 index 0000000..39a0d73 --- /dev/null +++ b/16/README.md @@ -0,0 +1,18 @@ +# 16-JavaScript-性能优化 + +#### 页面性能 + +* 浏览器缓存 + +###### 缓存分类 + +* 强缓存：直接拿来用的缓存 + * **Expires **Expires：Thu, 21 Jan 2018 23:39:02 GMT **（表示绝对时间，时间来自服务器，但是做比较的时候以本地浏览器的时间作为比较）** + * **Cache-Control **Cache-Control：max-age = 3600**（客户端相对时间）它的判断优先级高** +* 协商缓存：本地有副本，但无法确实是否可以使用，需要询问服务器 + * **Last-Modified （服务端发过来修改时间）=== If-Modified-Since （通过这个Key值询问是否变化）** + * **Etag （哈希值，如果修改时间变了，但是内容没变通过对比Etag值来判断是否可以再用）** + * **If-None-Match是一个条件式请求首部。对于 **`GET`** 和 **`HEAD`** 请求方法来说，当且仅当服务器上没有任何资源的**`ETag`**属性值与这个首部中列出的相匹配的时候，服务器端会才返回所请求的资源，响应码为 200 。对于其他方法来说，当且仅当最终确认没有已存在的资源的 **`ETag`** 属性值与这个首部中所列出的相匹配的时候，才会对请求进行相应的处理。** + + + diff --git a/17.md b/17.md new file mode 100644 index 0000000..5ba455a --- /dev/null +++ b/17.md @@ -0,0 +1,86 @@ +# 17-JavaScript-错误监控 + +* 前端错误的分类 +* 错误的捕获方式 +* 上报错误的基本原理 + +## 1、前端错误的分类 + +* 即时运行错误：代码错误 +* 资源加载错误 + +## 2、错误的捕获方式 + +### 即时运行错误捕获方式 + +1. try...catch +2. window.onerror + +### 资源加载错误 + +1. object.onerror +2. performance.getEntries +3. Error事件捕获 + +* 资源加载错误事件不会冒泡，只会在本身这个object报错事件进行响应 +* performace.getEntries这个API获取所有资源的加载地址 + +![](.gitbook/assets/performance.png) + +* Error事件捕获 + +```markup + + + + + + + + + + + +``` + +![](.gitbook/assets/onerror.png) + +### 跨域资源加载错误 + +1. 在script标签增加crossorigin属性（客户端错误） +2. 设置JS资源响应头Access-Control-Allow-Origin:\*（服务端做） + +## 3、错误监控 + +* 上报错误的基本原理 + * 使用Ajax通信进行上报 + * 利用Image对象上报 + +```markup + + + + + + + + + + + + +``` + +![](.gitbook/assets/uploaderror.png) + diff --git a/17/README.md b/17/README.md new file mode 100644 index 0000000..c57b94f --- /dev/null +++ b/17/README.md @@ -0,0 +1,84 @@ +# 17-JavaScript-错误监控 + +* 前端错误的分类 +* 错误的捕获方式 +* 上报错误的基本原理 + +### 1、前端错误的分类 + +* 即时运行错误：代码错误 +* 资源加载错误 + +### 2、错误的捕获方式 + +###### 即时运行错误捕获方式 + +1）try...catch 2）window.onerror + +###### 资源加载错误 + +1）object.onerror 2）performance.getEntries 3）Error事件捕获 + +* 资源加载错误事件不会冒泡，只会在本身这个object报错事件进行响应 +* performace.getEntries这个API获取所有资源的加载地址 + +![](/assets/performance.png) + +* Error事件捕获 + +```html + + + + + + + + + + + +``` + +![](/assets/onerror.png) + +###### 跨域资源加载错误 + +1. 在script标签增加crossorigin属性（客户端错误） +2. 设置JS资源响应头Access-Control-Allow-Origin:\*（服务端做） + +### 3、错误监控 + +* 上报错误的基本原理 + * 使用Ajax通信进行上报 + * 利用Image对象上报 + +```html + + + + + + + + + + + + + +``` + +![](/assets/uploaderror.png) + diff --git a/18/README.md b/18/README.md new file mode 100644 index 0000000..0a0f48a --- /dev/null +++ b/18/README.md @@ -0,0 +1,2 @@ +# 18-JavaScript-语法规则 + diff --git a/18/eslint.md b/18/eslint.md new file mode 100644 index 0000000..388689a --- /dev/null +++ b/18/eslint.md @@ -0,0 +1,4 @@ +# ESlint + +语法限制，语法规范 + diff --git a/19-javascriptgong-ju.md b/19-javascriptgong-ju.md new file mode 100644 index 0000000..e69de29 diff --git a/19-javascriptgong-ju/README.md b/19-javascriptgong-ju/README.md new file mode 100644 index 0000000..7d4de46 --- /dev/null +++ b/19-javascriptgong-ju/README.md @@ -0,0 +1,2 @@ +# 19-JavaScript-工具 + diff --git a/19-javascriptgong-ju/shi-jian-cao-zuo.md b/19-javascriptgong-ju/shi-jian-cao-zuo.md new file mode 100644 index 0000000..acab8d3 --- /dev/null +++ b/19-javascriptgong-ju/shi-jian-cao-zuo.md @@ -0,0 +1,29 @@ +# 时间操作 + +## 时间内整天数据筛选 + +```text + +``` + +## 获取时间内整天 + +```typescript +/** + * getXAxis（）方法作用：获取开始日期和结束日期之间（包含开始日期和结束日期）的日期数组，可作为时间轴坐标等 + * @param filters: {tab:0/1/2, startTime:开始日期, endTime:结束日期} + * 说明： tab：取值0或1或2，分别表示日、月、年，对应的startTime和endTime的格式分别为'yyyy-MM-dd'、'yyyy-MM'、'yyyy' + */ +export function getXAxis(startTime: number, endTime: number): any { + const length = (endTime - startTime) / (1000 * 24 * 60 * 60) + 1; + const start = moment(startTime); + const xAxis = new Array(length); + for (let i = 0; i < length; i++) { + start.set('date', start.get('date') + 1); + xAxis[i] = moment(startTime).format('YYYY-MM-DD'); + } + + return xAxis; +} +``` + diff --git a/AMD/index.html b/AMD/index.html deleted file mode 100644 index 5d6d843..0000000 --- a/AMD/index.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - Document - - -

AMD test

- - - diff --git a/AMD/js/a.js b/AMD/js/a.js deleted file mode 100644 index 936ce75..0000000 --- a/AMD/js/a.js +++ /dev/null @@ -1,8 +0,0 @@ -define(['./a_util.js'],function (aUtil) { - var a = { - printDate: function (date) { - console.log(aUtil.aGetFormatDate(date)); - } - } - return a -}) diff --git a/AMD/js/a_util.js b/AMD/js/a_util.js deleted file mode 100644 index 2ab49ce..0000000 --- a/AMD/js/a_util.js +++ /dev/null @@ -1,8 +0,0 @@ -define(['./util.js'],function (util) { - var aUtil ={ - aGetFormatDate:function (date) { - return util.getFormatDate(date,2) - } - } - return aUtil -}) diff --git a/AMD/js/main.js b/AMD/js/main.js deleted file mode 100644 index e47ff59..0000000 --- a/AMD/js/main.js +++ /dev/null @@ -1,4 +0,0 @@ -require(['./js/a.js'],function (a) { - var date = new Date(); - a.printDate(date); -}) diff --git a/AMD/js/util.js b/AMD/js/util.js deleted file mode 100644 index a3784a6..0000000 --- a/AMD/js/util.js +++ /dev/null @@ -1,12 +0,0 @@ -define(function () { - var util = { - getFormatDate:function (date,type) { - if (type === 1) { - return '2017-8-6' - }else if (type === 2) { - return '2017年8月6日' - } - } - } - return util -}) diff --git a/Accordions/css/base.css b/Accordions/css/base.css deleted file mode 100644 index 6f128ce..0000000 --- a/Accordions/css/base.css +++ /dev/null @@ -1,77 +0,0 @@ -body,ul,li,p,h3{margin: 0;padding: 0;} -ul,ol {list-style: none;} - -.wrapper{ - width: 1920px; - height: 240px; -} - -.wrapper li{ - width: 384px; - height: 240px; - float: left; - overflow: hidden; -} - -.wrapper li a{ - display: block; - width: 384px; - height: 240px; - position: relative; - text-decoration: none; -} - -.wrapper img { - position: absolute; - bottom: 0; - right: -15px; - width: 384px; - height: 240px; -} - -.wrapper .info{ - position: absolute; - top:0; - left: 0; - width: 120px; - padding: 5px 15px; -} - -.wrapper .info h3{ - font-size: 20px; - font-weight: 700; - color: #ffffff; -} - -.wrapper .info p{ - font-size: 15px; - color: #ffffff; - line-height: 22px; -} - -.wrapper .line{ - position: absolute; - right:0; - width:0; - height: 240px; - border: 1px dashed #cacaca; -} - -.wrapper .mask{ - position: absolute; - top:0; - left:0; - width: 384px; - height: 240px; - opacity: 0.15; - background: #444; -} - -.wrapper li.big, li.big a{ - width: 424px; -} - -.wrapper li.big img{ - width: 424px; - height: 264px; -} \ No newline at end of file diff --git a/Accordions/html.html b/Accordions/html.html deleted file mode 100644 index 3093079..0000000 --- a/Accordions/html.html +++ /dev/null @@ -1,75 +0,0 @@ - - - - - Title - - - - -

- - -
-
小暑
-
2017年
-
07月07日星期五
-
- - - -
- - -
-
小雪
-
1
-
11
-
- - - -
- - -
-
清明
-
1
-
11
-
- - - -
- - -
-
芒种
-
1
-
11
-
- - - -
- - -
-
雨水
-
-
11
-
- - - -

- - \ No newline at end of file diff --git "a/Accordions/img/\345\260\217\346\232\221.jpg" "b/Accordions/img/\345\260\217\346\232\221.jpg" deleted file mode 100644 index dd25aac..0000000 Binary files "a/Accordions/img/\345\260\217\346\232\221.jpg" and /dev/null differ diff --git "a/Accordions/img/\345\260\217\351\233\252.jpg" "b/Accordions/img/\345\260\217\351\233\252.jpg" deleted file mode 100644 index 7ebb7e1..0000000 Binary files "a/Accordions/img/\345\260\217\351\233\252.jpg" and /dev/null differ diff --git "a/Accordions/img/\346\270\205\346\230\216.jpg" "b/Accordions/img/\346\270\205\346\230\216.jpg" deleted file mode 100644 index a9ea3cf..0000000 Binary files "a/Accordions/img/\346\270\205\346\230\216.jpg" and /dev/null differ diff --git "a/Accordions/img/\350\212\222\347\247\215.jpg" "b/Accordions/img/\350\212\222\347\247\215.jpg" deleted file mode 100644 index 6e8d2fc..0000000 Binary files "a/Accordions/img/\350\212\222\347\247\215.jpg" and /dev/null differ diff --git "a/Accordions/img/\351\233\250\346\260\264.jpg" "b/Accordions/img/\351\233\250\346\260\264.jpg" deleted file mode 100644 index ff46f97..0000000 Binary files "a/Accordions/img/\351\233\250\346\260\264.jpg" and /dev/null differ diff --git a/Accordions/js/main.js b/Accordions/js/main.js deleted file mode 100644 index 9c99592..0000000 --- a/Accordions/js/main.js +++ /dev/null @@ -1,3 +0,0 @@ -/** - * Created by Jonathan Zhang on 2017/5/24. - */ diff --git a/Canvaspointcolor/.idea/color.iml b/Canvaspointcolor/.idea/color.iml deleted file mode 100644 index 24643cc..0000000 --- a/Canvaspointcolor/.idea/color.iml +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - \ No newline at end of file diff --git a/Canvaspointcolor/.idea/dictionaries/Jonathan_Zhang.xml b/Canvaspointcolor/.idea/dictionaries/Jonathan_Zhang.xml deleted file mode 100644 index 13fba25..0000000 --- a/Canvaspointcolor/.idea/dictionaries/Jonathan_Zhang.xml +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/Canvaspointcolor/.idea/jsLibraryMappings.xml b/Canvaspointcolor/.idea/jsLibraryMappings.xml deleted file mode 100644 index d23208f..0000000 --- a/Canvaspointcolor/.idea/jsLibraryMappings.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/Canvaspointcolor/.idea/misc.xml b/Canvaspointcolor/.idea/misc.xml deleted file mode 100644 index 9f7e87c..0000000 --- a/Canvaspointcolor/.idea/misc.xml +++ /dev/null @@ -1,44 +0,0 @@ - - - - false - - false - false - - - - - - - - - - - - AngularJS - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/Canvaspointcolor/.idea/modules.xml b/Canvaspointcolor/.idea/modules.xml deleted file mode 100644 index bdb39ec..0000000 --- a/Canvaspointcolor/.idea/modules.xml +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/Canvaspointcolor/.idea/workspace.xml b/Canvaspointcolor/.idea/workspace.xml deleted file mode 100644 index f705416..0000000 --- a/Canvaspointcolor/.idea/workspace.xml +++ /dev/null @@ -1,301 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - true - DEFINITION_ORDER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - project - - - true - - - - DIRECTORY - - false - - - - - - - - - 1495802611201 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/Canvaspointcolor/index.html b/Canvaspointcolor/index.html deleted file mode 100644 index dbf3002..0000000 --- a/Canvaspointcolor/index.html +++ /dev/null @@ -1,111 +0,0 @@ - - - - - Title - - - - - -

- - - - \ No newline at end of file diff --git a/Canvaspointcolor/node_modules/jquery/AUTHORS.txt b/Canvaspointcolor/node_modules/jquery/AUTHORS.txt deleted file mode 100644 index c32c25f..0000000 --- a/Canvaspointcolor/node_modules/jquery/AUTHORS.txt +++ /dev/null @@ -1,301 +0,0 @@ -Authors ordered by first contribution. - -John Resig -Gilles van den Hoven -Michael Geary -Stefan Petre -Yehuda Katz -Corey Jewett -Klaus Hartl -Franck Marcia -Jörn Zaefferer -Paul Bakaus -Brandon Aaron -Mike Alsup -Dave Methvin -Ed Engelhardt -Sean Catchpole -Paul Mclanahan -David Serduke -Richard D. Worth -Scott González -Ariel Flesler -Jon Evans -TJ Holowaychuk -Michael Bensoussan -Robert Katić -Louis-Rémi Babé -Earle Castledine -Damian Janowski -Rich Dougherty -Kim Dalsgaard -Andrea Giammarchi -Mark Gibson -Karl Swedberg -Justin Meyer -Ben Alman -James Padolsey -David Petersen -Batiste Bieler -Alexander Farkas -Rick Waldron -Filipe Fortes -Neeraj Singh -Paul Irish -Iraê Carvalho -Matt Curry -Michael Monteleone -Noah Sloan -Tom Viner -Douglas Neiner -Adam J. Sontag -Dave Reed -Ralph Whitbeck -Carl Fürstenberg -Jacob Wright -J. Ryan Stinnett -unknown -temp01 -Heungsub Lee -Colin Snover -Ryan W Tenney -Pinhook -Ron Otten -Jephte Clain -Anton Matzneller -Alex Sexton -Dan Heberden -Henri Wiechers -Russell Holbrook -Julian Aubourg -Gianni Alessandro Chiappetta -Scott Jehl -James Burke -Jonas Pfenniger -Xavi Ramirez -Jared Grippe -Sylvester Keil -Brandon Sterne -Mathias Bynens -Timmy Willison <4timmywil@gmail.com> -Corey Frang -Digitalxero -Anton Kovalyov -David Murdoch -Josh Varner -Charles McNulty -Jordan Boesch -Jess Thrysoee -Michael Murray -Lee Carpenter -Alexis Abril -Rob Morgan -John Firebaugh -Sam Bisbee -Gilmore Davidson -Brian Brennan -Xavier Montillet -Daniel Pihlstrom -Sahab Yazdani -avaly -Scott Hughes -Mike Sherov -Greg Hazel -Schalk Neethling -Denis Knauf -Timo Tijhof -Steen Nielsen -Anton Ryzhov -Shi Chuan -Berker Peksag -Toby Brain -Matt Mueller -Justin -Daniel Herman -Oleg Gaidarenko -Richard Gibson -Rafaël Blais Masson -cmc3cn <59194618@qq.com> -Joe Presbrey -Sindre Sorhus -Arne de Bree -Vladislav Zarakovsky -Andrew E Monat -Oskari -Joao Henrique de Andrade Bruni -tsinha -Matt Farmer -Trey Hunner -Jason Moon -Jeffery To -Kris Borchers -Vladimir Zhuravlev -Jacob Thornton -Chad Killingsworth -Nowres Rafid -David Benjamin -Uri Gilad -Chris Faulkner -Elijah Manor -Daniel Chatfield -Nikita Govorov -Wesley Walser -Mike Pennisi -Markus Staab -Dave Riddle -Callum Macrae -Benjamin Truyman -James Huston -Erick Ruiz de Chávez -David Bonner -Akintayo Akinwunmi -MORGAN -Ismail Khair -Carl Danley -Mike Petrovich -Greg Lavallee -Daniel Gálvez -Sai Lung Wong -Tom H Fuertes -Roland Eckl -Jay Merrifield -Allen J Schmidt Jr -Jonathan Sampson -Marcel Greter -Matthias Jäggli -David Fox -Yiming He -Devin Cooper -Paul Ramos -Rod Vagg -Bennett Sorbo -Sebastian Burkhard -Zachary Adam Kaplan -nanto_vi -nanto -Danil Somsikov -Ryunosuke SATO -Jean Boussier -Adam Coulombe -Andrew Plummer -Mark Raddatz -Isaac Z. Schlueter -Karl Sieburg -Pascal Borreli -Nguyen Phuc Lam -Dmitry Gusev -Michał Gołębiowski -Li Xudong -Steven Benner -Tom H Fuertes -Renato Oliveira dos Santos -ros3cin -Jason Bedard -Kyle Robinson Young -Chris Talkington -Eddie Monge -Terry Jones -Jason Merino -Jeremy Dunck -Chris Price -Guy Bedford -Amey Sakhadeo -Mike Sidorov -Anthony Ryan -Dominik D. Geyer -George Kats -Lihan Li -Ronny Springer -Chris Antaki -Marian Sollmann -njhamann -Ilya Kantor -David Hong -John Paul -Jakob Stoeck -Christopher Jones -Forbes Lindesay -S. Andrew Sheppard -Leonardo Balter -Roman Reiß -Benjy Cui -Rodrigo Rosenfeld Rosas -John Hoven -Philip Jägenstedt -Christian Kosmowski -Liang Peng -TJ VanToll -Senya Pugach -Aurelio De Rosa -Nazar Mokrynskyi -Amit Merchant -Jason Bedard -Arthur Verschaeve -Dan Hart -Bin Xin -David Corbacho -Veaceslav Grimalschi -Daniel Husar -Frederic Hemberger -Ben Toews -Aditya Raghavan -Victor Homyakov -Shivaji Varma -Nicolas HENRY -Anne-Gaelle Colom -George Mauer -Leonardo Braga -Stephen Edgar -Thomas Tortorini -Winston Howes -Jon Hester -Alexander O'Mara -Bastian Buchholz -Arthur Stolyar -Calvin Metcalf -Mu Haibao -Richard McDaniel -Chris Rebert -Gabriel Schulhof -Gilad Peleg -Martin Naumann -Marek Lewandowski -Bruno Pérel -Reed Loden -Daniel Nill -Yongwoo Jeon -Sean Henderson -Richard Kraaijenhagen -Connor Atherton -Gary Ye -Christian Grete -Liza Ramo -Julian Alexander Murillo -Joelle Fleurantin -Jae Sung Park -Jun Sun -Josh Soref -Henry Wong -Jon Dufresne -Martijn W. van der Lee -Devin Wilson -Steve Mao -Zack Hall -Bernhard M. Wiedemann -Todor Prikumov -Jha Naman -William Robinet -Alexander Lisianoi -Vitaliy Terziev -Joe Trumbull -Alexander K -Damian Senn -Ralin Chimev -Felipe Sateler -Christophe Tafani-Dereeper -Manoj Kumar -David Broder-Rodgers -Alex Louden -Alex Padilla -南漂一卒 -karan-96 diff --git a/Canvaspointcolor/node_modules/jquery/LICENSE.txt b/Canvaspointcolor/node_modules/jquery/LICENSE.txt deleted file mode 100644 index e4e5e00..0000000 --- a/Canvaspointcolor/node_modules/jquery/LICENSE.txt +++ /dev/null @@ -1,36 +0,0 @@ -Copyright JS Foundation and other contributors, https://js.foundation/ - -This software consists of voluntary contributions made by many -individuals. For exact contribution history, see the revision history -available at https://github.com/jquery/jquery - -The following license applies to all parts of this software except as -documented below: - -==== - -Permission is hereby granted, free of charge, to any person obtaining -a copy of this software and associated documentation files (the -"Software"), to deal in the Software without restriction, including -without limitation the rights to use, copy, modify, merge, publish, -distribute, sublicense, and/or sell copies of the Software, and to -permit persons to whom the Software is furnished to do so, subject to -the following conditions: - -The above copyright notice and this permission notice shall be -included in all copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND -NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE -LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION -OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION -WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. - -==== - -All files located in the node_modules and external directories are -externally maintained libraries used by this software which have their -own licenses; we recommend you read them, as their terms may differ from -the terms above. diff --git a/Canvaspointcolor/node_modules/jquery/README.md b/Canvaspointcolor/node_modules/jquery/README.md deleted file mode 100644 index 09a4273..0000000 --- a/Canvaspointcolor/node_modules/jquery/README.md +++ /dev/null @@ -1,67 +0,0 @@ -# jQuery - -> jQuery is a fast, small, and feature-rich JavaScript library. - -For information on how to get started and how to use jQuery, please see [jQuery's documentation](http://api.jquery.com/). -For source files and issues, please visit the [jQuery repo](https://github.com/jquery/jquery). - -If upgrading, please see the [blog post for 3.2.1](https://blog.jquery.com/2017/03/20/jquery-3-2-1-now-available/). This includes notable differences from the previous version and a more readable changelog. - -## Including jQuery - -Below are some of the most common ways to include jQuery. - -### Browser - -#### Script tag - -```html - -``` - -#### Babel - -[Babel](http://babeljs.io/) is a next generation JavaScript compiler. One of the features is the ability to use ES6/ES2015 modules now, even though browsers do not yet support this feature natively. - -```js -import $ from "jquery"; -``` - -#### Browserify/Webpack - -There are several ways to use [Browserify](http://browserify.org/) and [Webpack](https://webpack.github.io/). For more information on using these tools, please refer to the corresponding project's documention. In the script, including jQuery will usually look like this... - -```js -var $ = require("jquery"); -``` - -#### AMD (Asynchronous Module Definition) - -AMD is a module format built for the browser. For more information, we recommend [require.js' documentation](http://requirejs.org/docs/whyamd.html). - -```js -define(["jquery"], function($) { - -}); -``` - -### Node - -To include jQuery in [Node](nodejs.org), first install with npm. - -```sh -npm install jquery -``` - -For jQuery to work in Node, a window with a document is required. Since no such window exists natively in Node, one can be mocked by tools such as [jsdom](https://github.com/tmpvar/jsdom). This can be useful for testing purposes. - -```js -require("jsdom").env("", function(err, window) { - if (err) { - console.error(err); - return; - } - - var $ = require("jquery")(window); -}); -``` diff --git a/Canvaspointcolor/node_modules/jquery/bower.json b/Canvaspointcolor/node_modules/jquery/bower.json deleted file mode 100644 index 95798d5..0000000 --- a/Canvaspointcolor/node_modules/jquery/bower.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "name": "jquery", - "main": "dist/jquery.js", - "license": "MIT", - "ignore": [ - "package.json" - ], - "keywords": [ - "jquery", - "javascript", - "browser", - "library" - ] -} \ No newline at end of file diff --git a/Canvaspointcolor/node_modules/jquery/dist/core.js b/Canvaspointcolor/node_modules/jquery/dist/core.js deleted file mode 100644 index 0e95274..0000000 --- a/Canvaspointcolor/node_modules/jquery/dist/core.js +++ /dev/null @@ -1,476 +0,0 @@ -/* global Symbol */ -// Defining this global in .eslintrc.json would create a danger of using the global -// unguarded in another place, it seems safer to define global only for this module - -define( [ - "./var/arr", - "./var/document", - "./var/getProto", - "./var/slice", - "./var/concat", - "./var/push", - "./var/indexOf", - "./var/class2type", - "./var/toString", - "./var/hasOwn", - "./var/fnToString", - "./var/ObjectFunctionString", - "./var/support", - "./core/DOMEval" -], function( arr, document, getProto, slice, concat, push, indexOf, - class2type, toString, hasOwn, fnToString, ObjectFunctionString, - support, DOMEval ) { - -"use strict"; - -var - version = "3.2.1", - - // Define a local copy of jQuery - jQuery = function( selector, context ) { - - // The jQuery object is actually just the init constructor 'enhanced' - // Need init if jQuery is called (just allow error to be thrown if not included) - return new jQuery.fn.init( selector, context ); - }, - - // Support: Android <=4.0 only - // Make sure we trim BOM and NBSP - rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, - - // Matches dashed string for camelizing - rmsPrefix = /^-ms-/, - rdashAlpha = /-([a-z])/g, - - // Used by jQuery.camelCase as callback to replace() - fcamelCase = function( all, letter ) { - return letter.toUpperCase(); - }; - -jQuery.fn = jQuery.prototype = { - - // The current version of jQuery being used - jquery: version, - - constructor: jQuery, - - // The default length of a jQuery object is 0 - length: 0, - - toArray: function() { - return slice.call( this ); - }, - - // Get the Nth element in the matched element set OR - // Get the whole matched element set as a clean array - get: function( num ) { - - // Return all the elements in a clean array - if ( num == null ) { - return slice.call( this ); - } - - // Return just the one element from the set - return num < 0 ? this[ num + this.length ] : this[ num ]; - }, - - // Take an array of elements and push it onto the stack - // (returning the new matched element set) - pushStack: function( elems ) { - - // Build a new jQuery matched element set - var ret = jQuery.merge( this.constructor(), elems ); - - // Add the old object onto the stack (as a reference) - ret.prevObject = this; - - // Return the newly-formed element set - return ret; - }, - - // Execute a callback for every element in the matched set. - each: function( callback ) { - return jQuery.each( this, callback ); - }, - - map: function( callback ) { - return this.pushStack( jQuery.map( this, function( elem, i ) { - return callback.call( elem, i, elem ); - } ) ); - }, - - slice: function() { - return this.pushStack( slice.apply( this, arguments ) ); - }, - - first: function() { - return this.eq( 0 ); - }, - - last: function() { - return this.eq( -1 ); - }, - - eq: function( i ) { - var len = this.length, - j = +i + ( i < 0 ? len : 0 ); - return this.pushStack( j >= 0 && j < len ? [ this[ j ] ] : [] ); - }, - - end: function() { - return this.prevObject || this.constructor(); - }, - - // For internal use only. - // Behaves like an Array's method, not like a jQuery method. - push: push, - sort: arr.sort, - splice: arr.splice -}; - -jQuery.extend = jQuery.fn.extend = function() { - var options, name, src, copy, copyIsArray, clone, - target = arguments[ 0 ] || {}, - i = 1, - length = arguments.length, - deep = false; - - // Handle a deep copy situation - if ( typeof target === "boolean" ) { - deep = target; - - // Skip the boolean and the target - target = arguments[ i ] || {}; - i++; - } - - // Handle case when target is a string or something (possible in deep copy) - if ( typeof target !== "object" && !jQuery.isFunction( target ) ) { - target = {}; - } - - // Extend jQuery itself if only one argument is passed - if ( i === length ) { - target = this; - i--; - } - - for ( ; i < length; i++ ) { - - // Only deal with non-null/undefined values - if ( ( options = arguments[ i ] ) != null ) { - - // Extend the base object - for ( name in options ) { - src = target[ name ]; - copy = options[ name ]; - - // Prevent never-ending loop - if ( target === copy ) { - continue; - } - - // Recurse if we're merging plain objects or arrays - if ( deep && copy && ( jQuery.isPlainObject( copy ) || - ( copyIsArray = Array.isArray( copy ) ) ) ) { - - if ( copyIsArray ) { - copyIsArray = false; - clone = src && Array.isArray( src ) ? src : []; - - } else { - clone = src && jQuery.isPlainObject( src ) ? src : {}; - } - - // Never move original objects, clone them - target[ name ] = jQuery.extend( deep, clone, copy ); - - // Don't bring in undefined values - } else if ( copy !== undefined ) { - target[ name ] = copy; - } - } - } - } - - // Return the modified object - return target; -}; - -jQuery.extend( { - - // Unique for each copy of jQuery on the page - expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ), - - // Assume jQuery is ready without the ready module - isReady: true, - - error: function( msg ) { - throw new Error( msg ); - }, - - noop: function() {}, - - isFunction: function( obj ) { - return jQuery.type( obj ) === "function"; - }, - - isWindow: function( obj ) { - return obj != null && obj === obj.window; - }, - - isNumeric: function( obj ) { - - // As of jQuery 3.0, isNumeric is limited to - // strings and numbers (primitives or objects) - // that can be coerced to finite numbers (gh-2662) - var type = jQuery.type( obj ); - return ( type === "number" || type === "string" ) && - - // parseFloat NaNs numeric-cast false positives ("") - // ...but misinterprets leading-number strings, particularly hex literals ("0x...") - // subtraction forces infinities to NaN - !isNaN( obj - parseFloat( obj ) ); - }, - - isPlainObject: function( obj ) { - var proto, Ctor; - - // Detect obvious negatives - // Use toString instead of jQuery.type to catch host objects - if ( !obj || toString.call( obj ) !== "[object Object]" ) { - return false; - } - - proto = getProto( obj ); - - // Objects with no prototype (e.g., `Object.create( null )`) are plain - if ( !proto ) { - return true; - } - - // Objects with prototype are plain iff they were constructed by a global Object function - Ctor = hasOwn.call( proto, "constructor" ) && proto.constructor; - return typeof Ctor === "function" && fnToString.call( Ctor ) === ObjectFunctionString; - }, - - isEmptyObject: function( obj ) { - - /* eslint-disable no-unused-vars */ - // See https://github.com/eslint/eslint/issues/6125 - var name; - - for ( name in obj ) { - return false; - } - return true; - }, - - type: function( obj ) { - if ( obj == null ) { - return obj + ""; - } - - // Support: Android <=2.3 only (functionish RegExp) - return typeof obj === "object" || typeof obj === "function" ? - class2type[ toString.call( obj ) ] || "object" : - typeof obj; - }, - - // Evaluates a script in a global context - globalEval: function( code ) { - DOMEval( code ); - }, - - // Convert dashed to camelCase; used by the css and data modules - // Support: IE <=9 - 11, Edge 12 - 13 - // Microsoft forgot to hump their vendor prefix (#9572) - camelCase: function( string ) { - return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); - }, - - each: function( obj, callback ) { - var length, i = 0; - - if ( isArrayLike( obj ) ) { - length = obj.length; - for ( ; i < length; i++ ) { - if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) { - break; - } - } - } else { - for ( i in obj ) { - if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) { - break; - } - } - } - - return obj; - }, - - // Support: Android <=4.0 only - trim: function( text ) { - return text == null ? - "" : - ( text + "" ).replace( rtrim, "" ); - }, - - // results is for internal usage only - makeArray: function( arr, results ) { - var ret = results || []; - - if ( arr != null ) { - if ( isArrayLike( Object( arr ) ) ) { - jQuery.merge( ret, - typeof arr === "string" ? - [ arr ] : arr - ); - } else { - push.call( ret, arr ); - } - } - - return ret; - }, - - inArray: function( elem, arr, i ) { - return arr == null ? -1 : indexOf.call( arr, elem, i ); - }, - - // Support: Android <=4.0 only, PhantomJS 1 only - // push.apply(_, arraylike) throws on ancient WebKit - merge: function( first, second ) { - var len = +second.length, - j = 0, - i = first.length; - - for ( ; j < len; j++ ) { - first[ i++ ] = second[ j ]; - } - - first.length = i; - - return first; - }, - - grep: function( elems, callback, invert ) { - var callbackInverse, - matches = [], - i = 0, - length = elems.length, - callbackExpect = !invert; - - // Go through the array, only saving the items - // that pass the validator function - for ( ; i < length; i++ ) { - callbackInverse = !callback( elems[ i ], i ); - if ( callbackInverse !== callbackExpect ) { - matches.push( elems[ i ] ); - } - } - - return matches; - }, - - // arg is for internal usage only - map: function( elems, callback, arg ) { - var length, value, - i = 0, - ret = []; - - // Go through the array, translating each of the items to their new values - if ( isArrayLike( elems ) ) { - length = elems.length; - for ( ; i < length; i++ ) { - value = callback( elems[ i ], i, arg ); - - if ( value != null ) { - ret.push( value ); - } - } - - // Go through every key on the object, - } else { - for ( i in elems ) { - value = callback( elems[ i ], i, arg ); - - if ( value != null ) { - ret.push( value ); - } - } - } - - // Flatten any nested arrays - return concat.apply( [], ret ); - }, - - // A global GUID counter for objects - guid: 1, - - // Bind a function to a context, optionally partially applying any - // arguments. - proxy: function( fn, context ) { - var tmp, args, proxy; - - if ( typeof context === "string" ) { - tmp = fn[ context ]; - context = fn; - fn = tmp; - } - - // Quick check to determine if target is callable, in the spec - // this throws a TypeError, but we will just return undefined. - if ( !jQuery.isFunction( fn ) ) { - return undefined; - } - - // Simulated bind - args = slice.call( arguments, 2 ); - proxy = function() { - return fn.apply( context || this, args.concat( slice.call( arguments ) ) ); - }; - - // Set the guid of unique handler to the same of original handler, so it can be removed - proxy.guid = fn.guid = fn.guid || jQuery.guid++; - - return proxy; - }, - - now: Date.now, - - // jQuery.support is not used in Core but other projects attach their - // properties to it so it needs to exist. - support: support -} ); - -if ( typeof Symbol === "function" ) { - jQuery.fn[ Symbol.iterator ] = arr[ Symbol.iterator ]; -} - -// Populate the class2type map -jQuery.each( "Boolean Number String Function Array Date RegExp Object Error Symbol".split( " " ), -function( i, name ) { - class2type[ "[object " + name + "]" ] = name.toLowerCase(); -} ); - -function isArrayLike( obj ) { - - // Support: real iOS 8.2 only (not reproducible in simulator) - // `in` check used to prevent JIT error (gh-2145) - // hasOwn isn't used here due to false negatives - // regarding Nodelist length in IE - var length = !!obj && "length" in obj && obj.length, - type = jQuery.type( obj ); - - if ( type === "function" || jQuery.isWindow( obj ) ) { - return false; - } - - return type === "array" || length === 0 || - typeof length === "number" && length > 0 && ( length - 1 ) in obj; -} - -return jQuery; -} ); diff --git a/Canvaspointcolor/node_modules/jquery/dist/jquery.js b/Canvaspointcolor/node_modules/jquery/dist/jquery.js deleted file mode 100644 index d2d8ca4..0000000 --- a/Canvaspointcolor/node_modules/jquery/dist/jquery.js +++ /dev/null @@ -1,10253 +0,0 @@ -/*! - * jQuery JavaScript Library v3.2.1 - * https://jquery.com/ - * - * Includes Sizzle.js - * https://sizzlejs.com/ - * - * Copyright JS Foundation and other contributors - * Released under the MIT license - * https://jquery.org/license - * - * Date: 2017-03-20T18:59Z - */ -( function( global, factory ) { - - "use strict"; - - if ( typeof module === "object" && typeof module.exports === "object" ) { - - // For CommonJS and CommonJS-like environments where a proper `window` - // is present, execute the factory and get jQuery. - // For environments that do not have a `window` with a `document` - // (such as Node.js), expose a factory as module.exports. - // This accentuates the need for the creation of a real `window`. - // e.g. var jQuery = require("jquery")(window); - // See ticket #14549 for more info. - module.exports = global.document ? - factory( global, true ) : - function( w ) { - if ( !w.document ) { - throw new Error( "jQuery requires a window with a document" ); - } - return factory( w ); - }; - } else { - factory( global ); - } - -// Pass this if window is not defined yet -} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) { - -// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1 -// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode -// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common -// enough that all such attempts are guarded in a try block. -"use strict"; - -var arr = []; - -var document = window.document; - -var getProto = Object.getPrototypeOf; - -var slice = arr.slice; - -var concat = arr.concat; - -var push = arr.push; - -var indexOf = arr.indexOf; - -var class2type = {}; - -var toString = class2type.toString; - -var hasOwn = class2type.hasOwnProperty; - -var fnToString = hasOwn.toString; - -var ObjectFunctionString = fnToString.call( Object ); - -var support = {}; - - - - function DOMEval( code, doc ) { - doc = doc || document; - - var script = doc.createElement( "script" ); - - script.text = code; - doc.head.appendChild( script ).parentNode.removeChild( script ); - } -/* global Symbol */ -// Defining this global in .eslintrc.json would create a danger of using the global -// unguarded in another place, it seems safer to define global only for this module - - - -var - version = "3.2.1", - - // Define a local copy of jQuery - jQuery = function( selector, context ) { - - // The jQuery object is actually just the init constructor 'enhanced' - // Need init if jQuery is called (just allow error to be thrown if not included) - return new jQuery.fn.init( selector, context ); - }, - - // Support: Android <=4.0 only - // Make sure we trim BOM and NBSP - rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, - - // Matches dashed string for camelizing - rmsPrefix = /^-ms-/, - rdashAlpha = /-([a-z])/g, - - // Used by jQuery.camelCase as callback to replace() - fcamelCase = function( all, letter ) { - return letter.toUpperCase(); - }; - -jQuery.fn = jQuery.prototype = { - - // The current version of jQuery being used - jquery: version, - - constructor: jQuery, - - // The default length of a jQuery object is 0 - length: 0, - - toArray: function() { - return slice.call( this ); - }, - - // Get the Nth element in the matched element set OR - // Get the whole matched element set as a clean array - get: function( num ) { - - // Return all the elements in a clean array - if ( num == null ) { - return slice.call( this ); - } - - // Return just the one element from the set - return num < 0 ? this[ num + this.length ] : this[ num ]; - }, - - // Take an array of elements and push it onto the stack - // (returning the new matched element set) - pushStack: function( elems ) { - - // Build a new jQuery matched element set - var ret = jQuery.merge( this.constructor(), elems ); - - // Add the old object onto the stack (as a reference) - ret.prevObject = this; - - // Return the newly-formed element set - return ret; - }, - - // Execute a callback for every element in the matched set. - each: function( callback ) { - return jQuery.each( this, callback ); - }, - - map: function( callback ) { - return this.pushStack( jQuery.map( this, function( elem, i ) { - return callback.call( elem, i, elem ); - } ) ); - }, - - slice: function() { - return this.pushStack( slice.apply( this, arguments ) ); - }, - - first: function() { - return this.eq( 0 ); - }, - - last: function() { - return this.eq( -1 ); - }, - - eq: function( i ) { - var len = this.length, - j = +i + ( i < 0 ? len : 0 ); - return this.pushStack( j >= 0 && j < len ? [ this[ j ] ] : [] ); - }, - - end: function() { - return this.prevObject || this.constructor(); - }, - - // For internal use only. - // Behaves like an Array's method, not like a jQuery method. - push: push, - sort: arr.sort, - splice: arr.splice -}; - -jQuery.extend = jQuery.fn.extend = function() { - var options, name, src, copy, copyIsArray, clone, - target = arguments[ 0 ] || {}, - i = 1, - length = arguments.length, - deep = false; - - // Handle a deep copy situation - if ( typeof target === "boolean" ) { - deep = target; - - // Skip the boolean and the target - target = arguments[ i ] || {}; - i++; - } - - // Handle case when target is a string or something (possible in deep copy) - if ( typeof target !== "object" && !jQuery.isFunction( target ) ) { - target = {}; - } - - // Extend jQuery itself if only one argument is passed - if ( i === length ) { - target = this; - i--; - } - - for ( ; i < length; i++ ) { - - // Only deal with non-null/undefined values - if ( ( options = arguments[ i ] ) != null ) { - - // Extend the base object - for ( name in options ) { - src = target[ name ]; - copy = options[ name ]; - - // Prevent never-ending loop - if ( target === copy ) { - continue; - } - - // Recurse if we're merging plain objects or arrays - if ( deep && copy && ( jQuery.isPlainObject( copy ) || - ( copyIsArray = Array.isArray( copy ) ) ) ) { - - if ( copyIsArray ) { - copyIsArray = false; - clone = src && Array.isArray( src ) ? src : []; - - } else { - clone = src && jQuery.isPlainObject( src ) ? src : {}; - } - - // Never move original objects, clone them - target[ name ] = jQuery.extend( deep, clone, copy ); - - // Don't bring in undefined values - } else if ( copy !== undefined ) { - target[ name ] = copy; - } - } - } - } - - // Return the modified object - return target; -}; - -jQuery.extend( { - - // Unique for each copy of jQuery on the page - expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ), - - // Assume jQuery is ready without the ready module - isReady: true, - - error: function( msg ) { - throw new Error( msg ); - }, - - noop: function() {}, - - isFunction: function( obj ) { - return jQuery.type( obj ) === "function"; - }, - - isWindow: function( obj ) { - return obj != null && obj === obj.window; - }, - - isNumeric: function( obj ) { - - // As of jQuery 3.0, isNumeric is limited to - // strings and numbers (primitives or objects) - // that can be coerced to finite numbers (gh-2662) - var type = jQuery.type( obj ); - return ( type === "number" || type === "string" ) && - - // parseFloat NaNs numeric-cast false positives ("") - // ...but misinterprets leading-number strings, particularly hex literals ("0x...") - // subtraction forces infinities to NaN - !isNaN( obj - parseFloat( obj ) ); - }, - - isPlainObject: function( obj ) { - var proto, Ctor; - - // Detect obvious negatives - // Use toString instead of jQuery.type to catch host objects - if ( !obj || toString.call( obj ) !== "[object Object]" ) { - return false; - } - - proto = getProto( obj ); - - // Objects with no prototype (e.g., `Object.create( null )`) are plain - if ( !proto ) { - return true; - } - - // Objects with prototype are plain iff they were constructed by a global Object function - Ctor = hasOwn.call( proto, "constructor" ) && proto.constructor; - return typeof Ctor === "function" && fnToString.call( Ctor ) === ObjectFunctionString; - }, - - isEmptyObject: function( obj ) { - - /* eslint-disable no-unused-vars */ - // See https://github.com/eslint/eslint/issues/6125 - var name; - - for ( name in obj ) { - return false; - } - return true; - }, - - type: function( obj ) { - if ( obj == null ) { - return obj + ""; - } - - // Support: Android <=2.3 only (functionish RegExp) - return typeof obj === "object" || typeof obj === "function" ? - class2type[ toString.call( obj ) ] || "object" : - typeof obj; - }, - - // Evaluates a script in a global context - globalEval: function( code ) { - DOMEval( code ); - }, - - // Convert dashed to camelCase; used by the css and data modules - // Support: IE <=9 - 11, Edge 12 - 13 - // Microsoft forgot to hump their vendor prefix (#9572) - camelCase: function( string ) { - return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); - }, - - each: function( obj, callback ) { - var length, i = 0; - - if ( isArrayLike( obj ) ) { - length = obj.length; - for ( ; i < length; i++ ) { - if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) { - break; - } - } - } else { - for ( i in obj ) { - if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) { - break; - } - } - } - - return obj; - }, - - // Support: Android <=4.0 only - trim: function( text ) { - return text == null ? - "" : - ( text + "" ).replace( rtrim, "" ); - }, - - // results is for internal usage only - makeArray: function( arr, results ) { - var ret = results || []; - - if ( arr != null ) { - if ( isArrayLike( Object( arr ) ) ) { - jQuery.merge( ret, - typeof arr === "string" ? - [ arr ] : arr - ); - } else { - push.call( ret, arr ); - } - } - - return ret; - }, - - inArray: function( elem, arr, i ) { - return arr == null ? -1 : indexOf.call( arr, elem, i ); - }, - - // Support: Android <=4.0 only, PhantomJS 1 only - // push.apply(_, arraylike) throws on ancient WebKit - merge: function( first, second ) { - var len = +second.length, - j = 0, - i = first.length; - - for ( ; j < len; j++ ) { - first[ i++ ] = second[ j ]; - } - - first.length = i; - - return first; - }, - - grep: function( elems, callback, invert ) { - var callbackInverse, - matches = [], - i = 0, - length = elems.length, - callbackExpect = !invert; - - // Go through the array, only saving the items - // that pass the validator function - for ( ; i < length; i++ ) { - callbackInverse = !callback( elems[ i ], i ); - if ( callbackInverse !== callbackExpect ) { - matches.push( elems[ i ] ); - } - } - - return matches; - }, - - // arg is for internal usage only - map: function( elems, callback, arg ) { - var length, value, - i = 0, - ret = []; - - // Go through the array, translating each of the items to their new values - if ( isArrayLike( elems ) ) { - length = elems.length; - for ( ; i < length; i++ ) { - value = callback( elems[ i ], i, arg ); - - if ( value != null ) { - ret.push( value ); - } - } - - // Go through every key on the object, - } else { - for ( i in elems ) { - value = callback( elems[ i ], i, arg ); - - if ( value != null ) { - ret.push( value ); - } - } - } - - // Flatten any nested arrays - return concat.apply( [], ret ); - }, - - // A global GUID counter for objects - guid: 1, - - // Bind a function to a context, optionally partially applying any - // arguments. - proxy: function( fn, context ) { - var tmp, args, proxy; - - if ( typeof context === "string" ) { - tmp = fn[ context ]; - context = fn; - fn = tmp; - } - - // Quick check to determine if target is callable, in the spec - // this throws a TypeError, but we will just return undefined. - if ( !jQuery.isFunction( fn ) ) { - return undefined; - } - - // Simulated bind - args = slice.call( arguments, 2 ); - proxy = function() { - return fn.apply( context || this, args.concat( slice.call( arguments ) ) ); - }; - - // Set the guid of unique handler to the same of original handler, so it can be removed - proxy.guid = fn.guid = fn.guid || jQuery.guid++; - - return proxy; - }, - - now: Date.now, - - // jQuery.support is not used in Core but other projects attach their - // properties to it so it needs to exist. - support: support -} ); - -if ( typeof Symbol === "function" ) { - jQuery.fn[ Symbol.iterator ] = arr[ Symbol.iterator ]; -} - -// Populate the class2type map -jQuery.each( "Boolean Number String Function Array Date RegExp Object Error Symbol".split( " " ), -function( i, name ) { - class2type[ "[object " + name + "]" ] = name.toLowerCase(); -} ); - -function isArrayLike( obj ) { - - // Support: real iOS 8.2 only (not reproducible in simulator) - // `in` check used to prevent JIT error (gh-2145) - // hasOwn isn't used here due to false negatives - // regarding Nodelist length in IE - var length = !!obj && "length" in obj && obj.length, - type = jQuery.type( obj ); - - if ( type === "function" || jQuery.isWindow( obj ) ) { - return false; - } - - return type === "array" || length === 0 || - typeof length === "number" && length > 0 && ( length - 1 ) in obj; -} -var Sizzle = -/*! - * Sizzle CSS Selector Engine v2.3.3 - * https://sizzlejs.com/ - * - * Copyright jQuery Foundation and other contributors - * Released under the MIT license - * http://jquery.org/license - * - * Date: 2016-08-08 - */ -(function( window ) { - -var i, - support, - Expr, - getText, - isXML, - tokenize, - compile, - select, - outermostContext, - sortInput, - hasDuplicate, - - // Local document vars - setDocument, - document, - docElem, - documentIsHTML, - rbuggyQSA, - rbuggyMatches, - matches, - contains, - - // Instance-specific data - expando = "sizzle" + 1 * new Date(), - preferredDoc = window.document, - dirruns = 0, - done = 0, - classCache = createCache(), - tokenCache = createCache(), - compilerCache = createCache(), - sortOrder = function( a, b ) { - if ( a === b ) { - hasDuplicate = true; - } - return 0; - }, - - // Instance methods - hasOwn = ({}).hasOwnProperty, - arr = [], - pop = arr.pop, - push_native = arr.push, - push = arr.push, - slice = arr.slice, - // Use a stripped-down indexOf as it's faster than native - // https://jsperf.com/thor-indexof-vs-for/5 - indexOf = function( list, elem ) { - var i = 0, - len = list.length; - for ( ; i < len; i++ ) { - if ( list[i] === elem ) { - return i; - } - } - return -1; - }, - - booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped", - - // Regular expressions - - // http://www.w3.org/TR/css3-selectors/#whitespace - whitespace = "[\\x20\\t\\r\\n\\f]", - - // http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier - identifier = "(?:\\\\.|[\\w-]|[^\0-\\xa0])+", - - // Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors - attributes = "\\[" + whitespace + "*(" + identifier + ")(?:" + whitespace + - // Operator (capture 2) - "*([*^$|!~]?=)" + whitespace + - // "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]" - "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + whitespace + - "*\\]", - - pseudos = ":(" + identifier + ")(?:\$(" + - // To reduce the number of selectors needing tokenize in the preFilter, prefer arguments: - // 1. quoted (capture 3; capture 4 or capture 5) - "('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" + - // 2. simple (capture 6) - "((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" + - // 3. anything else (capture 2) - ".*" + - ")\$|)", - - // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter - rwhitespace = new RegExp( whitespace + "+", "g" ), - rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ), - - rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ), - rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ), - - rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ), - - rpseudo = new RegExp( pseudos ), - ridentifier = new RegExp( "^" + identifier + "$" ), - - matchExpr = { - "ID": new RegExp( "^#(" + identifier + ")" ), - "CLASS": new RegExp( "^\\.(" + identifier + ")" ), - "TAG": new RegExp( "^(" + identifier + "|[*])" ), - "ATTR": new RegExp( "^" + attributes ), - "PSEUDO": new RegExp( "^" + pseudos ), - "CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\$" + whitespace + - "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace + - "*(\\d+)|))" + whitespace + "*\$|)", "i" ), - "bool": new RegExp( "^(?:" + booleans + ")$", "i" ), - // For use in libraries implementing .is() - // We use this for POS matching in `select` - "needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\$" + - whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\$|)(?=[^-]|$)", "i" ) - }, - - rinputs = /^(?:input|select|textarea|button)$/i, - rheader = /^h\d$/i, - - rnative = /^[^{]+\{\s*\[native \w/, - - // Easily-parseable/retrievable ID or TAG or CLASS selectors - rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/, - - rsibling = /[+~]/, - - // CSS escapes - // http://www.w3.org/TR/CSS21/syndata.html#escaped-characters - runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ), - funescape = function( _, escaped, escapedWhitespace ) { - var high = "0x" + escaped - 0x10000; - // NaN means non-codepoint - // Support: Firefox<24 - // Workaround erroneous numeric interpretation of +"0x" - return high !== high || escapedWhitespace ? - escaped : - high < 0 ? - // BMP codepoint - String.fromCharCode( high + 0x10000 ) : - // Supplemental Plane codepoint (surrogate pair) - String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 ); - }, - - // CSS string/identifier serialization - // https://drafts.csswg.org/cssom/#common-serializing-idioms - rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g, - fcssescape = function( ch, asCodePoint ) { - if ( asCodePoint ) { - - // U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER - if ( ch === "\0" ) { - return "\uFFFD"; - } - - // Control characters and (dependent upon position) numbers get escaped as code points - return ch.slice( 0, -1 ) + "\\" + ch.charCodeAt( ch.length - 1 ).toString( 16 ) + " "; - } - - // Other potentially-special ASCII characters get backslash-escaped - return "\\" + ch; - }, - - // Used for iframes - // See setDocument() - // Removing the function wrapper causes a "Permission Denied" - // error in IE - unloadHandler = function() { - setDocument(); - }, - - disabledAncestor = addCombinator( - function( elem ) { - return elem.disabled === true && ("form" in elem || "label" in elem); - }, - { dir: "parentNode", next: "legend" } - ); - -// Optimize for push.apply( _, NodeList ) -try { - push.apply( - (arr = slice.call( preferredDoc.childNodes )), - preferredDoc.childNodes - ); - // Support: Android<4.0 - // Detect silently failing push.apply - arr[ preferredDoc.childNodes.length ].nodeType; -} catch ( e ) { - push = { apply: arr.length ? - - // Leverage slice if possible - function( target, els ) { - push_native.apply( target, slice.call(els) ); - } : - - // Support: IE<9 - // Otherwise append directly - function( target, els ) { - var j = target.length, - i = 0; - // Can't trust NodeList.length - while ( (target[j++] = els[i++]) ) {} - target.length = j - 1; - } - }; -} - -function Sizzle( selector, context, results, seed ) { - var m, i, elem, nid, match, groups, newSelector, - newContext = context && context.ownerDocument, - - // nodeType defaults to 9, since context defaults to document - nodeType = context ? context.nodeType : 9; - - results = results || []; - - // Return early from calls with invalid selector or context - if ( typeof selector !== "string" || !selector || - nodeType !== 1 && nodeType !== 9 && nodeType !== 11 ) { - - return results; - } - - // Try to shortcut find operations (as opposed to filters) in HTML documents - if ( !seed ) { - - if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) { - setDocument( context ); - } - context = context || document; - - if ( documentIsHTML ) { - - // If the selector is sufficiently simple, try using a "get*By*" DOM method - // (excepting DocumentFragment context, where the methods don't exist) - if ( nodeType !== 11 && (match = rquickExpr.exec( selector )) ) { - - // ID selector - if ( (m = match[1]) ) { - - // Document context - if ( nodeType === 9 ) { - if ( (elem = context.getElementById( m )) ) { - - // Support: IE, Opera, Webkit - // TODO: identify versions - // getElementById can match elements by name instead of ID - if ( elem.id === m ) { - results.push( elem ); - return results; - } - } else { - return results; - } - - // Element context - } else { - - // Support: IE, Opera, Webkit - // TODO: identify versions - // getElementById can match elements by name instead of ID - if ( newContext && (elem = newContext.getElementById( m )) && - contains( context, elem ) && - elem.id === m ) { - - results.push( elem ); - return results; - } - } - - // Type selector - } else if ( match[2] ) { - push.apply( results, context.getElementsByTagName( selector ) ); - return results; - - // Class selector - } else if ( (m = match[3]) && support.getElementsByClassName && - context.getElementsByClassName ) { - - push.apply( results, context.getElementsByClassName( m ) ); - return results; - } - } - - // Take advantage of querySelectorAll - if ( support.qsa && - !compilerCache[ selector + " " ] && - (!rbuggyQSA || !rbuggyQSA.test( selector )) ) { - - if ( nodeType !== 1 ) { - newContext = context; - newSelector = selector; - - // qSA looks outside Element context, which is not what we want - // Thanks to Andrew Dupont for this workaround technique - // Support: IE <=8 - // Exclude object elements - } else if ( context.nodeName.toLowerCase() !== "object" ) { - - // Capture the context ID, setting it first if necessary - if ( (nid = context.getAttribute( "id" )) ) { - nid = nid.replace( rcssescape, fcssescape ); - } else { - context.setAttribute( "id", (nid = expando) ); - } - - // Prefix every selector in the list - groups = tokenize( selector ); - i = groups.length; - while ( i-- ) { - groups[i] = "#" + nid + " " + toSelector( groups[i] ); - } - newSelector = groups.join( "," ); - - // Expand context for sibling selectors - newContext = rsibling.test( selector ) && testContext( context.parentNode ) || - context; - } - - if ( newSelector ) { - try { - push.apply( results, - newContext.querySelectorAll( newSelector ) - ); - return results; - } catch ( qsaError ) { - } finally { - if ( nid === expando ) { - context.removeAttribute( "id" ); - } - } - } - } - } - } - - // All others - return select( selector.replace( rtrim, "$1" ), context, results, seed ); -} - -/** - * Create key-value caches of limited size - * @returns {function(string, object)} Returns the Object data after storing it on itself with - * property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength) - * deleting the oldest entry - */ -function createCache() { - var keys = []; - - function cache( key, value ) { - // Use (key + " ") to avoid collision with native prototype properties (see Issue #157) - if ( keys.push( key + " " ) > Expr.cacheLength ) { - // Only keep the most recent entries - delete cache[ keys.shift() ]; - } - return (cache[ key + " " ] = value); - } - return cache; -} - -/** - * Mark a function for special use by Sizzle - * @param {Function} fn The function to mark - */ -function markFunction( fn ) { - fn[ expando ] = true; - return fn; -} - -/** - * Support testing using an element - * @param {Function} fn Passed the created element and returns a boolean result - */ -function assert( fn ) { - var el = document.createElement("fieldset"); - - try { - return !!fn( el ); - } catch (e) { - return false; - } finally { - // Remove from its parent by default - if ( el.parentNode ) { - el.parentNode.removeChild( el ); - } - // release memory in IE - el = null; - } -} - -/** - * Adds the same handler for all of the specified attrs - * @param {String} attrs Pipe-separated list of attributes - * @param {Function} handler The method that will be applied - */ -function addHandle( attrs, handler ) { - var arr = attrs.split("|"), - i = arr.length; - - while ( i-- ) { - Expr.attrHandle[ arr[i] ] = handler; - } -} - -/** - * Checks document order of two siblings - * @param {Element} a - * @param {Element} b - * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b - */ -function siblingCheck( a, b ) { - var cur = b && a, - diff = cur && a.nodeType === 1 && b.nodeType === 1 && - a.sourceIndex - b.sourceIndex; - - // Use IE sourceIndex if available on both nodes - if ( diff ) { - return diff; - } - - // Check if b follows a - if ( cur ) { - while ( (cur = cur.nextSibling) ) { - if ( cur === b ) { - return -1; - } - } - } - - return a ? 1 : -1; -} - -/** - * Returns a function to use in pseudos for input types - * @param {String} type - */ -function createInputPseudo( type ) { - return function( elem ) { - var name = elem.nodeName.toLowerCase(); - return name === "input" && elem.type === type; - }; -} - -/** - * Returns a function to use in pseudos for buttons - * @param {String} type - */ -function createButtonPseudo( type ) { - return function( elem ) { - var name = elem.nodeName.toLowerCase(); - return (name === "input" || name === "button") && elem.type === type; - }; -} - -/** - * Returns a function to use in pseudos for :enabled/:disabled - * @param {Boolean} disabled true for :disabled; false for :enabled - */ -function createDisabledPseudo( disabled ) { - - // Known :disabled false positives: fieldset[disabled] > legend:nth-of-type(n+2) :can-disable - return function( elem ) { - - // Only certain elements can match :enabled or :disabled - // https://html.spec.whatwg.org/multipage/scripting.html#selector-enabled - // https://html.spec.whatwg.org/multipage/scripting.html#selector-disabled - if ( "form" in elem ) { - - // Check for inherited disabledness on relevant non-disabled elements: - // * listed form-associated elements in a disabled fieldset - // https://html.spec.whatwg.org/multipage/forms.html#category-listed - // https://html.spec.whatwg.org/multipage/forms.html#concept-fe-disabled - // * option elements in a disabled optgroup - // https://html.spec.whatwg.org/multipage/forms.html#concept-option-disabled - // All such elements have a "form" property. - if ( elem.parentNode && elem.disabled === false ) { - - // Option elements defer to a parent optgroup if present - if ( "label" in elem ) { - if ( "label" in elem.parentNode ) { - return elem.parentNode.disabled === disabled; - } else { - return elem.disabled === disabled; - } - } - - // Support: IE 6 - 11 - // Use the isDisabled shortcut property to check for disabled fieldset ancestors - return elem.isDisabled === disabled || - - // Where there is no isDisabled, check manually - /* jshint -W018 */ - elem.isDisabled !== !disabled && - disabledAncestor( elem ) === disabled; - } - - return elem.disabled === disabled; - - // Try to winnow out elements that can't be disabled before trusting the disabled property. - // Some victims get caught in our net (label, legend, menu, track), but it shouldn't - // even exist on them, let alone have a boolean value. - } else if ( "label" in elem ) { - return elem.disabled === disabled; - } - - // Remaining elements are neither :enabled nor :disabled - return false; - }; -} - -/** - * Returns a function to use in pseudos for positionals - * @param {Function} fn - */ -function createPositionalPseudo( fn ) { - return markFunction(function( argument ) { - argument = +argument; - return markFunction(function( seed, matches ) { - var j, - matchIndexes = fn( [], seed.length, argument ), - i = matchIndexes.length; - - // Match elements found at the specified indexes - while ( i-- ) { - if ( seed[ (j = matchIndexes[i]) ] ) { - seed[j] = !(matches[j] = seed[j]); - } - } - }); - }); -} - -/** - * Checks a node for validity as a Sizzle context - * @param {Element|Object=} context - * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value - */ -function testContext( context ) { - return context && typeof context.getElementsByTagName !== "undefined" && context; -} - -// Expose support vars for convenience -support = Sizzle.support = {}; - -/** - * Detects XML nodes - * @param {Element|Object} elem An element or a document - * @returns {Boolean} True iff elem is a non-HTML XML node - */ -isXML = Sizzle.isXML = function( elem ) { - // documentElement is verified for cases where it doesn't yet exist - // (such as loading iframes in IE - #4833) - var documentElement = elem && (elem.ownerDocument || elem).documentElement; - return documentElement ? documentElement.nodeName !== "HTML" : false; -}; - -/** - * Sets document-related variables once based on the current document - * @param {Element|Object} [doc] An element or document object to use to set the document - * @returns {Object} Returns the current document - */ -setDocument = Sizzle.setDocument = function( node ) { - var hasCompare, subWindow, - doc = node ? node.ownerDocument || node : preferredDoc; - - // Return early if doc is invalid or already selected - if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) { - return document; - } - - // Update global variables - document = doc; - docElem = document.documentElement; - documentIsHTML = !isXML( document ); - - // Support: IE 9-11, Edge - // Accessing iframe documents after unload throws "permission denied" errors (jQuery #13936) - if ( preferredDoc !== document && - (subWindow = document.defaultView) && subWindow.top !== subWindow ) { - - // Support: IE 11, Edge - if ( subWindow.addEventListener ) { - subWindow.addEventListener( "unload", unloadHandler, false ); - - // Support: IE 9 - 10 only - } else if ( subWindow.attachEvent ) { - subWindow.attachEvent( "onunload", unloadHandler ); - } - } - - /* Attributes - ---------------------------------------------------------------------- */ - - // Support: IE<8 - // Verify that getAttribute really returns attributes and not properties - // (excepting IE8 booleans) - support.attributes = assert(function( el ) { - el.className = "i"; - return !el.getAttribute("className"); - }); - - /* getElement(s)By* - ---------------------------------------------------------------------- */ - - // Check if getElementsByTagName("*") returns only elements - support.getElementsByTagName = assert(function( el ) { - el.appendChild( document.createComment("") ); - return !el.getElementsByTagName("*").length; - }); - - // Support: IE<9 - support.getElementsByClassName = rnative.test( document.getElementsByClassName ); - - // Support: IE<10 - // Check if getElementById returns elements by name - // The broken getElementById methods don't pick up programmatically-set names, - // so use a roundabout getElementsByName test - support.getById = assert(function( el ) { - docElem.appendChild( el ).id = expando; - return !document.getElementsByName || !document.getElementsByName( expando ).length; - }); - - // ID filter and find - if ( support.getById ) { - Expr.filter["ID"] = function( id ) { - var attrId = id.replace( runescape, funescape ); - return function( elem ) { - return elem.getAttribute("id") === attrId; - }; - }; - Expr.find["ID"] = function( id, context ) { - if ( typeof context.getElementById !== "undefined" && documentIsHTML ) { - var elem = context.getElementById( id ); - return elem ? [ elem ] : []; - } - }; - } else { - Expr.filter["ID"] = function( id ) { - var attrId = id.replace( runescape, funescape ); - return function( elem ) { - var node = typeof elem.getAttributeNode !== "undefined" && - elem.getAttributeNode("id"); - return node && node.value === attrId; - }; - }; - - // Support: IE 6 - 7 only - // getElementById is not reliable as a find shortcut - Expr.find["ID"] = function( id, context ) { - if ( typeof context.getElementById !== "undefined" && documentIsHTML ) { - var node, i, elems, - elem = context.getElementById( id ); - - if ( elem ) { - - // Verify the id attribute - node = elem.getAttributeNode("id"); - if ( node && node.value === id ) { - return [ elem ]; - } - - // Fall back on getElementsByName - elems = context.getElementsByName( id ); - i = 0; - while ( (elem = elems[i++]) ) { - node = elem.getAttributeNode("id"); - if ( node && node.value === id ) { - return [ elem ]; - } - } - } - - return []; - } - }; - } - - // Tag - Expr.find["TAG"] = support.getElementsByTagName ? - function( tag, context ) { - if ( typeof context.getElementsByTagName !== "undefined" ) { - return context.getElementsByTagName( tag ); - - // DocumentFragment nodes don't have gEBTN - } else if ( support.qsa ) { - return context.querySelectorAll( tag ); - } - } : - - function( tag, context ) { - var elem, - tmp = [], - i = 0, - // By happy coincidence, a (broken) gEBTN appears on DocumentFragment nodes too - results = context.getElementsByTagName( tag ); - - // Filter out possible comments - if ( tag === "*" ) { - while ( (elem = results[i++]) ) { - if ( elem.nodeType === 1 ) { - tmp.push( elem ); - } - } - - return tmp; - } - return results; - }; - - // Class - Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) { - if ( typeof context.getElementsByClassName !== "undefined" && documentIsHTML ) { - return context.getElementsByClassName( className ); - } - }; - - /* QSA/matchesSelector - ---------------------------------------------------------------------- */ - - // QSA and matchesSelector support - - // matchesSelector(:active) reports false when true (IE9/Opera 11.5) - rbuggyMatches = []; - - // qSa(:focus) reports false when true (Chrome 21) - // We allow this because of a bug in IE8/9 that throws an error - // whenever `document.activeElement` is accessed on an iframe - // So, we allow :focus to pass through QSA all the time to avoid the IE error - // See https://bugs.jquery.com/ticket/13378 - rbuggyQSA = []; - - if ( (support.qsa = rnative.test( document.querySelectorAll )) ) { - // Build QSA regex - // Regex strategy adopted from Diego Perini - assert(function( el ) { - // Select is set to empty string on purpose - // This is to test IE's treatment of not explicitly - // setting a boolean content attribute, - // since its presence should be enough - // https://bugs.jquery.com/ticket/12359 - docElem.appendChild( el ).innerHTML = "" + - ""; - - // Support: IE8, Opera 11-12.16 - // Nothing should be selected when empty strings follow ^= or $= or *= - // The test attribute must be unknown in Opera but "safe" for WinRT - // https://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section - if ( el.querySelectorAll("[msallowcapture^='']").length ) { - rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" ); - } - - // Support: IE8 - // Boolean attributes and "value" are not treated correctly - if ( !el.querySelectorAll("[selected]").length ) { - rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" ); - } - - // Support: Chrome<29, Android<4.4, Safari<7.0+, iOS<7.0+, PhantomJS<1.9.8+ - if ( !el.querySelectorAll( "[id~=" + expando + "-]" ).length ) { - rbuggyQSA.push("~="); - } - - // Webkit/Opera - :checked should return selected option elements - // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked - // IE8 throws error here and will not see later tests - if ( !el.querySelectorAll(":checked").length ) { - rbuggyQSA.push(":checked"); - } - - // Support: Safari 8+, iOS 8+ - // https://bugs.webkit.org/show_bug.cgi?id=136851 - // In-page `selector#id sibling-combinator selector` fails - if ( !el.querySelectorAll( "a#" + expando + "+*" ).length ) { - rbuggyQSA.push(".#.+[+~]"); - } - }); - - assert(function( el ) { - el.innerHTML = "" + - ""; - - // Support: Windows 8 Native Apps - // The type and name attributes are restricted during .innerHTML assignment - var input = document.createElement("input"); - input.setAttribute( "type", "hidden" ); - el.appendChild( input ).setAttribute( "name", "D" ); - - // Support: IE8 - // Enforce case-sensitivity of name attribute - if ( el.querySelectorAll("[name=d]").length ) { - rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" ); - } - - // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) - // IE8 throws error here and will not see later tests - if ( el.querySelectorAll(":enabled").length !== 2 ) { - rbuggyQSA.push( ":enabled", ":disabled" ); - } - - // Support: IE9-11+ - // IE's :disabled selector does not pick up the children of disabled fieldsets - docElem.appendChild( el ).disabled = true; - if ( el.querySelectorAll(":disabled").length !== 2 ) { - rbuggyQSA.push( ":enabled", ":disabled" ); - } - - // Opera 10-11 does not throw on post-comma invalid pseudos - el.querySelectorAll("*,:x"); - rbuggyQSA.push(",.*:"); - }); - } - - if ( (support.matchesSelector = rnative.test( (matches = docElem.matches || - docElem.webkitMatchesSelector || - docElem.mozMatchesSelector || - docElem.oMatchesSelector || - docElem.msMatchesSelector) )) ) { - - assert(function( el ) { - // Check to see if it's possible to do matchesSelector - // on a disconnected node (IE 9) - support.disconnectedMatch = matches.call( el, "*" ); - - // This should fail with an exception - // Gecko does not error, returns false instead - matches.call( el, "[s!='']:x" ); - rbuggyMatches.push( "!=", pseudos ); - }); - } - - rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") ); - rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") ); - - /* Contains - ---------------------------------------------------------------------- */ - hasCompare = rnative.test( docElem.compareDocumentPosition ); - - // Element contains another - // Purposefully self-exclusive - // As in, an element does not contain itself - contains = hasCompare || rnative.test( docElem.contains ) ? - function( a, b ) { - var adown = a.nodeType === 9 ? a.documentElement : a, - bup = b && b.parentNode; - return a === bup || !!( bup && bup.nodeType === 1 && ( - adown.contains ? - adown.contains( bup ) : - a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16 - )); - } : - function( a, b ) { - if ( b ) { - while ( (b = b.parentNode) ) { - if ( b === a ) { - return true; - } - } - } - return false; - }; - - /* Sorting - ---------------------------------------------------------------------- */ - - // Document order sorting - sortOrder = hasCompare ? - function( a, b ) { - - // Flag for duplicate removal - if ( a === b ) { - hasDuplicate = true; - return 0; - } - - // Sort on method existence if only one input has compareDocumentPosition - var compare = !a.compareDocumentPosition - !b.compareDocumentPosition; - if ( compare ) { - return compare; - } - - // Calculate position if both inputs belong to the same document - compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ? - a.compareDocumentPosition( b ) : - - // Otherwise we know they are disconnected - 1; - - // Disconnected nodes - if ( compare & 1 || - (!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) { - - // Choose the first element that is related to our preferred document - if ( a === document || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) { - return -1; - } - if ( b === document || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) { - return 1; - } - - // Maintain original order - return sortInput ? - ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : - 0; - } - - return compare & 4 ? -1 : 1; - } : - function( a, b ) { - // Exit early if the nodes are identical - if ( a === b ) { - hasDuplicate = true; - return 0; - } - - var cur, - i = 0, - aup = a.parentNode, - bup = b.parentNode, - ap = [ a ], - bp = [ b ]; - - // Parentless nodes are either documents or disconnected - if ( !aup || !bup ) { - return a === document ? -1 : - b === document ? 1 : - aup ? -1 : - bup ? 1 : - sortInput ? - ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : - 0; - - // If the nodes are siblings, we can do a quick check - } else if ( aup === bup ) { - return siblingCheck( a, b ); - } - - // Otherwise we need full lists of their ancestors for comparison - cur = a; - while ( (cur = cur.parentNode) ) { - ap.unshift( cur ); - } - cur = b; - while ( (cur = cur.parentNode) ) { - bp.unshift( cur ); - } - - // Walk down the tree looking for a discrepancy - while ( ap[i] === bp[i] ) { - i++; - } - - return i ? - // Do a sibling check if the nodes have a common ancestor - siblingCheck( ap[i], bp[i] ) : - - // Otherwise nodes in our document sort first - ap[i] === preferredDoc ? -1 : - bp[i] === preferredDoc ? 1 : - 0; - }; - - return document; -}; - -Sizzle.matches = function( expr, elements ) { - return Sizzle( expr, null, null, elements ); -}; - -Sizzle.matchesSelector = function( elem, expr ) { - // Set document vars if needed - if ( ( elem.ownerDocument || elem ) !== document ) { - setDocument( elem ); - } - - // Make sure that attribute selectors are quoted - expr = expr.replace( rattributeQuotes, "='$1']" ); - - if ( support.matchesSelector && documentIsHTML && - !compilerCache[ expr + " " ] && - ( !rbuggyMatches || !rbuggyMatches.test( expr ) ) && - ( !rbuggyQSA || !rbuggyQSA.test( expr ) ) ) { - - try { - var ret = matches.call( elem, expr ); - - // IE 9's matchesSelector returns false on disconnected nodes - if ( ret || support.disconnectedMatch || - // As well, disconnected nodes are said to be in a document - // fragment in IE 9 - elem.document && elem.document.nodeType !== 11 ) { - return ret; - } - } catch (e) {} - } - - return Sizzle( expr, document, null, [ elem ] ).length > 0; -}; - -Sizzle.contains = function( context, elem ) { - // Set document vars if needed - if ( ( context.ownerDocument || context ) !== document ) { - setDocument( context ); - } - return contains( context, elem ); -}; - -Sizzle.attr = function( elem, name ) { - // Set document vars if needed - if ( ( elem.ownerDocument || elem ) !== document ) { - setDocument( elem ); - } - - var fn = Expr.attrHandle[ name.toLowerCase() ], - // Don't get fooled by Object.prototype properties (jQuery #13807) - val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ? - fn( elem, name, !documentIsHTML ) : - undefined; - - return val !== undefined ? - val : - support.attributes || !documentIsHTML ? - elem.getAttribute( name ) : - (val = elem.getAttributeNode(name)) && val.specified ? - val.value : - null; -}; - -Sizzle.escape = function( sel ) { - return (sel + "").replace( rcssescape, fcssescape ); -}; - -Sizzle.error = function( msg ) { - throw new Error( "Syntax error, unrecognized expression: " + msg ); -}; - -/** - * Document sorting and removing duplicates - * @param {ArrayLike} results - */ -Sizzle.uniqueSort = function( results ) { - var elem, - duplicates = [], - j = 0, - i = 0; - - // Unless we *know* we can detect duplicates, assume their presence - hasDuplicate = !support.detectDuplicates; - sortInput = !support.sortStable && results.slice( 0 ); - results.sort( sortOrder ); - - if ( hasDuplicate ) { - while ( (elem = results[i++]) ) { - if ( elem === results[ i ] ) { - j = duplicates.push( i ); - } - } - while ( j-- ) { - results.splice( duplicates[ j ], 1 ); - } - } - - // Clear input after sorting to release objects - // See https://github.com/jquery/sizzle/pull/225 - sortInput = null; - - return results; -}; - -/** - * Utility function for retrieving the text value of an array of DOM nodes - * @param {Array|Element} elem - */ -getText = Sizzle.getText = function( elem ) { - var node, - ret = "", - i = 0, - nodeType = elem.nodeType; - - if ( !nodeType ) { - // If no nodeType, this is expected to be an array - while ( (node = elem[i++]) ) { - // Do not traverse comment nodes - ret += getText( node ); - } - } else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) { - // Use textContent for elements - // innerText usage removed for consistency of new lines (jQuery #11153) - if ( typeof elem.textContent === "string" ) { - return elem.textContent; - } else { - // Traverse its children - for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { - ret += getText( elem ); - } - } - } else if ( nodeType === 3 || nodeType === 4 ) { - return elem.nodeValue; - } - // Do not include comment or processing instruction nodes - - return ret; -}; - -Expr = Sizzle.selectors = { - - // Can be adjusted by the user - cacheLength: 50, - - createPseudo: markFunction, - - match: matchExpr, - - attrHandle: {}, - - find: {}, - - relative: { - ">": { dir: "parentNode", first: true }, - " ": { dir: "parentNode" }, - "+": { dir: "previousSibling", first: true }, - "~": { dir: "previousSibling" } - }, - - preFilter: { - "ATTR": function( match ) { - match[1] = match[1].replace( runescape, funescape ); - - // Move the given value to match[3] whether quoted or unquoted - match[3] = ( match[3] || match[4] || match[5] || "" ).replace( runescape, funescape ); - - if ( match[2] === "~=" ) { - match[3] = " " + match[3] + " "; - } - - return match.slice( 0, 4 ); - }, - - "CHILD": function( match ) { - /* matches from matchExpr["CHILD"] - 1 type (only|nth|...) - 2 what (child|of-type) - 3 argument (even|odd|\d*|\d*n([+-]\d+)?|...) - 4 xn-component of xn+y argument ([+-]?\d*n|) - 5 sign of xn-component - 6 x of xn-component - 7 sign of y-component - 8 y of y-component - */ - match[1] = match[1].toLowerCase(); - - if ( match[1].slice( 0, 3 ) === "nth" ) { - // nth-* requires argument - if ( !match[3] ) { - Sizzle.error( match[0] ); - } - - // numeric x and y parameters for Expr.filter.CHILD - // remember that false/true cast respectively to 0/1 - match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) ); - match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" ); - - // other types prohibit arguments - } else if ( match[3] ) { - Sizzle.error( match[0] ); - } - - return match; - }, - - "PSEUDO": function( match ) { - var excess, - unquoted = !match[6] && match[2]; - - if ( matchExpr["CHILD"].test( match[0] ) ) { - return null; - } - - // Accept quoted arguments as-is - if ( match[3] ) { - match[2] = match[4] || match[5] || ""; - - // Strip excess characters from unquoted arguments - } else if ( unquoted && rpseudo.test( unquoted ) && - // Get excess from tokenize (recursively) - (excess = tokenize( unquoted, true )) && - // advance to the next closing parenthesis - (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) { - - // excess is a negative index - match[0] = match[0].slice( 0, excess ); - match[2] = unquoted.slice( 0, excess ); - } - - // Return only captures needed by the pseudo filter method (type and argument) - return match.slice( 0, 3 ); - } - }, - - filter: { - - "TAG": function( nodeNameSelector ) { - var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase(); - return nodeNameSelector === "*" ? - function() { return true; } : - function( elem ) { - return elem.nodeName && elem.nodeName.toLowerCase() === nodeName; - }; - }, - - "CLASS": function( className ) { - var pattern = classCache[ className + " " ]; - - return pattern || - (pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) && - classCache( className, function( elem ) { - return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== "undefined" && elem.getAttribute("class") || "" ); - }); - }, - - "ATTR": function( name, operator, check ) { - return function( elem ) { - var result = Sizzle.attr( elem, name ); - - if ( result == null ) { - return operator === "!="; - } - if ( !operator ) { - return true; - } - - result += ""; - - return operator === "=" ? result === check : - operator === "!=" ? result !== check : - operator === "^=" ? check && result.indexOf( check ) === 0 : - operator === "*=" ? check && result.indexOf( check ) > -1 : - operator === "$=" ? check && result.slice( -check.length ) === check : - operator === "~=" ? ( " " + result.replace( rwhitespace, " " ) + " " ).indexOf( check ) > -1 : - operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" : - false; - }; - }, - - "CHILD": function( type, what, argument, first, last ) { - var simple = type.slice( 0, 3 ) !== "nth", - forward = type.slice( -4 ) !== "last", - ofType = what === "of-type"; - - return first === 1 && last === 0 ? - - // Shortcut for :nth-*(n) - function( elem ) { - return !!elem.parentNode; - } : - - function( elem, context, xml ) { - var cache, uniqueCache, outerCache, node, nodeIndex, start, - dir = simple !== forward ? "nextSibling" : "previousSibling", - parent = elem.parentNode, - name = ofType && elem.nodeName.toLowerCase(), - useCache = !xml && !ofType, - diff = false; - - if ( parent ) { - - // :(first|last|only)-(child|of-type) - if ( simple ) { - while ( dir ) { - node = elem; - while ( (node = node[ dir ]) ) { - if ( ofType ? - node.nodeName.toLowerCase() === name : - node.nodeType === 1 ) { - - return false; - } - } - // Reverse direction for :only-* (if we haven't yet done so) - start = dir = type === "only" && !start && "nextSibling"; - } - return true; - } - - start = [ forward ? parent.firstChild : parent.lastChild ]; - - // non-xml :nth-child(...) stores cache data on `parent` - if ( forward && useCache ) { - - // Seek `elem` from a previously-cached index - - // ...in a gzip-friendly way - node = parent; - outerCache = node[ expando ] || (node[ expando ] = {}); - - // Support: IE <9 only - // Defend against cloned attroperties (jQuery gh-1709) - uniqueCache = outerCache[ node.uniqueID ] || - (outerCache[ node.uniqueID ] = {}); - - cache = uniqueCache[ type ] || []; - nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ]; - diff = nodeIndex && cache[ 2 ]; - node = nodeIndex && parent.childNodes[ nodeIndex ]; - - while ( (node = ++nodeIndex && node && node[ dir ] || - - // Fallback to seeking `elem` from the start - (diff = nodeIndex = 0) || start.pop()) ) { - - // When found, cache indexes on `parent` and break - if ( node.nodeType === 1 && ++diff && node === elem ) { - uniqueCache[ type ] = [ dirruns, nodeIndex, diff ]; - break; - } - } - - } else { - // Use previously-cached element index if available - if ( useCache ) { - // ...in a gzip-friendly way - node = elem; - outerCache = node[ expando ] || (node[ expando ] = {}); - - // Support: IE <9 only - // Defend against cloned attroperties (jQuery gh-1709) - uniqueCache = outerCache[ node.uniqueID ] || - (outerCache[ node.uniqueID ] = {}); - - cache = uniqueCache[ type ] || []; - nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ]; - diff = nodeIndex; - } - - // xml :nth-child(...) - // or :nth-last-child(...) or :nth(-last)?-of-type(...) - if ( diff === false ) { - // Use the same loop as above to seek `elem` from the start - while ( (node = ++nodeIndex && node && node[ dir ] || - (diff = nodeIndex = 0) || start.pop()) ) { - - if ( ( ofType ? - node.nodeName.toLowerCase() === name : - node.nodeType === 1 ) && - ++diff ) { - - // Cache the index of each encountered element - if ( useCache ) { - outerCache = node[ expando ] || (node[ expando ] = {}); - - // Support: IE <9 only - // Defend against cloned attroperties (jQuery gh-1709) - uniqueCache = outerCache[ node.uniqueID ] || - (outerCache[ node.uniqueID ] = {}); - - uniqueCache[ type ] = [ dirruns, diff ]; - } - - if ( node === elem ) { - break; - } - } - } - } - } - - // Incorporate the offset, then check against cycle size - diff -= last; - return diff === first || ( diff % first === 0 && diff / first >= 0 ); - } - }; - }, - - "PSEUDO": function( pseudo, argument ) { - // pseudo-class names are case-insensitive - // http://www.w3.org/TR/selectors/#pseudo-classes - // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters - // Remember that setFilters inherits from pseudos - var args, - fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] || - Sizzle.error( "unsupported pseudo: " + pseudo ); - - // The user may use createPseudo to indicate that - // arguments are needed to create the filter function - // just as Sizzle does - if ( fn[ expando ] ) { - return fn( argument ); - } - - // But maintain support for old signatures - if ( fn.length > 1 ) { - args = [ pseudo, pseudo, "", argument ]; - return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ? - markFunction(function( seed, matches ) { - var idx, - matched = fn( seed, argument ), - i = matched.length; - while ( i-- ) { - idx = indexOf( seed, matched[i] ); - seed[ idx ] = !( matches[ idx ] = matched[i] ); - } - }) : - function( elem ) { - return fn( elem, 0, args ); - }; - } - - return fn; - } - }, - - pseudos: { - // Potentially complex pseudos - "not": markFunction(function( selector ) { - // Trim the selector passed to compile - // to avoid treating leading and trailing - // spaces as combinators - var input = [], - results = [], - matcher = compile( selector.replace( rtrim, "$1" ) ); - - return matcher[ expando ] ? - markFunction(function( seed, matches, context, xml ) { - var elem, - unmatched = matcher( seed, null, xml, [] ), - i = seed.length; - - // Match elements unmatched by `matcher` - while ( i-- ) { - if ( (elem = unmatched[i]) ) { - seed[i] = !(matches[i] = elem); - } - } - }) : - function( elem, context, xml ) { - input[0] = elem; - matcher( input, null, xml, results ); - // Don't keep the element (issue #299) - input[0] = null; - return !results.pop(); - }; - }), - - "has": markFunction(function( selector ) { - return function( elem ) { - return Sizzle( selector, elem ).length > 0; - }; - }), - - "contains": markFunction(function( text ) { - text = text.replace( runescape, funescape ); - return function( elem ) { - return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1; - }; - }), - - // "Whether an element is represented by a :lang() selector - // is based solely on the element's language value - // being equal to the identifier C, - // or beginning with the identifier C immediately followed by "-". - // The matching of C against the element's language value is performed case-insensitively. - // The identifier C does not have to be a valid language name." - // http://www.w3.org/TR/selectors/#lang-pseudo - "lang": markFunction( function( lang ) { - // lang value must be a valid identifier - if ( !ridentifier.test(lang || "") ) { - Sizzle.error( "unsupported lang: " + lang ); - } - lang = lang.replace( runescape, funescape ).toLowerCase(); - return function( elem ) { - var elemLang; - do { - if ( (elemLang = documentIsHTML ? - elem.lang : - elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) { - - elemLang = elemLang.toLowerCase(); - return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0; - } - } while ( (elem = elem.parentNode) && elem.nodeType === 1 ); - return false; - }; - }), - - // Miscellaneous - "target": function( elem ) { - var hash = window.location && window.location.hash; - return hash && hash.slice( 1 ) === elem.id; - }, - - "root": function( elem ) { - return elem === docElem; - }, - - "focus": function( elem ) { - return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex); - }, - - // Boolean properties - "enabled": createDisabledPseudo( false ), - "disabled": createDisabledPseudo( true ), - - "checked": function( elem ) { - // In CSS3, :checked should return both checked and selected elements - // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked - var nodeName = elem.nodeName.toLowerCase(); - return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected); - }, - - "selected": function( elem ) { - // Accessing this property makes selected-by-default - // options in Safari work properly - if ( elem.parentNode ) { - elem.parentNode.selectedIndex; - } - - return elem.selected === true; - }, - - // Contents - "empty": function( elem ) { - // http://www.w3.org/TR/selectors/#empty-pseudo - // :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5), - // but not by others (comment: 8; processing instruction: 7; etc.) - // nodeType < 6 works because attributes (2) do not appear as children - for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { - if ( elem.nodeType < 6 ) { - return false; - } - } - return true; - }, - - "parent": function( elem ) { - return !Expr.pseudos["empty"]( elem ); - }, - - // Element/input types - "header": function( elem ) { - return rheader.test( elem.nodeName ); - }, - - "input": function( elem ) { - return rinputs.test( elem.nodeName ); - }, - - "button": function( elem ) { - var name = elem.nodeName.toLowerCase(); - return name === "input" && elem.type === "button" || name === "button"; - }, - - "text": function( elem ) { - var attr; - return elem.nodeName.toLowerCase() === "input" && - elem.type === "text" && - - // Support: IE<8 - // New HTML5 attribute values (e.g., "search") appear with elem.type === "text" - ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" ); - }, - - // Position-in-collection - "first": createPositionalPseudo(function() { - return [ 0 ]; - }), - - "last": createPositionalPseudo(function( matchIndexes, length ) { - return [ length - 1 ]; - }), - - "eq": createPositionalPseudo(function( matchIndexes, length, argument ) { - return [ argument < 0 ? argument + length : argument ]; - }), - - "even": createPositionalPseudo(function( matchIndexes, length ) { - var i = 0; - for ( ; i < length; i += 2 ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "odd": createPositionalPseudo(function( matchIndexes, length ) { - var i = 1; - for ( ; i < length; i += 2 ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "lt": createPositionalPseudo(function( matchIndexes, length, argument ) { - var i = argument < 0 ? argument + length : argument; - for ( ; --i >= 0; ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "gt": createPositionalPseudo(function( matchIndexes, length, argument ) { - var i = argument < 0 ? argument + length : argument; - for ( ; ++i < length; ) { - matchIndexes.push( i ); - } - return matchIndexes; - }) - } -}; - -Expr.pseudos["nth"] = Expr.pseudos["eq"]; - -// Add button/input type pseudos -for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) { - Expr.pseudos[ i ] = createInputPseudo( i ); -} -for ( i in { submit: true, reset: true } ) { - Expr.pseudos[ i ] = createButtonPseudo( i ); -} - -// Easy API for creating new setFilters -function setFilters() {} -setFilters.prototype = Expr.filters = Expr.pseudos; -Expr.setFilters = new setFilters(); - -tokenize = Sizzle.tokenize = function( selector, parseOnly ) { - var matched, match, tokens, type, - soFar, groups, preFilters, - cached = tokenCache[ selector + " " ]; - - if ( cached ) { - return parseOnly ? 0 : cached.slice( 0 ); - } - - soFar = selector; - groups = []; - preFilters = Expr.preFilter; - - while ( soFar ) { - - // Comma and first run - if ( !matched || (match = rcomma.exec( soFar )) ) { - if ( match ) { - // Don't consume trailing commas as valid - soFar = soFar.slice( match[0].length ) || soFar; - } - groups.push( (tokens = []) ); - } - - matched = false; - - // Combinators - if ( (match = rcombinators.exec( soFar )) ) { - matched = match.shift(); - tokens.push({ - value: matched, - // Cast descendant combinators to space - type: match[0].replace( rtrim, " " ) - }); - soFar = soFar.slice( matched.length ); - } - - // Filters - for ( type in Expr.filter ) { - if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] || - (match = preFilters[ type ]( match ))) ) { - matched = match.shift(); - tokens.push({ - value: matched, - type: type, - matches: match - }); - soFar = soFar.slice( matched.length ); - } - } - - if ( !matched ) { - break; - } - } - - // Return the length of the invalid excess - // if we're just parsing - // Otherwise, throw an error or return tokens - return parseOnly ? - soFar.length : - soFar ? - Sizzle.error( selector ) : - // Cache the tokens - tokenCache( selector, groups ).slice( 0 ); -}; - -function toSelector( tokens ) { - var i = 0, - len = tokens.length, - selector = ""; - for ( ; i < len; i++ ) { - selector += tokens[i].value; - } - return selector; -} - -function addCombinator( matcher, combinator, base ) { - var dir = combinator.dir, - skip = combinator.next, - key = skip || dir, - checkNonElements = base && key === "parentNode", - doneName = done++; - - return combinator.first ? - // Check against closest ancestor/preceding element - function( elem, context, xml ) { - while ( (elem = elem[ dir ]) ) { - if ( elem.nodeType === 1 || checkNonElements ) { - return matcher( elem, context, xml ); - } - } - return false; - } : - - // Check against all ancestor/preceding elements - function( elem, context, xml ) { - var oldCache, uniqueCache, outerCache, - newCache = [ dirruns, doneName ]; - - // We can't set arbitrary data on XML nodes, so they don't benefit from combinator caching - if ( xml ) { - while ( (elem = elem[ dir ]) ) { - if ( elem.nodeType === 1 || checkNonElements ) { - if ( matcher( elem, context, xml ) ) { - return true; - } - } - } - } else { - while ( (elem = elem[ dir ]) ) { - if ( elem.nodeType === 1 || checkNonElements ) { - outerCache = elem[ expando ] || (elem[ expando ] = {}); - - // Support: IE <9 only - // Defend against cloned attroperties (jQuery gh-1709) - uniqueCache = outerCache[ elem.uniqueID ] || (outerCache[ elem.uniqueID ] = {}); - - if ( skip && skip === elem.nodeName.toLowerCase() ) { - elem = elem[ dir ] || elem; - } else if ( (oldCache = uniqueCache[ key ]) && - oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) { - - // Assign to newCache so results back-propagate to previous elements - return (newCache[ 2 ] = oldCache[ 2 ]); - } else { - // Reuse newcache so results back-propagate to previous elements - uniqueCache[ key ] = newCache; - - // A match means we're done; a fail means we have to keep checking - if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) { - return true; - } - } - } - } - } - return false; - }; -} - -function elementMatcher( matchers ) { - return matchers.length > 1 ? - function( elem, context, xml ) { - var i = matchers.length; - while ( i-- ) { - if ( !matchers[i]( elem, context, xml ) ) { - return false; - } - } - return true; - } : - matchers[0]; -} - -function multipleContexts( selector, contexts, results ) { - var i = 0, - len = contexts.length; - for ( ; i < len; i++ ) { - Sizzle( selector, contexts[i], results ); - } - return results; -} - -function condense( unmatched, map, filter, context, xml ) { - var elem, - newUnmatched = [], - i = 0, - len = unmatched.length, - mapped = map != null; - - for ( ; i < len; i++ ) { - if ( (elem = unmatched[i]) ) { - if ( !filter || filter( elem, context, xml ) ) { - newUnmatched.push( elem ); - if ( mapped ) { - map.push( i ); - } - } - } - } - - return newUnmatched; -} - -function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) { - if ( postFilter && !postFilter[ expando ] ) { - postFilter = setMatcher( postFilter ); - } - if ( postFinder && !postFinder[ expando ] ) { - postFinder = setMatcher( postFinder, postSelector ); - } - return markFunction(function( seed, results, context, xml ) { - var temp, i, elem, - preMap = [], - postMap = [], - preexisting = results.length, - - // Get initial elements from seed or context - elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ), - - // Prefilter to get matcher input, preserving a map for seed-results synchronization - matcherIn = preFilter && ( seed || !selector ) ? - condense( elems, preMap, preFilter, context, xml ) : - elems, - - matcherOut = matcher ? - // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results, - postFinder || ( seed ? preFilter : preexisting || postFilter ) ? - - // ...intermediate processing is necessary - [] : - - // ...otherwise use results directly - results : - matcherIn; - - // Find primary matches - if ( matcher ) { - matcher( matcherIn, matcherOut, context, xml ); - } - - // Apply postFilter - if ( postFilter ) { - temp = condense( matcherOut, postMap ); - postFilter( temp, [], context, xml ); - - // Un-match failing elements by moving them back to matcherIn - i = temp.length; - while ( i-- ) { - if ( (elem = temp[i]) ) { - matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem); - } - } - } - - if ( seed ) { - if ( postFinder || preFilter ) { - if ( postFinder ) { - // Get the final matcherOut by condensing this intermediate into postFinder contexts - temp = []; - i = matcherOut.length; - while ( i-- ) { - if ( (elem = matcherOut[i]) ) { - // Restore matcherIn since elem is not yet a final match - temp.push( (matcherIn[i] = elem) ); - } - } - postFinder( null, (matcherOut = []), temp, xml ); - } - - // Move matched elements from seed to results to keep them synchronized - i = matcherOut.length; - while ( i-- ) { - if ( (elem = matcherOut[i]) && - (temp = postFinder ? indexOf( seed, elem ) : preMap[i]) > -1 ) { - - seed[temp] = !(results[temp] = elem); - } - } - } - - // Add elements to results, through postFinder if defined - } else { - matcherOut = condense( - matcherOut === results ? - matcherOut.splice( preexisting, matcherOut.length ) : - matcherOut - ); - if ( postFinder ) { - postFinder( null, results, matcherOut, xml ); - } else { - push.apply( results, matcherOut ); - } - } - }); -} - -function matcherFromTokens( tokens ) { - var checkContext, matcher, j, - len = tokens.length, - leadingRelative = Expr.relative[ tokens[0].type ], - implicitRelative = leadingRelative || Expr.relative[" "], - i = leadingRelative ? 1 : 0, - - // The foundational matcher ensures that elements are reachable from top-level context(s) - matchContext = addCombinator( function( elem ) { - return elem === checkContext; - }, implicitRelative, true ), - matchAnyContext = addCombinator( function( elem ) { - return indexOf( checkContext, elem ) > -1; - }, implicitRelative, true ), - matchers = [ function( elem, context, xml ) { - var ret = ( !leadingRelative && ( xml || context !== outermostContext ) ) || ( - (checkContext = context).nodeType ? - matchContext( elem, context, xml ) : - matchAnyContext( elem, context, xml ) ); - // Avoid hanging onto element (issue #299) - checkContext = null; - return ret; - } ]; - - for ( ; i < len; i++ ) { - if ( (matcher = Expr.relative[ tokens[i].type ]) ) { - matchers = [ addCombinator(elementMatcher( matchers ), matcher) ]; - } else { - matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches ); - - // Return special upon seeing a positional matcher - if ( matcher[ expando ] ) { - // Find the next relative operator (if any) for proper handling - j = ++i; - for ( ; j < len; j++ ) { - if ( Expr.relative[ tokens[j].type ] ) { - break; - } - } - return setMatcher( - i > 1 && elementMatcher( matchers ), - i > 1 && toSelector( - // If the preceding token was a descendant combinator, insert an implicit any-element `*` - tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" }) - ).replace( rtrim, "$1" ), - matcher, - i < j && matcherFromTokens( tokens.slice( i, j ) ), - j < len && matcherFromTokens( (tokens = tokens.slice( j )) ), - j < len && toSelector( tokens ) - ); - } - matchers.push( matcher ); - } - } - - return elementMatcher( matchers ); -} - -function matcherFromGroupMatchers( elementMatchers, setMatchers ) { - var bySet = setMatchers.length > 0, - byElement = elementMatchers.length > 0, - superMatcher = function( seed, context, xml, results, outermost ) { - var elem, j, matcher, - matchedCount = 0, - i = "0", - unmatched = seed && [], - setMatched = [], - contextBackup = outermostContext, - // We must always have either seed elements or outermost context - elems = seed || byElement && Expr.find["TAG"]( "*", outermost ), - // Use integer dirruns iff this is the outermost matcher - dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1), - len = elems.length; - - if ( outermost ) { - outermostContext = context === document || context || outermost; - } - - // Add elements passing elementMatchers directly to results - // Support: IE<9, Safari - // Tolerate NodeList properties (IE: "length"; Safari: ) matching elements by id - for ( ; i !== len && (elem = elems[i]) != null; i++ ) { - if ( byElement && elem ) { - j = 0; - if ( !context && elem.ownerDocument !== document ) { - setDocument( elem ); - xml = !documentIsHTML; - } - while ( (matcher = elementMatchers[j++]) ) { - if ( matcher( elem, context || document, xml) ) { - results.push( elem ); - break; - } - } - if ( outermost ) { - dirruns = dirrunsUnique; - } - } - - // Track unmatched elements for set filters - if ( bySet ) { - // They will have gone through all possible matchers - if ( (elem = !matcher && elem) ) { - matchedCount--; - } - - // Lengthen the array for every element, matched or not - if ( seed ) { - unmatched.push( elem ); - } - } - } - - // `i` is now the count of elements visited above, and adding it to `matchedCount` - // makes the latter nonnegative. - matchedCount += i; - - // Apply set filters to unmatched elements - // NOTE: This can be skipped if there are no unmatched elements (i.e., `matchedCount` - // equals `i`), unless we didn't visit _any_ elements in the above loop because we have - // no element matchers and no seed. - // Incrementing an initially-string "0" `i` allows `i` to remain a string only in that - // case, which will result in a "00" `matchedCount` that differs from `i` but is also - // numerically zero. - if ( bySet && i !== matchedCount ) { - j = 0; - while ( (matcher = setMatchers[j++]) ) { - matcher( unmatched, setMatched, context, xml ); - } - - if ( seed ) { - // Reintegrate element matches to eliminate the need for sorting - if ( matchedCount > 0 ) { - while ( i-- ) { - if ( !(unmatched[i] || setMatched[i]) ) { - setMatched[i] = pop.call( results ); - } - } - } - - // Discard index placeholder values to get only actual matches - setMatched = condense( setMatched ); - } - - // Add matches to results - push.apply( results, setMatched ); - - // Seedless set matches succeeding multiple successful matchers stipulate sorting - if ( outermost && !seed && setMatched.length > 0 && - ( matchedCount + setMatchers.length ) > 1 ) { - - Sizzle.uniqueSort( results ); - } - } - - // Override manipulation of globals by nested matchers - if ( outermost ) { - dirruns = dirrunsUnique; - outermostContext = contextBackup; - } - - return unmatched; - }; - - return bySet ? - markFunction( superMatcher ) : - superMatcher; -} - -compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) { - var i, - setMatchers = [], - elementMatchers = [], - cached = compilerCache[ selector + " " ]; - - if ( !cached ) { - // Generate a function of recursive functions that can be used to check each element - if ( !match ) { - match = tokenize( selector ); - } - i = match.length; - while ( i-- ) { - cached = matcherFromTokens( match[i] ); - if ( cached[ expando ] ) { - setMatchers.push( cached ); - } else { - elementMatchers.push( cached ); - } - } - - // Cache the compiled function - cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) ); - - // Save selector and tokenization - cached.selector = selector; - } - return cached; -}; - -/** - * A low-level selection function that works with Sizzle's compiled - * selector functions - * @param {String|Function} selector A selector or a pre-compiled - * selector function built with Sizzle.compile - * @param {Element} context - * @param {Array} [results] - * @param {Array} [seed] A set of elements to match against - */ -select = Sizzle.select = function( selector, context, results, seed ) { - var i, tokens, token, type, find, - compiled = typeof selector === "function" && selector, - match = !seed && tokenize( (selector = compiled.selector || selector) ); - - results = results || []; - - // Try to minimize operations if there is only one selector in the list and no seed - // (the latter of which guarantees us context) - if ( match.length === 1 ) { - - // Reduce context if the leading compound selector is an ID - tokens = match[0] = match[0].slice( 0 ); - if ( tokens.length > 2 && (token = tokens[0]).type === "ID" && - context.nodeType === 9 && documentIsHTML && Expr.relative[ tokens[1].type ] ) { - - context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0]; - if ( !context ) { - return results; - - // Precompiled matchers will still verify ancestry, so step up a level - } else if ( compiled ) { - context = context.parentNode; - } - - selector = selector.slice( tokens.shift().value.length ); - } - - // Fetch a seed set for right-to-left matching - i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length; - while ( i-- ) { - token = tokens[i]; - - // Abort if we hit a combinator - if ( Expr.relative[ (type = token.type) ] ) { - break; - } - if ( (find = Expr.find[ type ]) ) { - // Search, expanding context for leading sibling combinators - if ( (seed = find( - token.matches[0].replace( runescape, funescape ), - rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context - )) ) { - - // If seed is empty or no tokens remain, we can return early - tokens.splice( i, 1 ); - selector = seed.length && toSelector( tokens ); - if ( !selector ) { - push.apply( results, seed ); - return results; - } - - break; - } - } - } - } - - // Compile and execute a filtering function if one is not provided - // Provide `match` to avoid retokenization if we modified the selector above - ( compiled || compile( selector, match ) )( - seed, - context, - !documentIsHTML, - results, - !context || rsibling.test( selector ) && testContext( context.parentNode ) || context - ); - return results; -}; - -// One-time assignments - -// Sort stability -support.sortStable = expando.split("").sort( sortOrder ).join("") === expando; - -// Support: Chrome 14-35+ -// Always assume duplicates if they aren't passed to the comparison function -support.detectDuplicates = !!hasDuplicate; - -// Initialize against the default document -setDocument(); - -// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27) -// Detached nodes confoundingly follow *each other* -support.sortDetached = assert(function( el ) { - // Should return 1, but returns 4 (following) - return el.compareDocumentPosition( document.createElement("fieldset") ) & 1; -}); - -// Support: IE<8 -// Prevent attribute/property "interpolation" -// https://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx -if ( !assert(function( el ) { - el.innerHTML = ""; - return el.firstChild.getAttribute("href") === "#" ; -}) ) { - addHandle( "type|href|height|width", function( elem, name, isXML ) { - if ( !isXML ) { - return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 ); - } - }); -} - -// Support: IE<9 -// Use defaultValue in place of getAttribute("value") -if ( !support.attributes || !assert(function( el ) { - el.innerHTML = ""; - el.firstChild.setAttribute( "value", "" ); - return el.firstChild.getAttribute( "value" ) === ""; -}) ) { - addHandle( "value", function( elem, name, isXML ) { - if ( !isXML && elem.nodeName.toLowerCase() === "input" ) { - return elem.defaultValue; - } - }); -} - -// Support: IE<9 -// Use getAttributeNode to fetch booleans when getAttribute lies -if ( !assert(function( el ) { - return el.getAttribute("disabled") == null; -}) ) { - addHandle( booleans, function( elem, name, isXML ) { - var val; - if ( !isXML ) { - return elem[ name ] === true ? name.toLowerCase() : - (val = elem.getAttributeNode( name )) && val.specified ? - val.value : - null; - } - }); -} - -return Sizzle; - -})( window ); - - - -jQuery.find = Sizzle; -jQuery.expr = Sizzle.selectors; - -// Deprecated -jQuery.expr[ ":" ] = jQuery.expr.pseudos; -jQuery.uniqueSort = jQuery.unique = Sizzle.uniqueSort; -jQuery.text = Sizzle.getText; -jQuery.isXMLDoc = Sizzle.isXML; -jQuery.contains = Sizzle.contains; -jQuery.escapeSelector = Sizzle.escape; - - - - -var dir = function( elem, dir, until ) { - var matched = [], - truncate = until !== undefined; - - while ( ( elem = elem[ dir ] ) && elem.nodeType !== 9 ) { - if ( elem.nodeType === 1 ) { - if ( truncate && jQuery( elem ).is( until ) ) { - break; - } - matched.push( elem ); - } - } - return matched; -}; - - -var siblings = function( n, elem ) { - var matched = []; - - for ( ; n; n = n.nextSibling ) { - if ( n.nodeType === 1 && n !== elem ) { - matched.push( n ); - } - } - - return matched; -}; - - -var rneedsContext = jQuery.expr.match.needsContext; - - - -function nodeName( elem, name ) { - - return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase(); - -}; -var rsingleTag = ( /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i ); - - - -var risSimple = /^.[^:#\[\.,]*$/; - -// Implement the identical functionality for filter and not -function winnow( elements, qualifier, not ) { - if ( jQuery.isFunction( qualifier ) ) { - return jQuery.grep( elements, function( elem, i ) { - return !!qualifier.call( elem, i, elem ) !== not; - } ); - } - - // Single element - if ( qualifier.nodeType ) { - return jQuery.grep( elements, function( elem ) { - return ( elem === qualifier ) !== not; - } ); - } - - // Arraylike of elements (jQuery, arguments, Array) - if ( typeof qualifier !== "string" ) { - return jQuery.grep( elements, function( elem ) { - return ( indexOf.call( qualifier, elem ) > -1 ) !== not; - } ); - } - - // Simple selector that can be filtered directly, removing non-Elements - if ( risSimple.test( qualifier ) ) { - return jQuery.filter( qualifier, elements, not ); - } - - // Complex selector, compare the two sets, removing non-Elements - qualifier = jQuery.filter( qualifier, elements ); - return jQuery.grep( elements, function( elem ) { - return ( indexOf.call( qualifier, elem ) > -1 ) !== not && elem.nodeType === 1; - } ); -} - -jQuery.filter = function( expr, elems, not ) { - var elem = elems[ 0 ]; - - if ( not ) { - expr = ":not(" + expr + ")"; - } - - if ( elems.length === 1 && elem.nodeType === 1 ) { - return jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : []; - } - - return jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) { - return elem.nodeType === 1; - } ) ); -}; - -jQuery.fn.extend( { - find: function( selector ) { - var i, ret, - len = this.length, - self = this; - - if ( typeof selector !== "string" ) { - return this.pushStack( jQuery( selector ).filter( function() { - for ( i = 0; i < len; i++ ) { - if ( jQuery.contains( self[ i ], this ) ) { - return true; - } - } - } ) ); - } - - ret = this.pushStack( [] ); - - for ( i = 0; i < len; i++ ) { - jQuery.find( selector, self[ i ], ret ); - } - - return len > 1 ? jQuery.uniqueSort( ret ) : ret; - }, - filter: function( selector ) { - return this.pushStack( winnow( this, selector || [], false ) ); - }, - not: function( selector ) { - return this.pushStack( winnow( this, selector || [], true ) ); - }, - is: function( selector ) { - return !!winnow( - this, - - // If this is a positional/relative selector, check membership in the returned set - // so $("p:first").is("p:last") won't return true for a doc with two "p". - typeof selector === "string" && rneedsContext.test( selector ) ? - jQuery( selector ) : - selector || [], - false - ).length; - } -} ); - - -// Initialize a jQuery object - - -// A central reference to the root jQuery(document) -var rootjQuery, - - // A simple way to check for HTML strings - // Prioritize #id over to avoid XSS via location.hash (#9521) - // Strict HTML recognition (#11290: must start with <) - // Shortcut simple #id case for speed - rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/, - - init = jQuery.fn.init = function( selector, context, root ) { - var match, elem; - - // HANDLE: $(""), $(null), $(undefined), $(false) - if ( !selector ) { - return this; - } - - // Method init() accepts an alternate rootjQuery - // so migrate can support jQuery.sub (gh-2101) - root = root || rootjQuery; - - // Handle HTML strings - if ( typeof selector === "string" ) { - if ( selector[ 0 ] === "<" && - selector[ selector.length - 1 ] === ">" && - selector.length >= 3 ) { - - // Assume that strings that start and end with <> are HTML and skip the regex check - match = [ null, selector, null ]; - - } else { - match = rquickExpr.exec( selector ); - } - - // Match html or make sure no context is specified for #id - if ( match && ( match[ 1 ] || !context ) ) { - - // HANDLE: $(html) -> $(array) - if ( match[ 1 ] ) { - context = context instanceof jQuery ? context[ 0 ] : context; - - // Option to run scripts is true for back-compat - // Intentionally let the error be thrown if parseHTML is not present - jQuery.merge( this, jQuery.parseHTML( - match[ 1 ], - context && context.nodeType ? context.ownerDocument || context : document, - true - ) ); - - // HANDLE: $(html, props) - if ( rsingleTag.test( match[ 1 ] ) && jQuery.isPlainObject( context ) ) { - for ( match in context ) { - - // Properties of context are called as methods if possible - if ( jQuery.isFunction( this[ match ] ) ) { - this[ match ]( context[ match ] ); - - // ...and otherwise set as attributes - } else { - this.attr( match, context[ match ] ); - } - } - } - - return this; - - // HANDLE: $(#id) - } else { - elem = document.getElementById( match[ 2 ] ); - - if ( elem ) { - - // Inject the element directly into the jQuery object - this[ 0 ] = elem; - this.length = 1; - } - return this; - } - - // HANDLE: $(expr, $(...)) - } else if ( !context || context.jquery ) { - return ( context || root ).find( selector ); - - // HANDLE: $(expr, context) - // (which is just equivalent to: $(context).find(expr) - } else { - return this.constructor( context ).find( selector ); - } - - // HANDLE: $(DOMElement) - } else if ( selector.nodeType ) { - this[ 0 ] = selector; - this.length = 1; - return this; - - // HANDLE: $(function) - // Shortcut for document ready - } else if ( jQuery.isFunction( selector ) ) { - return root.ready !== undefined ? - root.ready( selector ) : - - // Execute immediately if ready is not present - selector( jQuery ); - } - - return jQuery.makeArray( selector, this ); - }; - -// Give the init function the jQuery prototype for later instantiation -init.prototype = jQuery.fn; - -// Initialize central reference -rootjQuery = jQuery( document ); - - -var rparentsprev = /^(?:parents|prev(?:Until|All))/, - - // Methods guaranteed to produce a unique set when starting from a unique set - guaranteedUnique = { - children: true, - contents: true, - next: true, - prev: true - }; - -jQuery.fn.extend( { - has: function( target ) { - var targets = jQuery( target, this ), - l = targets.length; - - return this.filter( function() { - var i = 0; - for ( ; i < l; i++ ) { - if ( jQuery.contains( this, targets[ i ] ) ) { - return true; - } - } - } ); - }, - - closest: function( selectors, context ) { - var cur, - i = 0, - l = this.length, - matched = [], - targets = typeof selectors !== "string" && jQuery( selectors ); - - // Positional selectors never match, since there's no _selection_ context - if ( !rneedsContext.test( selectors ) ) { - for ( ; i < l; i++ ) { - for ( cur = this[ i ]; cur && cur !== context; cur = cur.parentNode ) { - - // Always skip document fragments - if ( cur.nodeType < 11 && ( targets ? - targets.index( cur ) > -1 : - - // Don't pass non-elements to Sizzle - cur.nodeType === 1 && - jQuery.find.matchesSelector( cur, selectors ) ) ) { - - matched.push( cur ); - break; - } - } - } - } - - return this.pushStack( matched.length > 1 ? jQuery.uniqueSort( matched ) : matched ); - }, - - // Determine the position of an element within the set - index: function( elem ) { - - // No argument, return index in parent - if ( !elem ) { - return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1; - } - - // Index in selector - if ( typeof elem === "string" ) { - return indexOf.call( jQuery( elem ), this[ 0 ] ); - } - - // Locate the position of the desired element - return indexOf.call( this, - - // If it receives a jQuery object, the first element is used - elem.jquery ? elem[ 0 ] : elem - ); - }, - - add: function( selector, context ) { - return this.pushStack( - jQuery.uniqueSort( - jQuery.merge( this.get(), jQuery( selector, context ) ) - ) - ); - }, - - addBack: function( selector ) { - return this.add( selector == null ? - this.prevObject : this.prevObject.filter( selector ) - ); - } -} ); - -function sibling( cur, dir ) { - while ( ( cur = cur[ dir ] ) && cur.nodeType !== 1 ) {} - return cur; -} - -jQuery.each( { - parent: function( elem ) { - var parent = elem.parentNode; - return parent && parent.nodeType !== 11 ? parent : null; - }, - parents: function( elem ) { - return dir( elem, "parentNode" ); - }, - parentsUntil: function( elem, i, until ) { - return dir( elem, "parentNode", until ); - }, - next: function( elem ) { - return sibling( elem, "nextSibling" ); - }, - prev: function( elem ) { - return sibling( elem, "previousSibling" ); - }, - nextAll: function( elem ) { - return dir( elem, "nextSibling" ); - }, - prevAll: function( elem ) { - return dir( elem, "previousSibling" ); - }, - nextUntil: function( elem, i, until ) { - return dir( elem, "nextSibling", until ); - }, - prevUntil: function( elem, i, until ) { - return dir( elem, "previousSibling", until ); - }, - siblings: function( elem ) { - return siblings( ( elem.parentNode || {} ).firstChild, elem ); - }, - children: function( elem ) { - return siblings( elem.firstChild ); - }, - contents: function( elem ) { - if ( nodeName( elem, "iframe" ) ) { - return elem.contentDocument; - } - - // Support: IE 9 - 11 only, iOS 7 only, Android Browser <=4.3 only - // Treat the template element as a regular one in browsers that - // don't support it. - if ( nodeName( elem, "template" ) ) { - elem = elem.content || elem; - } - - return jQuery.merge( [], elem.childNodes ); - } -}, function( name, fn ) { - jQuery.fn[ name ] = function( until, selector ) { - var matched = jQuery.map( this, fn, until ); - - if ( name.slice( -5 ) !== "Until" ) { - selector = until; - } - - if ( selector && typeof selector === "string" ) { - matched = jQuery.filter( selector, matched ); - } - - if ( this.length > 1 ) { - - // Remove duplicates - if ( !guaranteedUnique[ name ] ) { - jQuery.uniqueSort( matched ); - } - - // Reverse order for parents* and prev-derivatives - if ( rparentsprev.test( name ) ) { - matched.reverse(); - } - } - - return this.pushStack( matched ); - }; -} ); -var rnothtmlwhite = ( /[^\x20\t\r\n\f]+/g ); - - - -// Convert String-formatted options into Object-formatted ones -function createOptions( options ) { - var object = {}; - jQuery.each( options.match( rnothtmlwhite ) || [], function( _, flag ) { - object[ flag ] = true; - } ); - return object; -} - -/* - * Create a callback list using the following parameters: - * - * options: an optional list of space-separated options that will change how - * the callback list behaves or a more traditional option object - * - * By default a callback list will act like an event callback list and can be - * "fired" multiple times. - * - * Possible options: - * - * once: will ensure the callback list can only be fired once (like a Deferred) - * - * memory: will keep track of previous values and will call any callback added - * after the list has been fired right away with the latest "memorized" - * values (like a Deferred) - * - * unique: will ensure a callback can only be added once (no duplicate in the list) - * - * stopOnFalse: interrupt callings when a callback returns false - * - */ -jQuery.Callbacks = function( options ) { - - // Convert options from String-formatted to Object-formatted if needed - // (we check in cache first) - options = typeof options === "string" ? - createOptions( options ) : - jQuery.extend( {}, options ); - - var // Flag to know if list is currently firing - firing, - - // Last fire value for non-forgettable lists - memory, - - // Flag to know if list was already fired - fired, - - // Flag to prevent firing - locked, - - // Actual callback list - list = [], - - // Queue of execution data for repeatable lists - queue = [], - - // Index of currently firing callback (modified by add/remove as needed) - firingIndex = -1, - - // Fire callbacks - fire = function() { - - // Enforce single-firing - locked = locked || options.once; - - // Execute callbacks for all pending executions, - // respecting firingIndex overrides and runtime changes - fired = firing = true; - for ( ; queue.length; firingIndex = -1 ) { - memory = queue.shift(); - while ( ++firingIndex < list.length ) { - - // Run callback and check for early termination - if ( list[ firingIndex ].apply( memory[ 0 ], memory[ 1 ] ) === false && - options.stopOnFalse ) { - - // Jump to end and forget the data so .add doesn't re-fire - firingIndex = list.length; - memory = false; - } - } - } - - // Forget the data if we're done with it - if ( !options.memory ) { - memory = false; - } - - firing = false; - - // Clean up if we're done firing for good - if ( locked ) { - - // Keep an empty list if we have data for future add calls - if ( memory ) { - list = []; - - // Otherwise, this object is spent - } else { - list = ""; - } - } - }, - - // Actual Callbacks object - self = { - - // Add a callback or a collection of callbacks to the list - add: function() { - if ( list ) { - - // If we have memory from a past run, we should fire after adding - if ( memory && !firing ) { - firingIndex = list.length - 1; - queue.push( memory ); - } - - ( function add( args ) { - jQuery.each( args, function( _, arg ) { - if ( jQuery.isFunction( arg ) ) { - if ( !options.unique || !self.has( arg ) ) { - list.push( arg ); - } - } else if ( arg && arg.length && jQuery.type( arg ) !== "string" ) { - - // Inspect recursively - add( arg ); - } - } ); - } )( arguments ); - - if ( memory && !firing ) { - fire(); - } - } - return this; - }, - - // Remove a callback from the list - remove: function() { - jQuery.each( arguments, function( _, arg ) { - var index; - while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) { - list.splice( index, 1 ); - - // Handle firing indexes - if ( index <= firingIndex ) { - firingIndex--; - } - } - } ); - return this; - }, - - // Check if a given callback is in the list. - // If no argument is given, return whether or not list has callbacks attached. - has: function( fn ) { - return fn ? - jQuery.inArray( fn, list ) > -1 : - list.length > 0; - }, - - // Remove all callbacks from the list - empty: function() { - if ( list ) { - list = []; - } - return this; - }, - - // Disable .fire and .add - // Abort any current/pending executions - // Clear all callbacks and values - disable: function() { - locked = queue = []; - list = memory = ""; - return this; - }, - disabled: function() { - return !list; - }, - - // Disable .fire - // Also disable .add unless we have memory (since it would have no effect) - // Abort any pending executions - lock: function() { - locked = queue = []; - if ( !memory && !firing ) { - list = memory = ""; - } - return this; - }, - locked: function() { - return !!locked; - }, - - // Call all callbacks with the given context and arguments - fireWith: function( context, args ) { - if ( !locked ) { - args = args || []; - args = [ context, args.slice ? args.slice() : args ]; - queue.push( args ); - if ( !firing ) { - fire(); - } - } - return this; - }, - - // Call all the callbacks with the given arguments - fire: function() { - self.fireWith( this, arguments ); - return this; - }, - - // To know if the callbacks have already been called at least once - fired: function() { - return !!fired; - } - }; - - return self; -}; - - -function Identity( v ) { - return v; -} -function Thrower( ex ) { - throw ex; -} - -function adoptValue( value, resolve, reject, noValue ) { - var method; - - try { - - // Check for promise aspect first to privilege synchronous behavior - if ( value && jQuery.isFunction( ( method = value.promise ) ) ) { - method.call( value ).done( resolve ).fail( reject ); - - // Other thenables - } else if ( value && jQuery.isFunction( ( method = value.then ) ) ) { - method.call( value, resolve, reject ); - - // Other non-thenables - } else { - - // Control `resolve` arguments by letting Array#slice cast boolean `noValue` to integer: - // * false: [ value ].slice( 0 ) => resolve( value ) - // * true: [ value ].slice( 1 ) => resolve() - resolve.apply( undefined, [ value ].slice( noValue ) ); - } - - // For Promises/A+, convert exceptions into rejections - // Since jQuery.when doesn't unwrap thenables, we can skip the extra checks appearing in - // Deferred#then to conditionally suppress rejection. - } catch ( value ) { - - // Support: Android 4.0 only - // Strict mode functions invoked without .call/.apply get global-object context - reject.apply( undefined, [ value ] ); - } -} - -jQuery.extend( { - - Deferred: function( func ) { - var tuples = [ - - // action, add listener, callbacks, - // ... .then handlers, argument index, [final state] - [ "notify", "progress", jQuery.Callbacks( "memory" ), - jQuery.Callbacks( "memory" ), 2 ], - [ "resolve", "done", jQuery.Callbacks( "once memory" ), - jQuery.Callbacks( "once memory" ), 0, "resolved" ], - [ "reject", "fail", jQuery.Callbacks( "once memory" ), - jQuery.Callbacks( "once memory" ), 1, "rejected" ] - ], - state = "pending", - promise = { - state: function() { - return state; - }, - always: function() { - deferred.done( arguments ).fail( arguments ); - return this; - }, - "catch": function( fn ) { - return promise.then( null, fn ); - }, - - // Keep pipe for back-compat - pipe: function( /* fnDone, fnFail, fnProgress */ ) { - var fns = arguments; - - return jQuery.Deferred( function( newDefer ) { - jQuery.each( tuples, function( i, tuple ) { - - // Map tuples (progress, done, fail) to arguments (done, fail, progress) - var fn = jQuery.isFunction( fns[ tuple[ 4 ] ] ) && fns[ tuple[ 4 ] ]; - - // deferred.progress(function() { bind to newDefer or newDefer.notify }) - // deferred.done(function() { bind to newDefer or newDefer.resolve }) - // deferred.fail(function() { bind to newDefer or newDefer.reject }) - deferred[ tuple[ 1 ] ]( function() { - var returned = fn && fn.apply( this, arguments ); - if ( returned && jQuery.isFunction( returned.promise ) ) { - returned.promise() - .progress( newDefer.notify ) - .done( newDefer.resolve ) - .fail( newDefer.reject ); - } else { - newDefer[ tuple[ 0 ] + "With" ]( - this, - fn ? [ returned ] : arguments - ); - } - } ); - } ); - fns = null; - } ).promise(); - }, - then: function( onFulfilled, onRejected, onProgress ) { - var maxDepth = 0; - function resolve( depth, deferred, handler, special ) { - return function() { - var that = this, - args = arguments, - mightThrow = function() { - var returned, then; - - // Support: Promises/A+ section 2.3.3.3.3 - // https://promisesaplus.com/#point-59 - // Ignore double-resolution attempts - if ( depth < maxDepth ) { - return; - } - - returned = handler.apply( that, args ); - - // Support: Promises/A+ section 2.3.1 - // https://promisesaplus.com/#point-48 - if ( returned === deferred.promise() ) { - throw new TypeError( "Thenable self-resolution" ); - } - - // Support: Promises/A+ sections 2.3.3.1, 3.5 - // https://promisesaplus.com/#point-54 - // https://promisesaplus.com/#point-75 - // Retrieve `then` only once - then = returned && - - // Support: Promises/A+ section 2.3.4 - // https://promisesaplus.com/#point-64 - // Only check objects and functions for thenability - ( typeof returned === "object" || - typeof returned === "function" ) && - returned.then; - - // Handle a returned thenable - if ( jQuery.isFunction( then ) ) { - - // Special processors (notify) just wait for resolution - if ( special ) { - then.call( - returned, - resolve( maxDepth, deferred, Identity, special ), - resolve( maxDepth, deferred, Thrower, special ) - ); - - // Normal processors (resolve) also hook into progress - } else { - - // ...and disregard older resolution values - maxDepth++; - - then.call( - returned, - resolve( maxDepth, deferred, Identity, special ), - resolve( maxDepth, deferred, Thrower, special ), - resolve( maxDepth, deferred, Identity, - deferred.notifyWith ) - ); - } - - // Handle all other returned values - } else { - - // Only substitute handlers pass on context - // and multiple values (non-spec behavior) - if ( handler !== Identity ) { - that = undefined; - args = [ returned ]; - } - - // Process the value(s) - // Default process is resolve - ( special || deferred.resolveWith )( that, args ); - } - }, - - // Only normal processors (resolve) catch and reject exceptions - process = special ? - mightThrow : - function() { - try { - mightThrow(); - } catch ( e ) { - - if ( jQuery.Deferred.exceptionHook ) { - jQuery.Deferred.exceptionHook( e, - process.stackTrace ); - } - - // Support: Promises/A+ section 2.3.3.3.4.1 - // https://promisesaplus.com/#point-61 - // Ignore post-resolution exceptions - if ( depth + 1 >= maxDepth ) { - - // Only substitute handlers pass on context - // and multiple values (non-spec behavior) - if ( handler !== Thrower ) { - that = undefined; - args = [ e ]; - } - - deferred.rejectWith( that, args ); - } - } - }; - - // Support: Promises/A+ section 2.3.3.3.1 - // https://promisesaplus.com/#point-57 - // Re-resolve promises immediately to dodge false rejection from - // subsequent errors - if ( depth ) { - process(); - } else { - - // Call an optional hook to record the stack, in case of exception - // since it's otherwise lost when execution goes async - if ( jQuery.Deferred.getStackHook ) { - process.stackTrace = jQuery.Deferred.getStackHook(); - } - window.setTimeout( process ); - } - }; - } - - return jQuery.Deferred( function( newDefer ) { - - // progress_handlers.add( ... ) - tuples[ 0 ][ 3 ].add( - resolve( - 0, - newDefer, - jQuery.isFunction( onProgress ) ? - onProgress : - Identity, - newDefer.notifyWith - ) - ); - - // fulfilled_handlers.add( ... ) - tuples[ 1 ][ 3 ].add( - resolve( - 0, - newDefer, - jQuery.isFunction( onFulfilled ) ? - onFulfilled : - Identity - ) - ); - - // rejected_handlers.add( ... ) - tuples[ 2 ][ 3 ].add( - resolve( - 0, - newDefer, - jQuery.isFunction( onRejected ) ? - onRejected : - Thrower - ) - ); - } ).promise(); - }, - - // Get a promise for this deferred - // If obj is provided, the promise aspect is added to the object - promise: function( obj ) { - return obj != null ? jQuery.extend( obj, promise ) : promise; - } - }, - deferred = {}; - - // Add list-specific methods - jQuery.each( tuples, function( i, tuple ) { - var list = tuple[ 2 ], - stateString = tuple[ 5 ]; - - // promise.progress = list.add - // promise.done = list.add - // promise.fail = list.add - promise[ tuple[ 1 ] ] = list.add; - - // Handle state - if ( stateString ) { - list.add( - function() { - - // state = "resolved" (i.e., fulfilled) - // state = "rejected" - state = stateString; - }, - - // rejected_callbacks.disable - // fulfilled_callbacks.disable - tuples[ 3 - i ][ 2 ].disable, - - // progress_callbacks.lock - tuples[ 0 ][ 2 ].lock - ); - } - - // progress_handlers.fire - // fulfilled_handlers.fire - // rejected_handlers.fire - list.add( tuple[ 3 ].fire ); - - // deferred.notify = function() { deferred.notifyWith(...) } - // deferred.resolve = function() { deferred.resolveWith(...) } - // deferred.reject = function() { deferred.rejectWith(...) } - deferred[ tuple[ 0 ] ] = function() { - deferred[ tuple[ 0 ] + "With" ]( this === deferred ? undefined : this, arguments ); - return this; - }; - - // deferred.notifyWith = list.fireWith - // deferred.resolveWith = list.fireWith - // deferred.rejectWith = list.fireWith - deferred[ tuple[ 0 ] + "With" ] = list.fireWith; - } ); - - // Make the deferred a promise - promise.promise( deferred ); - - // Call given func if any - if ( func ) { - func.call( deferred, deferred ); - } - - // All done! - return deferred; - }, - - // Deferred helper - when: function( singleValue ) { - var - - // count of uncompleted subordinates - remaining = arguments.length, - - // count of unprocessed arguments - i = remaining, - - // subordinate fulfillment data - resolveContexts = Array( i ), - resolveValues = slice.call( arguments ), - - // the master Deferred - master = jQuery.Deferred(), - - // subordinate callback factory - updateFunc = function( i ) { - return function( value ) { - resolveContexts[ i ] = this; - resolveValues[ i ] = arguments.length > 1 ? slice.call( arguments ) : value; - if ( !( --remaining ) ) { - master.resolveWith( resolveContexts, resolveValues ); - } - }; - }; - - // Single- and empty arguments are adopted like Promise.resolve - if ( remaining <= 1 ) { - adoptValue( singleValue, master.done( updateFunc( i ) ).resolve, master.reject, - !remaining ); - - // Use .then() to unwrap secondary thenables (cf. gh-3000) - if ( master.state() === "pending" || - jQuery.isFunction( resolveValues[ i ] && resolveValues[ i ].then ) ) { - - return master.then(); - } - } - - // Multiple arguments are aggregated like Promise.all array elements - while ( i-- ) { - adoptValue( resolveValues[ i ], updateFunc( i ), master.reject ); - } - - return master.promise(); - } -} ); - - -// These usually indicate a programmer mistake during development, -// warn about them ASAP rather than swallowing them by default. -var rerrorNames = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/; - -jQuery.Deferred.exceptionHook = function( error, stack ) { - - // Support: IE 8 - 9 only - // Console exists when dev tools are open, which can happen at any time - if ( window.console && window.console.warn && error && rerrorNames.test( error.name ) ) { - window.console.warn( "jQuery.Deferred exception: " + error.message, error.stack, stack ); - } -}; - - - - -jQuery.readyException = function( error ) { - window.setTimeout( function() { - throw error; - } ); -}; - - - - -// The deferred used on DOM ready -var readyList = jQuery.Deferred(); - -jQuery.fn.ready = function( fn ) { - - readyList - .then( fn ) - - // Wrap jQuery.readyException in a function so that the lookup - // happens at the time of error handling instead of callback - // registration. - .catch( function( error ) { - jQuery.readyException( error ); - } ); - - return this; -}; - -jQuery.extend( { - - // Is the DOM ready to be used? Set to true once it occurs. - isReady: false, - - // A counter to track how many items to wait for before - // the ready event fires. See #6781 - readyWait: 1, - - // Handle when the DOM is ready - ready: function( wait ) { - - // Abort if there are pending holds or we're already ready - if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) { - return; - } - - // Remember that the DOM is ready - jQuery.isReady = true; - - // If a normal DOM Ready event fired, decrement, and wait if need be - if ( wait !== true && --jQuery.readyWait > 0 ) { - return; - } - - // If there are functions bound, to execute - readyList.resolveWith( document, [ jQuery ] ); - } -} ); - -jQuery.ready.then = readyList.then; - -// The ready event handler and self cleanup method -function completed() { - document.removeEventListener( "DOMContentLoaded", completed ); - window.removeEventListener( "load", completed ); - jQuery.ready(); -} - -// Catch cases where $(document).ready() is called -// after the browser event has already occurred. -// Support: IE <=9 - 10 only -// Older IE sometimes signals "interactive" too soon -if ( document.readyState === "complete" || - ( document.readyState !== "loading" && !document.documentElement.doScroll ) ) { - - // Handle it asynchronously to allow scripts the opportunity to delay ready - window.setTimeout( jQuery.ready ); - -} else { - - // Use the handy event callback - document.addEventListener( "DOMContentLoaded", completed ); - - // A fallback to window.onload, that will always work - window.addEventListener( "load", completed ); -} - - - - -// Multifunctional method to get and set values of a collection -// The value/s can optionally be executed if it's a function -var access = function( elems, fn, key, value, chainable, emptyGet, raw ) { - var i = 0, - len = elems.length, - bulk = key == null; - - // Sets many values - if ( jQuery.type( key ) === "object" ) { - chainable = true; - for ( i in key ) { - access( elems, fn, i, key[ i ], true, emptyGet, raw ); - } - - // Sets one value - } else if ( value !== undefined ) { - chainable = true; - - if ( !jQuery.isFunction( value ) ) { - raw = true; - } - - if ( bulk ) { - - // Bulk operations run against the entire set - if ( raw ) { - fn.call( elems, value ); - fn = null; - - // ...except when executing function values - } else { - bulk = fn; - fn = function( elem, key, value ) { - return bulk.call( jQuery( elem ), value ); - }; - } - } - - if ( fn ) { - for ( ; i < len; i++ ) { - fn( - elems[ i ], key, raw ? - value : - value.call( elems[ i ], i, fn( elems[ i ], key ) ) - ); - } - } - } - - if ( chainable ) { - return elems; - } - - // Gets - if ( bulk ) { - return fn.call( elems ); - } - - return len ? fn( elems[ 0 ], key ) : emptyGet; -}; -var acceptData = function( owner ) { - - // Accepts only: - // - Node - // - Node.ELEMENT_NODE - // - Node.DOCUMENT_NODE - // - Object - // - Any - return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType ); -}; - - - - -function Data() { - this.expando = jQuery.expando + Data.uid++; -} - -Data.uid = 1; - -Data.prototype = { - - cache: function( owner ) { - - // Check if the owner object already has a cache - var value = owner[ this.expando ]; - - // If not, create one - if ( !value ) { - value = {}; - - // We can accept data for non-element nodes in modern browsers, - // but we should not, see #8335. - // Always return an empty object. - if ( acceptData( owner ) ) { - - // If it is a node unlikely to be stringify-ed or looped over - // use plain assignment - if ( owner.nodeType ) { - owner[ this.expando ] = value; - - // Otherwise secure it in a non-enumerable property - // configurable must be true to allow the property to be - // deleted when data is removed - } else { - Object.defineProperty( owner, this.expando, { - value: value, - configurable: true - } ); - } - } - } - - return value; - }, - set: function( owner, data, value ) { - var prop, - cache = this.cache( owner ); - - // Handle: [ owner, key, value ] args - // Always use camelCase key (gh-2257) - if ( typeof data === "string" ) { - cache[ jQuery.camelCase( data ) ] = value; - - // Handle: [ owner, { properties } ] args - } else { - - // Copy the properties one-by-one to the cache object - for ( prop in data ) { - cache[ jQuery.camelCase( prop ) ] = data[ prop ]; - } - } - return cache; - }, - get: function( owner, key ) { - return key === undefined ? - this.cache( owner ) : - - // Always use camelCase key (gh-2257) - owner[ this.expando ] && owner[ this.expando ][ jQuery.camelCase( key ) ]; - }, - access: function( owner, key, value ) { - - // In cases where either: - // - // 1. No key was specified - // 2. A string key was specified, but no value provided - // - // Take the "read" path and allow the get method to determine - // which value to return, respectively either: - // - // 1. The entire cache object - // 2. The data stored at the key - // - if ( key === undefined || - ( ( key && typeof key === "string" ) && value === undefined ) ) { - - return this.get( owner, key ); - } - - // When the key is not a string, or both a key and value - // are specified, set or extend (existing objects) with either: - // - // 1. An object of properties - // 2. A key and value - // - this.set( owner, key, value ); - - // Since the "set" path can have two possible entry points - // return the expected data based on which path was taken[*] - return value !== undefined ? value : key; - }, - remove: function( owner, key ) { - var i, - cache = owner[ this.expando ]; - - if ( cache === undefined ) { - return; - } - - if ( key !== undefined ) { - - // Support array or space separated string of keys - if ( Array.isArray( key ) ) { - - // If key is an array of keys... - // We always set camelCase keys, so remove that. - key = key.map( jQuery.camelCase ); - } else { - key = jQuery.camelCase( key ); - - // If a key with the spaces exists, use it. - // Otherwise, create an array by matching non-whitespace - key = key in cache ? - [ key ] : - ( key.match( rnothtmlwhite ) || [] ); - } - - i = key.length; - - while ( i-- ) { - delete cache[ key[ i ] ]; - } - } - - // Remove the expando if there's no more data - if ( key === undefined || jQuery.isEmptyObject( cache ) ) { - - // Support: Chrome <=35 - 45 - // Webkit & Blink performance suffers when deleting properties - // from DOM nodes, so set to undefined instead - // https://bugs.chromium.org/p/chromium/issues/detail?id=378607 (bug restricted) - if ( owner.nodeType ) { - owner[ this.expando ] = undefined; - } else { - delete owner[ this.expando ]; - } - } - }, - hasData: function( owner ) { - var cache = owner[ this.expando ]; - return cache !== undefined && !jQuery.isEmptyObject( cache ); - } -}; -var dataPriv = new Data(); - -var dataUser = new Data(); - - - -// Implementation Summary -// -// 1. Enforce API surface and semantic compatibility with 1.9.x branch -// 2. Improve the module's maintainability by reducing the storage -// paths to a single mechanism. -// 3. Use the same single mechanism to support "private" and "user" data. -// 4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData) -// 5. Avoid exposing implementation details on user objects (eg. expando properties) -// 6. Provide a clear path for implementation upgrade to WeakMap in 2014 - -var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/, - rmultiDash = /[A-Z]/g; - -function getData( data ) { - if ( data === "true" ) { - return true; - } - - if ( data === "false" ) { - return false; - } - - if ( data === "null" ) { - return null; - } - - // Only convert to a number if it doesn't change the string - if ( data === +data + "" ) { - return +data; - } - - if ( rbrace.test( data ) ) { - return JSON.parse( data ); - } - - return data; -} - -function dataAttr( elem, key, data ) { - var name; - - // If nothing was found internally, try to fetch any - // data from the HTML5 data-* attribute - if ( data === undefined && elem.nodeType === 1 ) { - name = "data-" + key.replace( rmultiDash, "-$&" ).toLowerCase(); - data = elem.getAttribute( name ); - - if ( typeof data === "string" ) { - try { - data = getData( data ); - } catch ( e ) {} - - // Make sure we set the data so it isn't changed later - dataUser.set( elem, key, data ); - } else { - data = undefined; - } - } - return data; -} - -jQuery.extend( { - hasData: function( elem ) { - return dataUser.hasData( elem ) || dataPriv.hasData( elem ); - }, - - data: function( elem, name, data ) { - return dataUser.access( elem, name, data ); - }, - - removeData: function( elem, name ) { - dataUser.remove( elem, name ); - }, - - // TODO: Now that all calls to _data and _removeData have been replaced - // with direct calls to dataPriv methods, these can be deprecated. - _data: function( elem, name, data ) { - return dataPriv.access( elem, name, data ); - }, - - _removeData: function( elem, name ) { - dataPriv.remove( elem, name ); - } -} ); - -jQuery.fn.extend( { - data: function( key, value ) { - var i, name, data, - elem = this[ 0 ], - attrs = elem && elem.attributes; - - // Gets all values - if ( key === undefined ) { - if ( this.length ) { - data = dataUser.get( elem ); - - if ( elem.nodeType === 1 && !dataPriv.get( elem, "hasDataAttrs" ) ) { - i = attrs.length; - while ( i-- ) { - - // Support: IE 11 only - // The attrs elements can be null (#14894) - if ( attrs[ i ] ) { - name = attrs[ i ].name; - if ( name.indexOf( "data-" ) === 0 ) { - name = jQuery.camelCase( name.slice( 5 ) ); - dataAttr( elem, name, data[ name ] ); - } - } - } - dataPriv.set( elem, "hasDataAttrs", true ); - } - } - - return data; - } - - // Sets multiple values - if ( typeof key === "object" ) { - return this.each( function() { - dataUser.set( this, key ); - } ); - } - - return access( this, function( value ) { - var data; - - // The calling jQuery object (element matches) is not empty - // (and therefore has an element appears at this[ 0 ]) and the - // `value` parameter was not undefined. An empty jQuery object - // will result in `undefined` for elem = this[ 0 ] which will - // throw an exception if an attempt to read a data cache is made. - if ( elem && value === undefined ) { - - // Attempt to get data from the cache - // The key will always be camelCased in Data - data = dataUser.get( elem, key ); - if ( data !== undefined ) { - return data; - } - - // Attempt to "discover" the data in - // HTML5 custom data-* attrs - data = dataAttr( elem, key ); - if ( data !== undefined ) { - return data; - } - - // We tried really hard, but the data doesn't exist. - return; - } - - // Set the data... - this.each( function() { - - // We always store the camelCased key - dataUser.set( this, key, value ); - } ); - }, null, value, arguments.length > 1, null, true ); - }, - - removeData: function( key ) { - return this.each( function() { - dataUser.remove( this, key ); - } ); - } -} ); - - -jQuery.extend( { - queue: function( elem, type, data ) { - var queue; - - if ( elem ) { - type = ( type || "fx" ) + "queue"; - queue = dataPriv.get( elem, type ); - - // Speed up dequeue by getting out quickly if this is just a lookup - if ( data ) { - if ( !queue || Array.isArray( data ) ) { - queue = dataPriv.access( elem, type, jQuery.makeArray( data ) ); - } else { - queue.push( data ); - } - } - return queue || []; - } - }, - - dequeue: function( elem, type ) { - type = type || "fx"; - - var queue = jQuery.queue( elem, type ), - startLength = queue.length, - fn = queue.shift(), - hooks = jQuery._queueHooks( elem, type ), - next = function() { - jQuery.dequeue( elem, type ); - }; - - // If the fx queue is dequeued, always remove the progress sentinel - if ( fn === "inprogress" ) { - fn = queue.shift(); - startLength--; - } - - if ( fn ) { - - // Add a progress sentinel to prevent the fx queue from being - // automatically dequeued - if ( type === "fx" ) { - queue.unshift( "inprogress" ); - } - - // Clear up the last queue stop function - delete hooks.stop; - fn.call( elem, next, hooks ); - } - - if ( !startLength && hooks ) { - hooks.empty.fire(); - } - }, - - // Not public - generate a queueHooks object, or return the current one - _queueHooks: function( elem, type ) { - var key = type + "queueHooks"; - return dataPriv.get( elem, key ) || dataPriv.access( elem, key, { - empty: jQuery.Callbacks( "once memory" ).add( function() { - dataPriv.remove( elem, [ type + "queue", key ] ); - } ) - } ); - } -} ); - -jQuery.fn.extend( { - queue: function( type, data ) { - var setter = 2; - - if ( typeof type !== "string" ) { - data = type; - type = "fx"; - setter--; - } - - if ( arguments.length < setter ) { - return jQuery.queue( this[ 0 ], type ); - } - - return data === undefined ? - this : - this.each( function() { - var queue = jQuery.queue( this, type, data ); - - // Ensure a hooks for this queue - jQuery._queueHooks( this, type ); - - if ( type === "fx" && queue[ 0 ] !== "inprogress" ) { - jQuery.dequeue( this, type ); - } - } ); - }, - dequeue: function( type ) { - return this.each( function() { - jQuery.dequeue( this, type ); - } ); - }, - clearQueue: function( type ) { - return this.queue( type || "fx", [] ); - }, - - // Get a promise resolved when queues of a certain type - // are emptied (fx is the type by default) - promise: function( type, obj ) { - var tmp, - count = 1, - defer = jQuery.Deferred(), - elements = this, - i = this.length, - resolve = function() { - if ( !( --count ) ) { - defer.resolveWith( elements, [ elements ] ); - } - }; - - if ( typeof type !== "string" ) { - obj = type; - type = undefined; - } - type = type || "fx"; - - while ( i-- ) { - tmp = dataPriv.get( elements[ i ], type + "queueHooks" ); - if ( tmp && tmp.empty ) { - count++; - tmp.empty.add( resolve ); - } - } - resolve(); - return defer.promise( obj ); - } -} ); -var pnum = ( /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/ ).source; - -var rcssNum = new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" ); - - -var cssExpand = [ "Top", "Right", "Bottom", "Left" ]; - -var isHiddenWithinTree = function( elem, el ) { - - // isHiddenWithinTree might be called from jQuery#filter function; - // in that case, element will be second argument - elem = el || elem; - - // Inline style trumps all - return elem.style.display === "none" || - elem.style.display === "" && - - // Otherwise, check computed style - // Support: Firefox <=43 - 45 - // Disconnected elements can have computed display: none, so first confirm that elem is - // in the document. - jQuery.contains( elem.ownerDocument, elem ) && - - jQuery.css( elem, "display" ) === "none"; - }; - -var swap = function( elem, options, callback, args ) { - var ret, name, - old = {}; - - // Remember the old values, and insert the new ones - for ( name in options ) { - old[ name ] = elem.style[ name ]; - elem.style[ name ] = options[ name ]; - } - - ret = callback.apply( elem, args || [] ); - - // Revert the old values - for ( name in options ) { - elem.style[ name ] = old[ name ]; - } - - return ret; -}; - - - - -function adjustCSS( elem, prop, valueParts, tween ) { - var adjusted, - scale = 1, - maxIterations = 20, - currentValue = tween ? - function() { - return tween.cur(); - } : - function() { - return jQuery.css( elem, prop, "" ); - }, - initial = currentValue(), - unit = valueParts && valueParts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ), - - // Starting value computation is required for potential unit mismatches - initialInUnit = ( jQuery.cssNumber[ prop ] || unit !== "px" && +initial ) && - rcssNum.exec( jQuery.css( elem, prop ) ); - - if ( initialInUnit && initialInUnit[ 3 ] !== unit ) { - - // Trust units reported by jQuery.css - unit = unit || initialInUnit[ 3 ]; - - // Make sure we update the tween properties later on - valueParts = valueParts || []; - - // Iteratively approximate from a nonzero starting point - initialInUnit = +initial || 1; - - do { - - // If previous iteration zeroed out, double until we get *something*. - // Use string for doubling so we don't accidentally see scale as unchanged below - scale = scale || ".5"; - - // Adjust and apply - initialInUnit = initialInUnit / scale; - jQuery.style( elem, prop, initialInUnit + unit ); - - // Update scale, tolerating zero or NaN from tween.cur() - // Break the loop if scale is unchanged or perfect, or if we've just had enough. - } while ( - scale !== ( scale = currentValue() / initial ) && scale !== 1 && --maxIterations - ); - } - - if ( valueParts ) { - initialInUnit = +initialInUnit || +initial || 0; - - // Apply relative offset (+=/-=) if specified - adjusted = valueParts[ 1 ] ? - initialInUnit + ( valueParts[ 1 ] + 1 ) * valueParts[ 2 ] : - +valueParts[ 2 ]; - if ( tween ) { - tween.unit = unit; - tween.start = initialInUnit; - tween.end = adjusted; - } - } - return adjusted; -} - - -var defaultDisplayMap = {}; - -function getDefaultDisplay( elem ) { - var temp, - doc = elem.ownerDocument, - nodeName = elem.nodeName, - display = defaultDisplayMap[ nodeName ]; - - if ( display ) { - return display; - } - - temp = doc.body.appendChild( doc.createElement( nodeName ) ); - display = jQuery.css( temp, "display" ); - - temp.parentNode.removeChild( temp ); - - if ( display === "none" ) { - display = "block"; - } - defaultDisplayMap[ nodeName ] = display; - - return display; -} - -function showHide( elements, show ) { - var display, elem, - values = [], - index = 0, - length = elements.length; - - // Determine new display value for elements that need to change - for ( ; index < length; index++ ) { - elem = elements[ index ]; - if ( !elem.style ) { - continue; - } - - display = elem.style.display; - if ( show ) { - - // Since we force visibility upon cascade-hidden elements, an immediate (and slow) - // check is required in this first loop unless we have a nonempty display value (either - // inline or about-to-be-restored) - if ( display === "none" ) { - values[ index ] = dataPriv.get( elem, "display" ) || null; - if ( !values[ index ] ) { - elem.style.display = ""; - } - } - if ( elem.style.display === "" && isHiddenWithinTree( elem ) ) { - values[ index ] = getDefaultDisplay( elem ); - } - } else { - if ( display !== "none" ) { - values[ index ] = "none"; - - // Remember what we're overwriting - dataPriv.set( elem, "display", display ); - } - } - } - - // Set the display of the elements in a second loop to avoid constant reflow - for ( index = 0; index < length; index++ ) { - if ( values[ index ] != null ) { - elements[ index ].style.display = values[ index ]; - } - } - - return elements; -} - -jQuery.fn.extend( { - show: function() { - return showHide( this, true ); - }, - hide: function() { - return showHide( this ); - }, - toggle: function( state ) { - if ( typeof state === "boolean" ) { - return state ? this.show() : this.hide(); - } - - return this.each( function() { - if ( isHiddenWithinTree( this ) ) { - jQuery( this ).show(); - } else { - jQuery( this ).hide(); - } - } ); - } -} ); -var rcheckableType = ( /^(?:checkbox|radio)$/i ); - -var rtagName = ( /<([a-z][^\/\0>\x20\t\r\n\f]+)/i ); - -var rscriptType = ( /^$|\/(?:java|ecma)script/i ); - - - -// We have to close these tags to support XHTML (#13200) -var wrapMap = { - - // Support: IE <=9 only - option: [ 1, "" ], - - // XHTML parsers do not magically insert elements in the - // same way that tag soup parsers do. So we cannot shorten - // this by omitting or other required elements. - thead: [ 1, "", "

" ], - col: [ 2, "", "

" ], - tr: [ 2, "", "

" ], - td: [ 3, "", "

" ], - - _default: [ 0, "", "" ] -}; - -// Support: IE <=9 only -wrapMap.optgroup = wrapMap.option; - -wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; -wrapMap.th = wrapMap.td; - - -function getAll( context, tag ) { - - // Support: IE <=9 - 11 only - // Use typeof to avoid zero-argument method invocation on host objects (#15151) - var ret; - - if ( typeof context.getElementsByTagName !== "undefined" ) { - ret = context.getElementsByTagName( tag || "*" ); - - } else if ( typeof context.querySelectorAll !== "undefined" ) { - ret = context.querySelectorAll( tag || "*" ); - - } else { - ret = []; - } - - if ( tag === undefined || tag && nodeName( context, tag ) ) { - return jQuery.merge( [ context ], ret ); - } - - return ret; -} - - -// Mark scripts as having already been evaluated -function setGlobalEval( elems, refElements ) { - var i = 0, - l = elems.length; - - for ( ; i < l; i++ ) { - dataPriv.set( - elems[ i ], - "globalEval", - !refElements || dataPriv.get( refElements[ i ], "globalEval" ) - ); - } -} - - -var rhtml = /<|&#?\w+;/; - -function buildFragment( elems, context, scripts, selection, ignored ) { - var elem, tmp, tag, wrap, contains, j, - fragment = context.createDocumentFragment(), - nodes = [], - i = 0, - l = elems.length; - - for ( ; i < l; i++ ) { - elem = elems[ i ]; - - if ( elem || elem === 0 ) { - - // Add nodes directly - if ( jQuery.type( elem ) === "object" ) { - - // Support: Android <=4.0 only, PhantomJS 1 only - // push.apply(_, arraylike) throws on ancient WebKit - jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem ); - - // Convert non-html into a text node - } else if ( !rhtml.test( elem ) ) { - nodes.push( context.createTextNode( elem ) ); - - // Convert html into DOM nodes - } else { - tmp = tmp || fragment.appendChild( context.createElement( "div" ) ); - - // Deserialize a standard representation - tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase(); - wrap = wrapMap[ tag ] || wrapMap._default; - tmp.innerHTML = wrap[ 1 ] + jQuery.htmlPrefilter( elem ) + wrap[ 2 ]; - - // Descend through wrappers to the right content - j = wrap[ 0 ]; - while ( j-- ) { - tmp = tmp.lastChild; - } - - // Support: Android <=4.0 only, PhantomJS 1 only - // push.apply(_, arraylike) throws on ancient WebKit - jQuery.merge( nodes, tmp.childNodes ); - - // Remember the top-level container - tmp = fragment.firstChild; - - // Ensure the created nodes are orphaned (#12392) - tmp.textContent = ""; - } - } - } - - // Remove wrapper from fragment - fragment.textContent = ""; - - i = 0; - while ( ( elem = nodes[ i++ ] ) ) { - - // Skip elements already in the context collection (trac-4087) - if ( selection && jQuery.inArray( elem, selection ) > -1 ) { - if ( ignored ) { - ignored.push( elem ); - } - continue; - } - - contains = jQuery.contains( elem.ownerDocument, elem ); - - // Append to fragment - tmp = getAll( fragment.appendChild( elem ), "script" ); - - // Preserve script evaluation history - if ( contains ) { - setGlobalEval( tmp ); - } - - // Capture executables - if ( scripts ) { - j = 0; - while ( ( elem = tmp[ j++ ] ) ) { - if ( rscriptType.test( elem.type || "" ) ) { - scripts.push( elem ); - } - } - } - } - - return fragment; -} - - -( function() { - var fragment = document.createDocumentFragment(), - div = fragment.appendChild( document.createElement( "div" ) ), - input = document.createElement( "input" ); - - // Support: Android 4.0 - 4.3 only - // Check state lost if the name is set (#11217) - // Support: Windows Web Apps (WWA) - // `name` and `type` must use .setAttribute for WWA (#14901) - input.setAttribute( "type", "radio" ); - input.setAttribute( "checked", "checked" ); - input.setAttribute( "name", "t" ); - - div.appendChild( input ); - - // Support: Android <=4.1 only - // Older WebKit doesn't clone checked state correctly in fragments - support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked; - - // Support: IE <=11 only - // Make sure textarea (and checkbox) defaultValue is properly cloned - div.innerHTML = ""; - support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue; -} )(); -var documentElement = document.documentElement; - - - -var - rkeyEvent = /^key/, - rmouseEvent = /^(?:mouse|pointer|contextmenu|drag|drop)|click/, - rtypenamespace = /^([^.]*)(?:\.(.+)|)/; - -function returnTrue() { - return true; -} - -function returnFalse() { - return false; -} - -// Support: IE <=9 only -// See #13393 for more info -function safeActiveElement() { - try { - return document.activeElement; - } catch ( err ) { } -} - -function on( elem, types, selector, data, fn, one ) { - var origFn, type; - - // Types can be a map of types/handlers - if ( typeof types === "object" ) { - - // ( types-Object, selector, data ) - if ( typeof selector !== "string" ) { - - // ( types-Object, data ) - data = data || selector; - selector = undefined; - } - for ( type in types ) { - on( elem, type, selector, data, types[ type ], one ); - } - return elem; - } - - if ( data == null && fn == null ) { - - // ( types, fn ) - fn = selector; - data = selector = undefined; - } else if ( fn == null ) { - if ( typeof selector === "string" ) { - - // ( types, selector, fn ) - fn = data; - data = undefined; - } else { - - // ( types, data, fn ) - fn = data; - data = selector; - selector = undefined; - } - } - if ( fn === false ) { - fn = returnFalse; - } else if ( !fn ) { - return elem; - } - - if ( one === 1 ) { - origFn = fn; - fn = function( event ) { - - // Can use an empty set, since event contains the info - jQuery().off( event ); - return origFn.apply( this, arguments ); - }; - - // Use same guid so caller can remove using origFn - fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ ); - } - return elem.each( function() { - jQuery.event.add( this, types, fn, data, selector ); - } ); -} - -/* - * Helper functions for managing events -- not part of the public interface. - * Props to Dean Edwards' addEvent library for many of the ideas. - */ -jQuery.event = { - - global: {}, - - add: function( elem, types, handler, data, selector ) { - - var handleObjIn, eventHandle, tmp, - events, t, handleObj, - special, handlers, type, namespaces, origType, - elemData = dataPriv.get( elem ); - - // Don't attach events to noData or text/comment nodes (but allow plain objects) - if ( !elemData ) { - return; - } - - // Caller can pass in an object of custom data in lieu of the handler - if ( handler.handler ) { - handleObjIn = handler; - handler = handleObjIn.handler; - selector = handleObjIn.selector; - } - - // Ensure that invalid selectors throw exceptions at attach time - // Evaluate against documentElement in case elem is a non-element node (e.g., document) - if ( selector ) { - jQuery.find.matchesSelector( documentElement, selector ); - } - - // Make sure that the handler has a unique ID, used to find/remove it later - if ( !handler.guid ) { - handler.guid = jQuery.guid++; - } - - // Init the element's event structure and main handler, if this is the first - if ( !( events = elemData.events ) ) { - events = elemData.events = {}; - } - if ( !( eventHandle = elemData.handle ) ) { - eventHandle = elemData.handle = function( e ) { - - // Discard the second event of a jQuery.event.trigger() and - // when an event is called after a page has unloaded - return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ? - jQuery.event.dispatch.apply( elem, arguments ) : undefined; - }; - } - - // Handle multiple events separated by a space - types = ( types || "" ).match( rnothtmlwhite ) || [ "" ]; - t = types.length; - while ( t-- ) { - tmp = rtypenamespace.exec( types[ t ] ) || []; - type = origType = tmp[ 1 ]; - namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort(); - - // There *must* be a type, no attaching namespace-only handlers - if ( !type ) { - continue; - } - - // If event changes its type, use the special event handlers for the changed type - special = jQuery.event.special[ type ] || {}; - - // If selector defined, determine special event api type, otherwise given type - type = ( selector ? special.delegateType : special.bindType ) || type; - - // Update special based on newly reset type - special = jQuery.event.special[ type ] || {}; - - // handleObj is passed to all event handlers - handleObj = jQuery.extend( { - type: type, - origType: origType, - data: data, - handler: handler, - guid: handler.guid, - selector: selector, - needsContext: selector && jQuery.expr.match.needsContext.test( selector ), - namespace: namespaces.join( "." ) - }, handleObjIn ); - - // Init the event handler queue if we're the first - if ( !( handlers = events[ type ] ) ) { - handlers = events[ type ] = []; - handlers.delegateCount = 0; - - // Only use addEventListener if the special events handler returns false - if ( !special.setup || - special.setup.call( elem, data, namespaces, eventHandle ) === false ) { - - if ( elem.addEventListener ) { - elem.addEventListener( type, eventHandle ); - } - } - } - - if ( special.add ) { - special.add.call( elem, handleObj ); - - if ( !handleObj.handler.guid ) { - handleObj.handler.guid = handler.guid; - } - } - - // Add to the element's handler list, delegates in front - if ( selector ) { - handlers.splice( handlers.delegateCount++, 0, handleObj ); - } else { - handlers.push( handleObj ); - } - - // Keep track of which events have ever been used, for event optimization - jQuery.event.global[ type ] = true; - } - - }, - - // Detach an event or set of events from an element - remove: function( elem, types, handler, selector, mappedTypes ) { - - var j, origCount, tmp, - events, t, handleObj, - special, handlers, type, namespaces, origType, - elemData = dataPriv.hasData( elem ) && dataPriv.get( elem ); - - if ( !elemData || !( events = elemData.events ) ) { - return; - } - - // Once for each type.namespace in types; type may be omitted - types = ( types || "" ).match( rnothtmlwhite ) || [ "" ]; - t = types.length; - while ( t-- ) { - tmp = rtypenamespace.exec( types[ t ] ) || []; - type = origType = tmp[ 1 ]; - namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort(); - - // Unbind all events (on this namespace, if provided) for the element - if ( !type ) { - for ( type in events ) { - jQuery.event.remove( elem, type + types[ t ], handler, selector, true ); - } - continue; - } - - special = jQuery.event.special[ type ] || {}; - type = ( selector ? special.delegateType : special.bindType ) || type; - handlers = events[ type ] || []; - tmp = tmp[ 2 ] && - new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ); - - // Remove matching events - origCount = j = handlers.length; - while ( j-- ) { - handleObj = handlers[ j ]; - - if ( ( mappedTypes || origType === handleObj.origType ) && - ( !handler || handler.guid === handleObj.guid ) && - ( !tmp || tmp.test( handleObj.namespace ) ) && - ( !selector || selector === handleObj.selector || - selector === "**" && handleObj.selector ) ) { - handlers.splice( j, 1 ); - - if ( handleObj.selector ) { - handlers.delegateCount--; - } - if ( special.remove ) { - special.remove.call( elem, handleObj ); - } - } - } - - // Remove generic event handler if we removed something and no more handlers exist - // (avoids potential for endless recursion during removal of special event handlers) - if ( origCount && !handlers.length ) { - if ( !special.teardown || - special.teardown.call( elem, namespaces, elemData.handle ) === false ) { - - jQuery.removeEvent( elem, type, elemData.handle ); - } - - delete events[ type ]; - } - } - - // Remove data and the expando if it's no longer used - if ( jQuery.isEmptyObject( events ) ) { - dataPriv.remove( elem, "handle events" ); - } - }, - - dispatch: function( nativeEvent ) { - - // Make a writable jQuery.Event from the native event object - var event = jQuery.event.fix( nativeEvent ); - - var i, j, ret, matched, handleObj, handlerQueue, - args = new Array( arguments.length ), - handlers = ( dataPriv.get( this, "events" ) || {} )[ event.type ] || [], - special = jQuery.event.special[ event.type ] || {}; - - // Use the fix-ed jQuery.Event rather than the (read-only) native event - args[ 0 ] = event; - - for ( i = 1; i < arguments.length; i++ ) { - args[ i ] = arguments[ i ]; - } - - event.delegateTarget = this; - - // Call the preDispatch hook for the mapped type, and let it bail if desired - if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) { - return; - } - - // Determine handlers - handlerQueue = jQuery.event.handlers.call( this, event, handlers ); - - // Run delegates first; they may want to stop propagation beneath us - i = 0; - while ( ( matched = handlerQueue[ i++ ] ) && !event.isPropagationStopped() ) { - event.currentTarget = matched.elem; - - j = 0; - while ( ( handleObj = matched.handlers[ j++ ] ) && - !event.isImmediatePropagationStopped() ) { - - // Triggered event must either 1) have no namespace, or 2) have namespace(s) - // a subset or equal to those in the bound event (both can have no namespace). - if ( !event.rnamespace || event.rnamespace.test( handleObj.namespace ) ) { - - event.handleObj = handleObj; - event.data = handleObj.data; - - ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle || - handleObj.handler ).apply( matched.elem, args ); - - if ( ret !== undefined ) { - if ( ( event.result = ret ) === false ) { - event.preventDefault(); - event.stopPropagation(); - } - } - } - } - } - - // Call the postDispatch hook for the mapped type - if ( special.postDispatch ) { - special.postDispatch.call( this, event ); - } - - return event.result; - }, - - handlers: function( event, handlers ) { - var i, handleObj, sel, matchedHandlers, matchedSelectors, - handlerQueue = [], - delegateCount = handlers.delegateCount, - cur = event.target; - - // Find delegate handlers - if ( delegateCount && - - // Support: IE <=9 - // Black-hole SVG instance trees (trac-13180) - cur.nodeType && - - // Support: Firefox <=42 - // Suppress spec-violating clicks indicating a non-primary pointer button (trac-3861) - // https://www.w3.org/TR/DOM-Level-3-Events/#event-type-click - // Support: IE 11 only - // ...but not arrow key "clicks" of radio inputs, which can have `button` -1 (gh-2343) - !( event.type === "click" && event.button >= 1 ) ) { - - for ( ; cur !== this; cur = cur.parentNode || this ) { - - // Don't check non-elements (#13208) - // Don't process clicks on disabled elements (#6911, #8165, #11382, #11764) - if ( cur.nodeType === 1 && !( event.type === "click" && cur.disabled === true ) ) { - matchedHandlers = []; - matchedSelectors = {}; - for ( i = 0; i < delegateCount; i++ ) { - handleObj = handlers[ i ]; - - // Don't conflict with Object.prototype properties (#13203) - sel = handleObj.selector + " "; - - if ( matchedSelectors[ sel ] === undefined ) { - matchedSelectors[ sel ] = handleObj.needsContext ? - jQuery( sel, this ).index( cur ) > -1 : - jQuery.find( sel, this, null, [ cur ] ).length; - } - if ( matchedSelectors[ sel ] ) { - matchedHandlers.push( handleObj ); - } - } - if ( matchedHandlers.length ) { - handlerQueue.push( { elem: cur, handlers: matchedHandlers } ); - } - } - } - } - - // Add the remaining (directly-bound) handlers - cur = this; - if ( delegateCount < handlers.length ) { - handlerQueue.push( { elem: cur, handlers: handlers.slice( delegateCount ) } ); - } - - return handlerQueue; - }, - - addProp: function( name, hook ) { - Object.defineProperty( jQuery.Event.prototype, name, { - enumerable: true, - configurable: true, - - get: jQuery.isFunction( hook ) ? - function() { - if ( this.originalEvent ) { - return hook( this.originalEvent ); - } - } : - function() { - if ( this.originalEvent ) { - return this.originalEvent[ name ]; - } - }, - - set: function( value ) { - Object.defineProperty( this, name, { - enumerable: true, - configurable: true, - writable: true, - value: value - } ); - } - } ); - }, - - fix: function( originalEvent ) { - return originalEvent[ jQuery.expando ] ? - originalEvent : - new jQuery.Event( originalEvent ); - }, - - special: { - load: { - - // Prevent triggered image.load events from bubbling to window.load - noBubble: true - }, - focus: { - - // Fire native event if possible so blur/focus sequence is correct - trigger: function() { - if ( this !== safeActiveElement() && this.focus ) { - this.focus(); - return false; - } - }, - delegateType: "focusin" - }, - blur: { - trigger: function() { - if ( this === safeActiveElement() && this.blur ) { - this.blur(); - return false; - } - }, - delegateType: "focusout" - }, - click: { - - // For checkbox, fire native event so checked state will be right - trigger: function() { - if ( this.type === "checkbox" && this.click && nodeName( this, "input" ) ) { - this.click(); - return false; - } - }, - - // For cross-browser consistency, don't fire native .click() on links - _default: function( event ) { - return nodeName( event.target, "a" ); - } - }, - - beforeunload: { - postDispatch: function( event ) { - - // Support: Firefox 20+ - // Firefox doesn't alert if the returnValue field is not set. - if ( event.result !== undefined && event.originalEvent ) { - event.originalEvent.returnValue = event.result; - } - } - } - } -}; - -jQuery.removeEvent = function( elem, type, handle ) { - - // This "if" is needed for plain objects - if ( elem.removeEventListener ) { - elem.removeEventListener( type, handle ); - } -}; - -jQuery.Event = function( src, props ) { - - // Allow instantiation without the 'new' keyword - if ( !( this instanceof jQuery.Event ) ) { - return new jQuery.Event( src, props ); - } - - // Event object - if ( src && src.type ) { - this.originalEvent = src; - this.type = src.type; - - // Events bubbling up the document may have been marked as prevented - // by a handler lower down the tree; reflect the correct value. - this.isDefaultPrevented = src.defaultPrevented || - src.defaultPrevented === undefined && - - // Support: Android <=2.3 only - src.returnValue === false ? - returnTrue : - returnFalse; - - // Create target properties - // Support: Safari <=6 - 7 only - // Target should not be a text node (#504, #13143) - this.target = ( src.target && src.target.nodeType === 3 ) ? - src.target.parentNode : - src.target; - - this.currentTarget = src.currentTarget; - this.relatedTarget = src.relatedTarget; - - // Event type - } else { - this.type = src; - } - - // Put explicitly provided properties onto the event object - if ( props ) { - jQuery.extend( this, props ); - } - - // Create a timestamp if incoming event doesn't have one - this.timeStamp = src && src.timeStamp || jQuery.now(); - - // Mark it as fixed - this[ jQuery.expando ] = true; -}; - -// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding -// https://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html -jQuery.Event.prototype = { - constructor: jQuery.Event, - isDefaultPrevented: returnFalse, - isPropagationStopped: returnFalse, - isImmediatePropagationStopped: returnFalse, - isSimulated: false, - - preventDefault: function() { - var e = this.originalEvent; - - this.isDefaultPrevented = returnTrue; - - if ( e && !this.isSimulated ) { - e.preventDefault(); - } - }, - stopPropagation: function() { - var e = this.originalEvent; - - this.isPropagationStopped = returnTrue; - - if ( e && !this.isSimulated ) { - e.stopPropagation(); - } - }, - stopImmediatePropagation: function() { - var e = this.originalEvent; - - this.isImmediatePropagationStopped = returnTrue; - - if ( e && !this.isSimulated ) { - e.stopImmediatePropagation(); - } - - this.stopPropagation(); - } -}; - -// Includes all common event props including KeyEvent and MouseEvent specific props -jQuery.each( { - altKey: true, - bubbles: true, - cancelable: true, - changedTouches: true, - ctrlKey: true, - detail: true, - eventPhase: true, - metaKey: true, - pageX: true, - pageY: true, - shiftKey: true, - view: true, - "char": true, - charCode: true, - key: true, - keyCode: true, - button: true, - buttons: true, - clientX: true, - clientY: true, - offsetX: true, - offsetY: true, - pointerId: true, - pointerType: true, - screenX: true, - screenY: true, - targetTouches: true, - toElement: true, - touches: true, - - which: function( event ) { - var button = event.button; - - // Add which for key events - if ( event.which == null && rkeyEvent.test( event.type ) ) { - return event.charCode != null ? event.charCode : event.keyCode; - } - - // Add which for click: 1 === left; 2 === middle; 3 === right - if ( !event.which && button !== undefined && rmouseEvent.test( event.type ) ) { - if ( button & 1 ) { - return 1; - } - - if ( button & 2 ) { - return 3; - } - - if ( button & 4 ) { - return 2; - } - - return 0; - } - - return event.which; - } -}, jQuery.event.addProp ); - -// Create mouseenter/leave events using mouseover/out and event-time checks -// so that event delegation works in jQuery. -// Do the same for pointerenter/pointerleave and pointerover/pointerout -// -// Support: Safari 7 only -// Safari sends mouseenter too often; see: -// https://bugs.chromium.org/p/chromium/issues/detail?id=470258 -// for the description of the bug (it existed in older Chrome versions as well). -jQuery.each( { - mouseenter: "mouseover", - mouseleave: "mouseout", - pointerenter: "pointerover", - pointerleave: "pointerout" -}, function( orig, fix ) { - jQuery.event.special[ orig ] = { - delegateType: fix, - bindType: fix, - - handle: function( event ) { - var ret, - target = this, - related = event.relatedTarget, - handleObj = event.handleObj; - - // For mouseenter/leave call the handler if related is outside the target. - // NB: No relatedTarget if the mouse left/entered the browser window - if ( !related || ( related !== target && !jQuery.contains( target, related ) ) ) { - event.type = handleObj.origType; - ret = handleObj.handler.apply( this, arguments ); - event.type = fix; - } - return ret; - } - }; -} ); - -jQuery.fn.extend( { - - on: function( types, selector, data, fn ) { - return on( this, types, selector, data, fn ); - }, - one: function( types, selector, data, fn ) { - return on( this, types, selector, data, fn, 1 ); - }, - off: function( types, selector, fn ) { - var handleObj, type; - if ( types && types.preventDefault && types.handleObj ) { - - // ( event ) dispatched jQuery.Event - handleObj = types.handleObj; - jQuery( types.delegateTarget ).off( - handleObj.namespace ? - handleObj.origType + "." + handleObj.namespace : - handleObj.origType, - handleObj.selector, - handleObj.handler - ); - return this; - } - if ( typeof types === "object" ) { - - // ( types-object [, selector] ) - for ( type in types ) { - this.off( type, selector, types[ type ] ); - } - return this; - } - if ( selector === false || typeof selector === "function" ) { - - // ( types [, fn] ) - fn = selector; - selector = undefined; - } - if ( fn === false ) { - fn = returnFalse; - } - return this.each( function() { - jQuery.event.remove( this, types, fn, selector ); - } ); - } -} ); - - -var - - /* eslint-disable max-len */ - - // See https://github.com/eslint/eslint/issues/3229 - rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([a-z][^\/\0>\x20\t\r\n\f]*)[^>]*)\/>/gi, - - /* eslint-enable */ - - // Support: IE <=10 - 11, Edge 12 - 13 - // In IE/Edge using regex groups here causes severe slowdowns. - // See https://connect.microsoft.com/IE/feedback/details/1736512/ - rnoInnerhtml = /\s*$/g; - -// Prefer a tbody over its parent table for containing new rows -function manipulationTarget( elem, content ) { - if ( nodeName( elem, "table" ) && - nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ) { - - return jQuery( ">tbody", elem )[ 0 ] || elem; - } - - return elem; -} - -// Replace/restore the type attribute of script elements for safe DOM manipulation -function disableScript( elem ) { - elem.type = ( elem.getAttribute( "type" ) !== null ) + "/" + elem.type; - return elem; -} -function restoreScript( elem ) { - var match = rscriptTypeMasked.exec( elem.type ); - - if ( match ) { - elem.type = match[ 1 ]; - } else { - elem.removeAttribute( "type" ); - } - - return elem; -} - -function cloneCopyEvent( src, dest ) { - var i, l, type, pdataOld, pdataCur, udataOld, udataCur, events; - - if ( dest.nodeType !== 1 ) { - return; - } - - // 1. Copy private data: events, handlers, etc. - if ( dataPriv.hasData( src ) ) { - pdataOld = dataPriv.access( src ); - pdataCur = dataPriv.set( dest, pdataOld ); - events = pdataOld.events; - - if ( events ) { - delete pdataCur.handle; - pdataCur.events = {}; - - for ( type in events ) { - for ( i = 0, l = events[ type ].length; i < l; i++ ) { - jQuery.event.add( dest, type, events[ type ][ i ] ); - } - } - } - } - - // 2. Copy user data - if ( dataUser.hasData( src ) ) { - udataOld = dataUser.access( src ); - udataCur = jQuery.extend( {}, udataOld ); - - dataUser.set( dest, udataCur ); - } -} - -// Fix IE bugs, see support tests -function fixInput( src, dest ) { - var nodeName = dest.nodeName.toLowerCase(); - - // Fails to persist the checked state of a cloned checkbox or radio button. - if ( nodeName === "input" && rcheckableType.test( src.type ) ) { - dest.checked = src.checked; - - // Fails to return the selected option to the default selected state when cloning options - } else if ( nodeName === "input" || nodeName === "textarea" ) { - dest.defaultValue = src.defaultValue; - } -} - -function domManip( collection, args, callback, ignored ) { - - // Flatten any nested arrays - args = concat.apply( [], args ); - - var fragment, first, scripts, hasScripts, node, doc, - i = 0, - l = collection.length, - iNoClone = l - 1, - value = args[ 0 ], - isFunction = jQuery.isFunction( value ); - - // We can't cloneNode fragments that contain checked, in WebKit - if ( isFunction || - ( l > 1 && typeof value === "string" && - !support.checkClone && rchecked.test( value ) ) ) { - return collection.each( function( index ) { - var self = collection.eq( index ); - if ( isFunction ) { - args[ 0 ] = value.call( this, index, self.html() ); - } - domManip( self, args, callback, ignored ); - } ); - } - - if ( l ) { - fragment = buildFragment( args, collection[ 0 ].ownerDocument, false, collection, ignored ); - first = fragment.firstChild; - - if ( fragment.childNodes.length === 1 ) { - fragment = first; - } - - // Require either new content or an interest in ignored elements to invoke the callback - if ( first || ignored ) { - scripts = jQuery.map( getAll( fragment, "script" ), disableScript ); - hasScripts = scripts.length; - - // Use the original fragment for the last item - // instead of the first because it can end up - // being emptied incorrectly in certain situations (#8070). - for ( ; i < l; i++ ) { - node = fragment; - - if ( i !== iNoClone ) { - node = jQuery.clone( node, true, true ); - - // Keep references to cloned scripts for later restoration - if ( hasScripts ) { - - // Support: Android <=4.0 only, PhantomJS 1 only - // push.apply(_, arraylike) throws on ancient WebKit - jQuery.merge( scripts, getAll( node, "script" ) ); - } - } - - callback.call( collection[ i ], node, i ); - } - - if ( hasScripts ) { - doc = scripts[ scripts.length - 1 ].ownerDocument; - - // Reenable scripts - jQuery.map( scripts, restoreScript ); - - // Evaluate executable scripts on first document insertion - for ( i = 0; i < hasScripts; i++ ) { - node = scripts[ i ]; - if ( rscriptType.test( node.type || "" ) && - !dataPriv.access( node, "globalEval" ) && - jQuery.contains( doc, node ) ) { - - if ( node.src ) { - - // Optional AJAX dependency, but won't run scripts if not present - if ( jQuery._evalUrl ) { - jQuery._evalUrl( node.src ); - } - } else { - DOMEval( node.textContent.replace( rcleanScript, "" ), doc ); - } - } - } - } - } - } - - return collection; -} - -function remove( elem, selector, keepData ) { - var node, - nodes = selector ? jQuery.filter( selector, elem ) : elem, - i = 0; - - for ( ; ( node = nodes[ i ] ) != null; i++ ) { - if ( !keepData && node.nodeType === 1 ) { - jQuery.cleanData( getAll( node ) ); - } - - if ( node.parentNode ) { - if ( keepData && jQuery.contains( node.ownerDocument, node ) ) { - setGlobalEval( getAll( node, "script" ) ); - } - node.parentNode.removeChild( node ); - } - } - - return elem; -} - -jQuery.extend( { - htmlPrefilter: function( html ) { - return html.replace( rxhtmlTag, "<$1>" ); - }, - - clone: function( elem, dataAndEvents, deepDataAndEvents ) { - var i, l, srcElements, destElements, - clone = elem.cloneNode( true ), - inPage = jQuery.contains( elem.ownerDocument, elem ); - - // Fix IE cloning issues - if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) && - !jQuery.isXMLDoc( elem ) ) { - - // We eschew Sizzle here for performance reasons: https://jsperf.com/getall-vs-sizzle/2 - destElements = getAll( clone ); - srcElements = getAll( elem ); - - for ( i = 0, l = srcElements.length; i < l; i++ ) { - fixInput( srcElements[ i ], destElements[ i ] ); - } - } - - // Copy the events from the original to the clone - if ( dataAndEvents ) { - if ( deepDataAndEvents ) { - srcElements = srcElements || getAll( elem ); - destElements = destElements || getAll( clone ); - - for ( i = 0, l = srcElements.length; i < l; i++ ) { - cloneCopyEvent( srcElements[ i ], destElements[ i ] ); - } - } else { - cloneCopyEvent( elem, clone ); - } - } - - // Preserve script evaluation history - destElements = getAll( clone, "script" ); - if ( destElements.length > 0 ) { - setGlobalEval( destElements, !inPage && getAll( elem, "script" ) ); - } - - // Return the cloned set - return clone; - }, - - cleanData: function( elems ) { - var data, elem, type, - special = jQuery.event.special, - i = 0; - - for ( ; ( elem = elems[ i ] ) !== undefined; i++ ) { - if ( acceptData( elem ) ) { - if ( ( data = elem[ dataPriv.expando ] ) ) { - if ( data.events ) { - for ( type in data.events ) { - if ( special[ type ] ) { - jQuery.event.remove( elem, type ); - - // This is a shortcut to avoid jQuery.event.remove's overhead - } else { - jQuery.removeEvent( elem, type, data.handle ); - } - } - } - - // Support: Chrome <=35 - 45+ - // Assign undefined instead of using delete, see Data#remove - elem[ dataPriv.expando ] = undefined; - } - if ( elem[ dataUser.expando ] ) { - - // Support: Chrome <=35 - 45+ - // Assign undefined instead of using delete, see Data#remove - elem[ dataUser.expando ] = undefined; - } - } - } - } -} ); - -jQuery.fn.extend( { - detach: function( selector ) { - return remove( this, selector, true ); - }, - - remove: function( selector ) { - return remove( this, selector ); - }, - - text: function( value ) { - return access( this, function( value ) { - return value === undefined ? - jQuery.text( this ) : - this.empty().each( function() { - if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { - this.textContent = value; - } - } ); - }, null, value, arguments.length ); - }, - - append: function() { - return domManip( this, arguments, function( elem ) { - if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { - var target = manipulationTarget( this, elem ); - target.appendChild( elem ); - } - } ); - }, - - prepend: function() { - return domManip( this, arguments, function( elem ) { - if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { - var target = manipulationTarget( this, elem ); - target.insertBefore( elem, target.firstChild ); - } - } ); - }, - - before: function() { - return domManip( this, arguments, function( elem ) { - if ( this.parentNode ) { - this.parentNode.insertBefore( elem, this ); - } - } ); - }, - - after: function() { - return domManip( this, arguments, function( elem ) { - if ( this.parentNode ) { - this.parentNode.insertBefore( elem, this.nextSibling ); - } - } ); - }, - - empty: function() { - var elem, - i = 0; - - for ( ; ( elem = this[ i ] ) != null; i++ ) { - if ( elem.nodeType === 1 ) { - - // Prevent memory leaks - jQuery.cleanData( getAll( elem, false ) ); - - // Remove any remaining nodes - elem.textContent = ""; - } - } - - return this; - }, - - clone: function( dataAndEvents, deepDataAndEvents ) { - dataAndEvents = dataAndEvents == null ? false : dataAndEvents; - deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents; - - return this.map( function() { - return jQuery.clone( this, dataAndEvents, deepDataAndEvents ); - } ); - }, - - html: function( value ) { - return access( this, function( value ) { - var elem = this[ 0 ] || {}, - i = 0, - l = this.length; - - if ( value === undefined && elem.nodeType === 1 ) { - return elem.innerHTML; - } - - // See if we can take a shortcut and just use innerHTML - if ( typeof value === "string" && !rnoInnerhtml.test( value ) && - !wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) { - - value = jQuery.htmlPrefilter( value ); - - try { - for ( ; i < l; i++ ) { - elem = this[ i ] || {}; - - // Remove element nodes and prevent memory leaks - if ( elem.nodeType === 1 ) { - jQuery.cleanData( getAll( elem, false ) ); - elem.innerHTML = value; - } - } - - elem = 0; - - // If using innerHTML throws an exception, use the fallback method - } catch ( e ) {} - } - - if ( elem ) { - this.empty().append( value ); - } - }, null, value, arguments.length ); - }, - - replaceWith: function() { - var ignored = []; - - // Make the changes, replacing each non-ignored context element with the new content - return domManip( this, arguments, function( elem ) { - var parent = this.parentNode; - - if ( jQuery.inArray( this, ignored ) < 0 ) { - jQuery.cleanData( getAll( this ) ); - if ( parent ) { - parent.replaceChild( elem, this ); - } - } - - // Force callback invocation - }, ignored ); - } -} ); - -jQuery.each( { - appendTo: "append", - prependTo: "prepend", - insertBefore: "before", - insertAfter: "after", - replaceAll: "replaceWith" -}, function( name, original ) { - jQuery.fn[ name ] = function( selector ) { - var elems, - ret = [], - insert = jQuery( selector ), - last = insert.length - 1, - i = 0; - - for ( ; i <= last; i++ ) { - elems = i === last ? this : this.clone( true ); - jQuery( insert[ i ] )[ original ]( elems ); - - // Support: Android <=4.0 only, PhantomJS 1 only - // .get() because push.apply(_, arraylike) throws on ancient WebKit - push.apply( ret, elems.get() ); - } - - return this.pushStack( ret ); - }; -} ); -var rmargin = ( /^margin/ ); - -var rnumnonpx = new RegExp( "^(" + pnum + ")(?!px)[a-z%]+$", "i" ); - -var getStyles = function( elem ) { - - // Support: IE <=11 only, Firefox <=30 (#15098, #14150) - // IE throws on elements created in popups - // FF meanwhile throws on frame elements through "defaultView.getComputedStyle" - var view = elem.ownerDocument.defaultView; - - if ( !view || !view.opener ) { - view = window; - } - - return view.getComputedStyle( elem ); - }; - - - -( function() { - - // Executing both pixelPosition & boxSizingReliable tests require only one layout - // so they're executed at the same time to save the second computation. - function computeStyleTests() { - - // This is a singleton, we need to execute it only once - if ( !div ) { - return; - } - - div.style.cssText = - "box-sizing:border-box;" + - "position:relative;display:block;" + - "margin:auto;border:1px;padding:1px;" + - "top:1%;width:50%"; - div.innerHTML = ""; - documentElement.appendChild( container ); - - var divStyle = window.getComputedStyle( div ); - pixelPositionVal = divStyle.top !== "1%"; - - // Support: Android 4.0 - 4.3 only, Firefox <=3 - 44 - reliableMarginLeftVal = divStyle.marginLeft === "2px"; - boxSizingReliableVal = divStyle.width === "4px"; - - // Support: Android 4.0 - 4.3 only - // Some styles come back with percentage values, even though they shouldn't - div.style.marginRight = "50%"; - pixelMarginRightVal = divStyle.marginRight === "4px"; - - documentElement.removeChild( container ); - - // Nullify the div so it wouldn't be stored in the memory and - // it will also be a sign that checks already performed - div = null; - } - - var pixelPositionVal, boxSizingReliableVal, pixelMarginRightVal, reliableMarginLeftVal, - container = document.createElement( "div" ), - div = document.createElement( "div" ); - - // Finish early in limited (non-browser) environments - if ( !div.style ) { - return; - } - - // Support: IE <=9 - 11 only - // Style of cloned element affects source element cloned (#8908) - div.style.backgroundClip = "content-box"; - div.cloneNode( true ).style.backgroundClip = ""; - support.clearCloneStyle = div.style.backgroundClip === "content-box"; - - container.style.cssText = "border:0;width:8px;height:0;top:0;left:-9999px;" + - "padding:0;margin-top:1px;position:absolute"; - container.appendChild( div ); - - jQuery.extend( support, { - pixelPosition: function() { - computeStyleTests(); - return pixelPositionVal; - }, - boxSizingReliable: function() { - computeStyleTests(); - return boxSizingReliableVal; - }, - pixelMarginRight: function() { - computeStyleTests(); - return pixelMarginRightVal; - }, - reliableMarginLeft: function() { - computeStyleTests(); - return reliableMarginLeftVal; - } - } ); -} )(); - - -function curCSS( elem, name, computed ) { - var width, minWidth, maxWidth, ret, - - // Support: Firefox 51+ - // Retrieving style before computed somehow - // fixes an issue with getting wrong values - // on detached elements - style = elem.style; - - computed = computed || getStyles( elem ); - - // getPropertyValue is needed for: - // .css('filter') (IE 9 only, #12537) - // .css('--customProperty) (#3144) - if ( computed ) { - ret = computed.getPropertyValue( name ) || computed[ name ]; - - if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) { - ret = jQuery.style( elem, name ); - } - - // A tribute to the "awesome hack by Dean Edwards" - // Android Browser returns percentage for some values, - // but width seems to be reliably pixels. - // This is against the CSSOM draft spec: - // https://drafts.csswg.org/cssom/#resolved-values - if ( !support.pixelMarginRight() && rnumnonpx.test( ret ) && rmargin.test( name ) ) { - - // Remember the original values - width = style.width; - minWidth = style.minWidth; - maxWidth = style.maxWidth; - - // Put in the new values to get a computed value out - style.minWidth = style.maxWidth = style.width = ret; - ret = computed.width; - - // Revert the changed values - style.width = width; - style.minWidth = minWidth; - style.maxWidth = maxWidth; - } - } - - return ret !== undefined ? - - // Support: IE <=9 - 11 only - // IE returns zIndex value as an integer. - ret + "" : - ret; -} - - -function addGetHookIf( conditionFn, hookFn ) { - - // Define the hook, we'll check on the first run if it's really needed. - return { - get: function() { - if ( conditionFn() ) { - - // Hook not needed (or it's not possible to use it due - // to missing dependency), remove it. - delete this.get; - return; - } - - // Hook needed; redefine it so that the support test is not executed again. - return ( this.get = hookFn ).apply( this, arguments ); - } - }; -} - - -var - - // Swappable if display is none or starts with table - // except "table", "table-cell", or "table-caption" - // See here for display values: https://developer.mozilla.org/en-US/docs/CSS/display - rdisplayswap = /^(none|table(?!-c[ea]).+)/, - rcustomProp = /^--/, - cssShow = { position: "absolute", visibility: "hidden", display: "block" }, - cssNormalTransform = { - letterSpacing: "0", - fontWeight: "400" - }, - - cssPrefixes = [ "Webkit", "Moz", "ms" ], - emptyStyle = document.createElement( "div" ).style; - -// Return a css property mapped to a potentially vendor prefixed property -function vendorPropName( name ) { - - // Shortcut for names that are not vendor prefixed - if ( name in emptyStyle ) { - return name; - } - - // Check for vendor prefixed names - var capName = name[ 0 ].toUpperCase() + name.slice( 1 ), - i = cssPrefixes.length; - - while ( i-- ) { - name = cssPrefixes[ i ] + capName; - if ( name in emptyStyle ) { - return name; - } - } -} - -// Return a property mapped along what jQuery.cssProps suggests or to -// a vendor prefixed property. -function finalPropName( name ) { - var ret = jQuery.cssProps[ name ]; - if ( !ret ) { - ret = jQuery.cssProps[ name ] = vendorPropName( name ) || name; - } - return ret; -} - -function setPositiveNumber( elem, value, subtract ) { - - // Any relative (+/-) values have already been - // normalized at this point - var matches = rcssNum.exec( value ); - return matches ? - - // Guard against undefined "subtract", e.g., when used as in cssHooks - Math.max( 0, matches[ 2 ] - ( subtract || 0 ) ) + ( matches[ 3 ] || "px" ) : - value; -} - -function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) { - var i, - val = 0; - - // If we already have the right measurement, avoid augmentation - if ( extra === ( isBorderBox ? "border" : "content" ) ) { - i = 4; - - // Otherwise initialize for horizontal or vertical properties - } else { - i = name === "width" ? 1 : 0; - } - - for ( ; i < 4; i += 2 ) { - - // Both box models exclude margin, so add it if we want it - if ( extra === "margin" ) { - val += jQuery.css( elem, extra + cssExpand[ i ], true, styles ); - } - - if ( isBorderBox ) { - - // border-box includes padding, so remove it if we want content - if ( extra === "content" ) { - val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles ); - } - - // At this point, extra isn't border nor margin, so remove border - if ( extra !== "margin" ) { - val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); - } - } else { - - // At this point, extra isn't content, so add padding - val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles ); - - // At this point, extra isn't content nor padding, so add border - if ( extra !== "padding" ) { - val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); - } - } - } - - return val; -} - -function getWidthOrHeight( elem, name, extra ) { - - // Start with computed style - var valueIsBorderBox, - styles = getStyles( elem ), - val = curCSS( elem, name, styles ), - isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box"; - - // Computed unit is not pixels. Stop here and return. - if ( rnumnonpx.test( val ) ) { - return val; - } - - // Check for style in case a browser which returns unreliable values - // for getComputedStyle silently falls back to the reliable elem.style - valueIsBorderBox = isBorderBox && - ( support.boxSizingReliable() || val === elem.style[ name ] ); - - // Fall back to offsetWidth/Height when value is "auto" - // This happens for inline elements with no explicit setting (gh-3571) - if ( val === "auto" ) { - val = elem[ "offset" + name[ 0 ].toUpperCase() + name.slice( 1 ) ]; - } - - // Normalize "", auto, and prepare for extra - val = parseFloat( val ) || 0; - - // Use the active box-sizing model to add/subtract irrelevant styles - return ( val + - augmentWidthOrHeight( - elem, - name, - extra || ( isBorderBox ? "border" : "content" ), - valueIsBorderBox, - styles - ) - ) + "px"; -} - -jQuery.extend( { - - // Add in style property hooks for overriding the default - // behavior of getting and setting a style property - cssHooks: { - opacity: { - get: function( elem, computed ) { - if ( computed ) { - - // We should always get a number back from opacity - var ret = curCSS( elem, "opacity" ); - return ret === "" ? "1" : ret; - } - } - } - }, - - // Don't automatically add "px" to these possibly-unitless properties - cssNumber: { - "animationIterationCount": true, - "columnCount": true, - "fillOpacity": true, - "flexGrow": true, - "flexShrink": true, - "fontWeight": true, - "lineHeight": true, - "opacity": true, - "order": true, - "orphans": true, - "widows": true, - "zIndex": true, - "zoom": true - }, - - // Add in properties whose names you wish to fix before - // setting or getting the value - cssProps: { - "float": "cssFloat" - }, - - // Get and set the style property on a DOM Node - style: function( elem, name, value, extra ) { - - // Don't set styles on text and comment nodes - if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) { - return; - } - - // Make sure that we're working with the right name - var ret, type, hooks, - origName = jQuery.camelCase( name ), - isCustomProp = rcustomProp.test( name ), - style = elem.style; - - // Make sure that we're working with the right name. We don't - // want to query the value if it is a CSS custom property - // since they are user-defined. - if ( !isCustomProp ) { - name = finalPropName( origName ); - } - - // Gets hook for the prefixed version, then unprefixed version - hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ]; - - // Check if we're setting a value - if ( value !== undefined ) { - type = typeof value; - - // Convert "+=" or "-=" to relative numbers (#7345) - if ( type === "string" && ( ret = rcssNum.exec( value ) ) && ret[ 1 ] ) { - value = adjustCSS( elem, name, ret ); - - // Fixes bug #9237 - type = "number"; - } - - // Make sure that null and NaN values aren't set (#7116) - if ( value == null || value !== value ) { - return; - } - - // If a number was passed in, add the unit (except for certain CSS properties) - if ( type === "number" ) { - value += ret && ret[ 3 ] || ( jQuery.cssNumber[ origName ] ? "" : "px" ); - } - - // background-* props affect original clone's values - if ( !support.clearCloneStyle && value === "" && name.indexOf( "background" ) === 0 ) { - style[ name ] = "inherit"; - } - - // If a hook was provided, use that value, otherwise just set the specified value - if ( !hooks || !( "set" in hooks ) || - ( value = hooks.set( elem, value, extra ) ) !== undefined ) { - - if ( isCustomProp ) { - style.setProperty( name, value ); - } else { - style[ name ] = value; - } - } - - } else { - - // If a hook was provided get the non-computed value from there - if ( hooks && "get" in hooks && - ( ret = hooks.get( elem, false, extra ) ) !== undefined ) { - - return ret; - } - - // Otherwise just get the value from the style object - return style[ name ]; - } - }, - - css: function( elem, name, extra, styles ) { - var val, num, hooks, - origName = jQuery.camelCase( name ), - isCustomProp = rcustomProp.test( name ); - - // Make sure that we're working with the right name. We don't - // want to modify the value if it is a CSS custom property - // since they are user-defined. - if ( !isCustomProp ) { - name = finalPropName( origName ); - } - - // Try prefixed name followed by the unprefixed name - hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ]; - - // If a hook was provided get the computed value from there - if ( hooks && "get" in hooks ) { - val = hooks.get( elem, true, extra ); - } - - // Otherwise, if a way to get the computed value exists, use that - if ( val === undefined ) { - val = curCSS( elem, name, styles ); - } - - // Convert "normal" to computed value - if ( val === "normal" && name in cssNormalTransform ) { - val = cssNormalTransform[ name ]; - } - - // Make numeric if forced or a qualifier was provided and val looks numeric - if ( extra === "" || extra ) { - num = parseFloat( val ); - return extra === true || isFinite( num ) ? num || 0 : val; - } - - return val; - } -} ); - -jQuery.each( [ "height", "width" ], function( i, name ) { - jQuery.cssHooks[ name ] = { - get: function( elem, computed, extra ) { - if ( computed ) { - - // Certain elements can have dimension info if we invisibly show them - // but it must have a current display style that would benefit - return rdisplayswap.test( jQuery.css( elem, "display" ) ) && - - // Support: Safari 8+ - // Table columns in Safari have non-zero offsetWidth & zero - // getBoundingClientRect().width unless display is changed. - // Support: IE <=11 only - // Running getBoundingClientRect on a disconnected node - // in IE throws an error. - ( !elem.getClientRects().length || !elem.getBoundingClientRect().width ) ? - swap( elem, cssShow, function() { - return getWidthOrHeight( elem, name, extra ); - } ) : - getWidthOrHeight( elem, name, extra ); - } - }, - - set: function( elem, value, extra ) { - var matches, - styles = extra && getStyles( elem ), - subtract = extra && augmentWidthOrHeight( - elem, - name, - extra, - jQuery.css( elem, "boxSizing", false, styles ) === "border-box", - styles - ); - - // Convert to pixels if value adjustment is needed - if ( subtract && ( matches = rcssNum.exec( value ) ) && - ( matches[ 3 ] || "px" ) !== "px" ) { - - elem.style[ name ] = value; - value = jQuery.css( elem, name ); - } - - return setPositiveNumber( elem, value, subtract ); - } - }; -} ); - -jQuery.cssHooks.marginLeft = addGetHookIf( support.reliableMarginLeft, - function( elem, computed ) { - if ( computed ) { - return ( parseFloat( curCSS( elem, "marginLeft" ) ) || - elem.getBoundingClientRect().left - - swap( elem, { marginLeft: 0 }, function() { - return elem.getBoundingClientRect().left; - } ) - ) + "px"; - } - } -); - -// These hooks are used by animate to expand properties -jQuery.each( { - margin: "", - padding: "", - border: "Width" -}, function( prefix, suffix ) { - jQuery.cssHooks[ prefix + suffix ] = { - expand: function( value ) { - var i = 0, - expanded = {}, - - // Assumes a single number if not a string - parts = typeof value === "string" ? value.split( " " ) : [ value ]; - - for ( ; i < 4; i++ ) { - expanded[ prefix + cssExpand[ i ] + suffix ] = - parts[ i ] || parts[ i - 2 ] || parts[ 0 ]; - } - - return expanded; - } - }; - - if ( !rmargin.test( prefix ) ) { - jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber; - } -} ); - -jQuery.fn.extend( { - css: function( name, value ) { - return access( this, function( elem, name, value ) { - var styles, len, - map = {}, - i = 0; - - if ( Array.isArray( name ) ) { - styles = getStyles( elem ); - len = name.length; - - for ( ; i < len; i++ ) { - map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles ); - } - - return map; - } - - return value !== undefined ? - jQuery.style( elem, name, value ) : - jQuery.css( elem, name ); - }, name, value, arguments.length > 1 ); - } -} ); - - -function Tween( elem, options, prop, end, easing ) { - return new Tween.prototype.init( elem, options, prop, end, easing ); -} -jQuery.Tween = Tween; - -Tween.prototype = { - constructor: Tween, - init: function( elem, options, prop, end, easing, unit ) { - this.elem = elem; - this.prop = prop; - this.easing = easing || jQuery.easing._default; - this.options = options; - this.start = this.now = this.cur(); - this.end = end; - this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" ); - }, - cur: function() { - var hooks = Tween.propHooks[ this.prop ]; - - return hooks && hooks.get ? - hooks.get( this ) : - Tween.propHooks._default.get( this ); - }, - run: function( percent ) { - var eased, - hooks = Tween.propHooks[ this.prop ]; - - if ( this.options.duration ) { - this.pos = eased = jQuery.easing[ this.easing ]( - percent, this.options.duration * percent, 0, 1, this.options.duration - ); - } else { - this.pos = eased = percent; - } - this.now = ( this.end - this.start ) * eased + this.start; - - if ( this.options.step ) { - this.options.step.call( this.elem, this.now, this ); - } - - if ( hooks && hooks.set ) { - hooks.set( this ); - } else { - Tween.propHooks._default.set( this ); - } - return this; - } -}; - -Tween.prototype.init.prototype = Tween.prototype; - -Tween.propHooks = { - _default: { - get: function( tween ) { - var result; - - // Use a property on the element directly when it is not a DOM element, - // or when there is no matching style property that exists. - if ( tween.elem.nodeType !== 1 || - tween.elem[ tween.prop ] != null && tween.elem.style[ tween.prop ] == null ) { - return tween.elem[ tween.prop ]; - } - - // Passing an empty string as a 3rd parameter to .css will automatically - // attempt a parseFloat and fallback to a string if the parse fails. - // Simple values such as "10px" are parsed to Float; - // complex values such as "rotate(1rad)" are returned as-is. - result = jQuery.css( tween.elem, tween.prop, "" ); - - // Empty strings, null, undefined and "auto" are converted to 0. - return !result || result === "auto" ? 0 : result; - }, - set: function( tween ) { - - // Use step hook for back compat. - // Use cssHook if its there. - // Use .style if available and use plain properties where available. - if ( jQuery.fx.step[ tween.prop ] ) { - jQuery.fx.step[ tween.prop ]( tween ); - } else if ( tween.elem.nodeType === 1 && - ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || - jQuery.cssHooks[ tween.prop ] ) ) { - jQuery.style( tween.elem, tween.prop, tween.now + tween.unit ); - } else { - tween.elem[ tween.prop ] = tween.now; - } - } - } -}; - -// Support: IE <=9 only -// Panic based approach to setting things on disconnected nodes -Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = { - set: function( tween ) { - if ( tween.elem.nodeType && tween.elem.parentNode ) { - tween.elem[ tween.prop ] = tween.now; - } - } -}; - -jQuery.easing = { - linear: function( p ) { - return p; - }, - swing: function( p ) { - return 0.5 - Math.cos( p * Math.PI ) / 2; - }, - _default: "swing" -}; - -jQuery.fx = Tween.prototype.init; - -// Back compat <1.8 extension point -jQuery.fx.step = {}; - - - - -var - fxNow, inProgress, - rfxtypes = /^(?:toggle|show|hide)$/, - rrun = /queueHooks$/; - -function schedule() { - if ( inProgress ) { - if ( document.hidden === false && window.requestAnimationFrame ) { - window.requestAnimationFrame( schedule ); - } else { - window.setTimeout( schedule, jQuery.fx.interval ); - } - - jQuery.fx.tick(); - } -} - -// Animations created synchronously will run synchronously -function createFxNow() { - window.setTimeout( function() { - fxNow = undefined; - } ); - return ( fxNow = jQuery.now() ); -} - -// Generate parameters to create a standard animation -function genFx( type, includeWidth ) { - var which, - i = 0, - attrs = { height: type }; - - // If we include width, step value is 1 to do all cssExpand values, - // otherwise step value is 2 to skip over Left and Right - includeWidth = includeWidth ? 1 : 0; - for ( ; i < 4; i += 2 - includeWidth ) { - which = cssExpand[ i ]; - attrs[ "margin" + which ] = attrs[ "padding" + which ] = type; - } - - if ( includeWidth ) { - attrs.opacity = attrs.width = type; - } - - return attrs; -} - -function createTween( value, prop, animation ) { - var tween, - collection = ( Animation.tweeners[ prop ] || [] ).concat( Animation.tweeners[ "*" ] ), - index = 0, - length = collection.length; - for ( ; index < length; index++ ) { - if ( ( tween = collection[ index ].call( animation, prop, value ) ) ) { - - // We're done with this property - return tween; - } - } -} - -function defaultPrefilter( elem, props, opts ) { - var prop, value, toggle, hooks, oldfire, propTween, restoreDisplay, display, - isBox = "width" in props || "height" in props, - anim = this, - orig = {}, - style = elem.style, - hidden = elem.nodeType && isHiddenWithinTree( elem ), - dataShow = dataPriv.get( elem, "fxshow" ); - - // Queue-skipping animations hijack the fx hooks - if ( !opts.queue ) { - hooks = jQuery._queueHooks( elem, "fx" ); - if ( hooks.unqueued == null ) { - hooks.unqueued = 0; - oldfire = hooks.empty.fire; - hooks.empty.fire = function() { - if ( !hooks.unqueued ) { - oldfire(); - } - }; - } - hooks.unqueued++; - - anim.always( function() { - - // Ensure the complete handler is called before this completes - anim.always( function() { - hooks.unqueued--; - if ( !jQuery.queue( elem, "fx" ).length ) { - hooks.empty.fire(); - } - } ); - } ); - } - - // Detect show/hide animations - for ( prop in props ) { - value = props[ prop ]; - if ( rfxtypes.test( value ) ) { - delete props[ prop ]; - toggle = toggle || value === "toggle"; - if ( value === ( hidden ? "hide" : "show" ) ) { - - // Pretend to be hidden if this is a "show" and - // there is still data from a stopped show/hide - if ( value === "show" && dataShow && dataShow[ prop ] !== undefined ) { - hidden = true; - - // Ignore all other no-op show/hide data - } else { - continue; - } - } - orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop ); - } - } - - // Bail out if this is a no-op like .hide().hide() - propTween = !jQuery.isEmptyObject( props ); - if ( !propTween && jQuery.isEmptyObject( orig ) ) { - return; - } - - // Restrict "overflow" and "display" styles during box animations - if ( isBox && elem.nodeType === 1 ) { - - // Support: IE <=9 - 11, Edge 12 - 13 - // Record all 3 overflow attributes because IE does not infer the shorthand - // from identically-valued overflowX and overflowY - opts.overflow = [ style.overflow, style.overflowX, style.overflowY ]; - - // Identify a display type, preferring old show/hide data over the CSS cascade - restoreDisplay = dataShow && dataShow.display; - if ( restoreDisplay == null ) { - restoreDisplay = dataPriv.get( elem, "display" ); - } - display = jQuery.css( elem, "display" ); - if ( display === "none" ) { - if ( restoreDisplay ) { - display = restoreDisplay; - } else { - - // Get nonempty value(s) by temporarily forcing visibility - showHide( [ elem ], true ); - restoreDisplay = elem.style.display || restoreDisplay; - display = jQuery.css( elem, "display" ); - showHide( [ elem ] ); - } - } - - // Animate inline elements as inline-block - if ( display === "inline" || display === "inline-block" && restoreDisplay != null ) { - if ( jQuery.css( elem, "float" ) === "none" ) { - - // Restore the original display value at the end of pure show/hide animations - if ( !propTween ) { - anim.done( function() { - style.display = restoreDisplay; - } ); - if ( restoreDisplay == null ) { - display = style.display; - restoreDisplay = display === "none" ? "" : display; - } - } - style.display = "inline-block"; - } - } - } - - if ( opts.overflow ) { - style.overflow = "hidden"; - anim.always( function() { - style.overflow = opts.overflow[ 0 ]; - style.overflowX = opts.overflow[ 1 ]; - style.overflowY = opts.overflow[ 2 ]; - } ); - } - - // Implement show/hide animations - propTween = false; - for ( prop in orig ) { - - // General show/hide setup for this element animation - if ( !propTween ) { - if ( dataShow ) { - if ( "hidden" in dataShow ) { - hidden = dataShow.hidden; - } - } else { - dataShow = dataPriv.access( elem, "fxshow", { display: restoreDisplay } ); - } - - // Store hidden/visible for toggle so `.stop().toggle()` "reverses" - if ( toggle ) { - dataShow.hidden = !hidden; - } - - // Show elements before animating them - if ( hidden ) { - showHide( [ elem ], true ); - } - - /* eslint-disable no-loop-func */ - - anim.done( function() { - - /* eslint-enable no-loop-func */ - - // The final step of a "hide" animation is actually hiding the element - if ( !hidden ) { - showHide( [ elem ] ); - } - dataPriv.remove( elem, "fxshow" ); - for ( prop in orig ) { - jQuery.style( elem, prop, orig[ prop ] ); - } - } ); - } - - // Per-property setup - propTween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim ); - if ( !( prop in dataShow ) ) { - dataShow[ prop ] = propTween.start; - if ( hidden ) { - propTween.end = propTween.start; - propTween.start = 0; - } - } - } -} - -function propFilter( props, specialEasing ) { - var index, name, easing, value, hooks; - - // camelCase, specialEasing and expand cssHook pass - for ( index in props ) { - name = jQuery.camelCase( index ); - easing = specialEasing[ name ]; - value = props[ index ]; - if ( Array.isArray( value ) ) { - easing = value[ 1 ]; - value = props[ index ] = value[ 0 ]; - } - - if ( index !== name ) { - props[ name ] = value; - delete props[ index ]; - } - - hooks = jQuery.cssHooks[ name ]; - if ( hooks && "expand" in hooks ) { - value = hooks.expand( value ); - delete props[ name ]; - - // Not quite $.extend, this won't overwrite existing keys. - // Reusing 'index' because we have the correct "name" - for ( index in value ) { - if ( !( index in props ) ) { - props[ index ] = value[ index ]; - specialEasing[ index ] = easing; - } - } - } else { - specialEasing[ name ] = easing; - } - } -} - -function Animation( elem, properties, options ) { - var result, - stopped, - index = 0, - length = Animation.prefilters.length, - deferred = jQuery.Deferred().always( function() { - - // Don't match elem in the :animated selector - delete tick.elem; - } ), - tick = function() { - if ( stopped ) { - return false; - } - var currentTime = fxNow || createFxNow(), - remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ), - - // Support: Android 2.3 only - // Archaic crash bug won't allow us to use `1 - ( 0.5 || 0 )` (#12497) - temp = remaining / animation.duration || 0, - percent = 1 - temp, - index = 0, - length = animation.tweens.length; - - for ( ; index < length; index++ ) { - animation.tweens[ index ].run( percent ); - } - - deferred.notifyWith( elem, [ animation, percent, remaining ] ); - - // If there's more to do, yield - if ( percent < 1 && length ) { - return remaining; - } - - // If this was an empty animation, synthesize a final progress notification - if ( !length ) { - deferred.notifyWith( elem, [ animation, 1, 0 ] ); - } - - // Resolve the animation and report its conclusion - deferred.resolveWith( elem, [ animation ] ); - return false; - }, - animation = deferred.promise( { - elem: elem, - props: jQuery.extend( {}, properties ), - opts: jQuery.extend( true, { - specialEasing: {}, - easing: jQuery.easing._default - }, options ), - originalProperties: properties, - originalOptions: options, - startTime: fxNow || createFxNow(), - duration: options.duration, - tweens: [], - createTween: function( prop, end ) { - var tween = jQuery.Tween( elem, animation.opts, prop, end, - animation.opts.specialEasing[ prop ] || animation.opts.easing ); - animation.tweens.push( tween ); - return tween; - }, - stop: function( gotoEnd ) { - var index = 0, - - // If we are going to the end, we want to run all the tweens - // otherwise we skip this part - length = gotoEnd ? animation.tweens.length : 0; - if ( stopped ) { - return this; - } - stopped = true; - for ( ; index < length; index++ ) { - animation.tweens[ index ].run( 1 ); - } - - // Resolve when we played the last frame; otherwise, reject - if ( gotoEnd ) { - deferred.notifyWith( elem, [ animation, 1, 0 ] ); - deferred.resolveWith( elem, [ animation, gotoEnd ] ); - } else { - deferred.rejectWith( elem, [ animation, gotoEnd ] ); - } - return this; - } - } ), - props = animation.props; - - propFilter( props, animation.opts.specialEasing ); - - for ( ; index < length; index++ ) { - result = Animation.prefilters[ index ].call( animation, elem, props, animation.opts ); - if ( result ) { - if ( jQuery.isFunction( result.stop ) ) { - jQuery._queueHooks( animation.elem, animation.opts.queue ).stop = - jQuery.proxy( result.stop, result ); - } - return result; - } - } - - jQuery.map( props, createTween, animation ); - - if ( jQuery.isFunction( animation.opts.start ) ) { - animation.opts.start.call( elem, animation ); - } - - // Attach callbacks from options - animation - .progress( animation.opts.progress ) - .done( animation.opts.done, animation.opts.complete ) - .fail( animation.opts.fail ) - .always( animation.opts.always ); - - jQuery.fx.timer( - jQuery.extend( tick, { - elem: elem, - anim: animation, - queue: animation.opts.queue - } ) - ); - - return animation; -} - -jQuery.Animation = jQuery.extend( Animation, { - - tweeners: { - "*": [ function( prop, value ) { - var tween = this.createTween( prop, value ); - adjustCSS( tween.elem, prop, rcssNum.exec( value ), tween ); - return tween; - } ] - }, - - tweener: function( props, callback ) { - if ( jQuery.isFunction( props ) ) { - callback = props; - props = [ "*" ]; - } else { - props = props.match( rnothtmlwhite ); - } - - var prop, - index = 0, - length = props.length; - - for ( ; index < length; index++ ) { - prop = props[ index ]; - Animation.tweeners[ prop ] = Animation.tweeners[ prop ] || []; - Animation.tweeners[ prop ].unshift( callback ); - } - }, - - prefilters: [ defaultPrefilter ], - - prefilter: function( callback, prepend ) { - if ( prepend ) { - Animation.prefilters.unshift( callback ); - } else { - Animation.prefilters.push( callback ); - } - } -} ); - -jQuery.speed = function( speed, easing, fn ) { - var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : { - complete: fn || !fn && easing || - jQuery.isFunction( speed ) && speed, - duration: speed, - easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing - }; - - // Go to the end state if fx are off - if ( jQuery.fx.off ) { - opt.duration = 0; - - } else { - if ( typeof opt.duration !== "number" ) { - if ( opt.duration in jQuery.fx.speeds ) { - opt.duration = jQuery.fx.speeds[ opt.duration ]; - - } else { - opt.duration = jQuery.fx.speeds._default; - } - } - } - - // Normalize opt.queue - true/undefined/null -> "fx" - if ( opt.queue == null || opt.queue === true ) { - opt.queue = "fx"; - } - - // Queueing - opt.old = opt.complete; - - opt.complete = function() { - if ( jQuery.isFunction( opt.old ) ) { - opt.old.call( this ); - } - - if ( opt.queue ) { - jQuery.dequeue( this, opt.queue ); - } - }; - - return opt; -}; - -jQuery.fn.extend( { - fadeTo: function( speed, to, easing, callback ) { - - // Show any hidden elements after setting opacity to 0 - return this.filter( isHiddenWithinTree ).css( "opacity", 0 ).show() - - // Animate to the value specified - .end().animate( { opacity: to }, speed, easing, callback ); - }, - animate: function( prop, speed, easing, callback ) { - var empty = jQuery.isEmptyObject( prop ), - optall = jQuery.speed( speed, easing, callback ), - doAnimation = function() { - - // Operate on a copy of prop so per-property easing won't be lost - var anim = Animation( this, jQuery.extend( {}, prop ), optall ); - - // Empty animations, or finishing resolves immediately - if ( empty || dataPriv.get( this, "finish" ) ) { - anim.stop( true ); - } - }; - doAnimation.finish = doAnimation; - - return empty || optall.queue === false ? - this.each( doAnimation ) : - this.queue( optall.queue, doAnimation ); - }, - stop: function( type, clearQueue, gotoEnd ) { - var stopQueue = function( hooks ) { - var stop = hooks.stop; - delete hooks.stop; - stop( gotoEnd ); - }; - - if ( typeof type !== "string" ) { - gotoEnd = clearQueue; - clearQueue = type; - type = undefined; - } - if ( clearQueue && type !== false ) { - this.queue( type || "fx", [] ); - } - - return this.each( function() { - var dequeue = true, - index = type != null && type + "queueHooks", - timers = jQuery.timers, - data = dataPriv.get( this ); - - if ( index ) { - if ( data[ index ] && data[ index ].stop ) { - stopQueue( data[ index ] ); - } - } else { - for ( index in data ) { - if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) { - stopQueue( data[ index ] ); - } - } - } - - for ( index = timers.length; index--; ) { - if ( timers[ index ].elem === this && - ( type == null || timers[ index ].queue === type ) ) { - - timers[ index ].anim.stop( gotoEnd ); - dequeue = false; - timers.splice( index, 1 ); - } - } - - // Start the next in the queue if the last step wasn't forced. - // Timers currently will call their complete callbacks, which - // will dequeue but only if they were gotoEnd. - if ( dequeue || !gotoEnd ) { - jQuery.dequeue( this, type ); - } - } ); - }, - finish: function( type ) { - if ( type !== false ) { - type = type || "fx"; - } - return this.each( function() { - var index, - data = dataPriv.get( this ), - queue = data[ type + "queue" ], - hooks = data[ type + "queueHooks" ], - timers = jQuery.timers, - length = queue ? queue.length : 0; - - // Enable finishing flag on private data - data.finish = true; - - // Empty the queue first - jQuery.queue( this, type, [] ); - - if ( hooks && hooks.stop ) { - hooks.stop.call( this, true ); - } - - // Look for any active animations, and finish them - for ( index = timers.length; index--; ) { - if ( timers[ index ].elem === this && timers[ index ].queue === type ) { - timers[ index ].anim.stop( true ); - timers.splice( index, 1 ); - } - } - - // Look for any animations in the old queue and finish them - for ( index = 0; index < length; index++ ) { - if ( queue[ index ] && queue[ index ].finish ) { - queue[ index ].finish.call( this ); - } - } - - // Turn off finishing flag - delete data.finish; - } ); - } -} ); - -jQuery.each( [ "toggle", "show", "hide" ], function( i, name ) { - var cssFn = jQuery.fn[ name ]; - jQuery.fn[ name ] = function( speed, easing, callback ) { - return speed == null || typeof speed === "boolean" ? - cssFn.apply( this, arguments ) : - this.animate( genFx( name, true ), speed, easing, callback ); - }; -} ); - -// Generate shortcuts for custom animations -jQuery.each( { - slideDown: genFx( "show" ), - slideUp: genFx( "hide" ), - slideToggle: genFx( "toggle" ), - fadeIn: { opacity: "show" }, - fadeOut: { opacity: "hide" }, - fadeToggle: { opacity: "toggle" } -}, function( name, props ) { - jQuery.fn[ name ] = function( speed, easing, callback ) { - return this.animate( props, speed, easing, callback ); - }; -} ); - -jQuery.timers = []; -jQuery.fx.tick = function() { - var timer, - i = 0, - timers = jQuery.timers; - - fxNow = jQuery.now(); - - for ( ; i < timers.length; i++ ) { - timer = timers[ i ]; - - // Run the timer and safely remove it when done (allowing for external removal) - if ( !timer() && timers[ i ] === timer ) { - timers.splice( i--, 1 ); - } - } - - if ( !timers.length ) { - jQuery.fx.stop(); - } - fxNow = undefined; -}; - -jQuery.fx.timer = function( timer ) { - jQuery.timers.push( timer ); - jQuery.fx.start(); -}; - -jQuery.fx.interval = 13; -jQuery.fx.start = function() { - if ( inProgress ) { - return; - } - - inProgress = true; - schedule(); -}; - -jQuery.fx.stop = function() { - inProgress = null; -}; - -jQuery.fx.speeds = { - slow: 600, - fast: 200, - - // Default speed - _default: 400 -}; - - -// Based off of the plugin by Clint Helfers, with permission. -// https://web.archive.org/web/20100324014747/http://blindsignals.com/index.php/2009/07/jquery-delay/ -jQuery.fn.delay = function( time, type ) { - time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time; - type = type || "fx"; - - return this.queue( type, function( next, hooks ) { - var timeout = window.setTimeout( next, time ); - hooks.stop = function() { - window.clearTimeout( timeout ); - }; - } ); -}; - - -( function() { - var input = document.createElement( "input" ), - select = document.createElement( "select" ), - opt = select.appendChild( document.createElement( "option" ) ); - - input.type = "checkbox"; - - // Support: Android <=4.3 only - // Default value for a checkbox should be "on" - support.checkOn = input.value !== ""; - - // Support: IE <=11 only - // Must access selectedIndex to make default options select - support.optSelected = opt.selected; - - // Support: IE <=11 only - // An input loses its value after becoming a radio - input = document.createElement( "input" ); - input.value = "t"; - input.type = "radio"; - support.radioValue = input.value === "t"; -} )(); - - -var boolHook, - attrHandle = jQuery.expr.attrHandle; - -jQuery.fn.extend( { - attr: function( name, value ) { - return access( this, jQuery.attr, name, value, arguments.length > 1 ); - }, - - removeAttr: function( name ) { - return this.each( function() { - jQuery.removeAttr( this, name ); - } ); - } -} ); - -jQuery.extend( { - attr: function( elem, name, value ) { - var ret, hooks, - nType = elem.nodeType; - - // Don't get/set attributes on text, comment and attribute nodes - if ( nType === 3 || nType === 8 || nType === 2 ) { - return; - } - - // Fallback to prop when attributes are not supported - if ( typeof elem.getAttribute === "undefined" ) { - return jQuery.prop( elem, name, value ); - } - - // Attribute hooks are determined by the lowercase version - // Grab necessary hook if one is defined - if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) { - hooks = jQuery.attrHooks[ name.toLowerCase() ] || - ( jQuery.expr.match.bool.test( name ) ? boolHook : undefined ); - } - - if ( value !== undefined ) { - if ( value === null ) { - jQuery.removeAttr( elem, name ); - return; - } - - if ( hooks && "set" in hooks && - ( ret = hooks.set( elem, value, name ) ) !== undefined ) { - return ret; - } - - elem.setAttribute( name, value + "" ); - return value; - } - - if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) { - return ret; - } - - ret = jQuery.find.attr( elem, name ); - - // Non-existent attributes return null, we normalize to undefined - return ret == null ? undefined : ret; - }, - - attrHooks: { - type: { - set: function( elem, value ) { - if ( !support.radioValue && value === "radio" && - nodeName( elem, "input" ) ) { - var val = elem.value; - elem.setAttribute( "type", value ); - if ( val ) { - elem.value = val; - } - return value; - } - } - } - }, - - removeAttr: function( elem, value ) { - var name, - i = 0, - - // Attribute names can contain non-HTML whitespace characters - // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2 - attrNames = value && value.match( rnothtmlwhite ); - - if ( attrNames && elem.nodeType === 1 ) { - while ( ( name = attrNames[ i++ ] ) ) { - elem.removeAttribute( name ); - } - } - } -} ); - -// Hooks for boolean attributes -boolHook = { - set: function( elem, value, name ) { - if ( value === false ) { - - // Remove boolean attributes when set to false - jQuery.removeAttr( elem, name ); - } else { - elem.setAttribute( name, name ); - } - return name; - } -}; - -jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) { - var getter = attrHandle[ name ] || jQuery.find.attr; - - attrHandle[ name ] = function( elem, name, isXML ) { - var ret, handle, - lowercaseName = name.toLowerCase(); - - if ( !isXML ) { - - // Avoid an infinite loop by temporarily removing this function from the getter - handle = attrHandle[ lowercaseName ]; - attrHandle[ lowercaseName ] = ret; - ret = getter( elem, name, isXML ) != null ? - lowercaseName : - null; - attrHandle[ lowercaseName ] = handle; - } - return ret; - }; -} ); - - - - -var rfocusable = /^(?:input|select|textarea|button)$/i, - rclickable = /^(?:a|area)$/i; - -jQuery.fn.extend( { - prop: function( name, value ) { - return access( this, jQuery.prop, name, value, arguments.length > 1 ); - }, - - removeProp: function( name ) { - return this.each( function() { - delete this[ jQuery.propFix[ name ] || name ]; - } ); - } -} ); - -jQuery.extend( { - prop: function( elem, name, value ) { - var ret, hooks, - nType = elem.nodeType; - - // Don't get/set properties on text, comment and attribute nodes - if ( nType === 3 || nType === 8 || nType === 2 ) { - return; - } - - if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) { - - // Fix name and attach hooks - name = jQuery.propFix[ name ] || name; - hooks = jQuery.propHooks[ name ]; - } - - if ( value !== undefined ) { - if ( hooks && "set" in hooks && - ( ret = hooks.set( elem, value, name ) ) !== undefined ) { - return ret; - } - - return ( elem[ name ] = value ); - } - - if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) { - return ret; - } - - return elem[ name ]; - }, - - propHooks: { - tabIndex: { - get: function( elem ) { - - // Support: IE <=9 - 11 only - // elem.tabIndex doesn't always return the - // correct value when it hasn't been explicitly set - // https://web.archive.org/web/20141116233347/http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/ - // Use proper attribute retrieval(#12072) - var tabindex = jQuery.find.attr( elem, "tabindex" ); - - if ( tabindex ) { - return parseInt( tabindex, 10 ); - } - - if ( - rfocusable.test( elem.nodeName ) || - rclickable.test( elem.nodeName ) && - elem.href - ) { - return 0; - } - - return -1; - } - } - }, - - propFix: { - "for": "htmlFor", - "class": "className" - } -} ); - -// Support: IE <=11 only -// Accessing the selectedIndex property -// forces the browser to respect setting selected -// on the option -// The getter ensures a default option is selected -// when in an optgroup -// eslint rule "no-unused-expressions" is disabled for this code -// since it considers such accessions noop -if ( !support.optSelected ) { - jQuery.propHooks.selected = { - get: function( elem ) { - - /* eslint no-unused-expressions: "off" */ - - var parent = elem.parentNode; - if ( parent && parent.parentNode ) { - parent.parentNode.selectedIndex; - } - return null; - }, - set: function( elem ) { - - /* eslint no-unused-expressions: "off" */ - - var parent = elem.parentNode; - if ( parent ) { - parent.selectedIndex; - - if ( parent.parentNode ) { - parent.parentNode.selectedIndex; - } - } - } - }; -} - -jQuery.each( [ - "tabIndex", - "readOnly", - "maxLength", - "cellSpacing", - "cellPadding", - "rowSpan", - "colSpan", - "useMap", - "frameBorder", - "contentEditable" -], function() { - jQuery.propFix[ this.toLowerCase() ] = this; -} ); - - - - - // Strip and collapse whitespace according to HTML spec - // https://html.spec.whatwg.org/multipage/infrastructure.html#strip-and-collapse-whitespace - function stripAndCollapse( value ) { - var tokens = value.match( rnothtmlwhite ) || []; - return tokens.join( " " ); - } - - -function getClass( elem ) { - return elem.getAttribute && elem.getAttribute( "class" ) || ""; -} - -jQuery.fn.extend( { - addClass: function( value ) { - var classes, elem, cur, curValue, clazz, j, finalValue, - i = 0; - - if ( jQuery.isFunction( value ) ) { - return this.each( function( j ) { - jQuery( this ).addClass( value.call( this, j, getClass( this ) ) ); - } ); - } - - if ( typeof value === "string" && value ) { - classes = value.match( rnothtmlwhite ) || []; - - while ( ( elem = this[ i++ ] ) ) { - curValue = getClass( elem ); - cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " ); - - if ( cur ) { - j = 0; - while ( ( clazz = classes[ j++ ] ) ) { - if ( cur.indexOf( " " + clazz + " " ) < 0 ) { - cur += clazz + " "; - } - } - - // Only assign if different to avoid unneeded rendering. - finalValue = stripAndCollapse( cur ); - if ( curValue !== finalValue ) { - elem.setAttribute( "class", finalValue ); - } - } - } - } - - return this; - }, - - removeClass: function( value ) { - var classes, elem, cur, curValue, clazz, j, finalValue, - i = 0; - - if ( jQuery.isFunction( value ) ) { - return this.each( function( j ) { - jQuery( this ).removeClass( value.call( this, j, getClass( this ) ) ); - } ); - } - - if ( !arguments.length ) { - return this.attr( "class", "" ); - } - - if ( typeof value === "string" && value ) { - classes = value.match( rnothtmlwhite ) || []; - - while ( ( elem = this[ i++ ] ) ) { - curValue = getClass( elem ); - - // This expression is here for better compressibility (see addClass) - cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " ); - - if ( cur ) { - j = 0; - while ( ( clazz = classes[ j++ ] ) ) { - - // Remove *all* instances - while ( cur.indexOf( " " + clazz + " " ) > -1 ) { - cur = cur.replace( " " + clazz + " ", " " ); - } - } - - // Only assign if different to avoid unneeded rendering. - finalValue = stripAndCollapse( cur ); - if ( curValue !== finalValue ) { - elem.setAttribute( "class", finalValue ); - } - } - } - } - - return this; - }, - - toggleClass: function( value, stateVal ) { - var type = typeof value; - - if ( typeof stateVal === "boolean" && type === "string" ) { - return stateVal ? this.addClass( value ) : this.removeClass( value ); - } - - if ( jQuery.isFunction( value ) ) { - return this.each( function( i ) { - jQuery( this ).toggleClass( - value.call( this, i, getClass( this ), stateVal ), - stateVal - ); - } ); - } - - return this.each( function() { - var className, i, self, classNames; - - if ( type === "string" ) { - - // Toggle individual class names - i = 0; - self = jQuery( this ); - classNames = value.match( rnothtmlwhite ) || []; - - while ( ( className = classNames[ i++ ] ) ) { - - // Check each className given, space separated list - if ( self.hasClass( className ) ) { - self.removeClass( className ); - } else { - self.addClass( className ); - } - } - - // Toggle whole class name - } else if ( value === undefined || type === "boolean" ) { - className = getClass( this ); - if ( className ) { - - // Store className if set - dataPriv.set( this, "__className__", className ); - } - - // If the element has a class name or if we're passed `false`, - // then remove the whole classname (if there was one, the above saved it). - // Otherwise bring back whatever was previously saved (if anything), - // falling back to the empty string if nothing was stored. - if ( this.setAttribute ) { - this.setAttribute( "class", - className || value === false ? - "" : - dataPriv.get( this, "__className__" ) || "" - ); - } - } - } ); - }, - - hasClass: function( selector ) { - var className, elem, - i = 0; - - className = " " + selector + " "; - while ( ( elem = this[ i++ ] ) ) { - if ( elem.nodeType === 1 && - ( " " + stripAndCollapse( getClass( elem ) ) + " " ).indexOf( className ) > -1 ) { - return true; - } - } - - return false; - } -} ); - - - - -var rreturn = /\r/g; - -jQuery.fn.extend( { - val: function( value ) { - var hooks, ret, isFunction, - elem = this[ 0 ]; - - if ( !arguments.length ) { - if ( elem ) { - hooks = jQuery.valHooks[ elem.type ] || - jQuery.valHooks[ elem.nodeName.toLowerCase() ]; - - if ( hooks && - "get" in hooks && - ( ret = hooks.get( elem, "value" ) ) !== undefined - ) { - return ret; - } - - ret = elem.value; - - // Handle most common string cases - if ( typeof ret === "string" ) { - return ret.replace( rreturn, "" ); - } - - // Handle cases where value is null/undef or number - return ret == null ? "" : ret; - } - - return; - } - - isFunction = jQuery.isFunction( value ); - - return this.each( function( i ) { - var val; - - if ( this.nodeType !== 1 ) { - return; - } - - if ( isFunction ) { - val = value.call( this, i, jQuery( this ).val() ); - } else { - val = value; - } - - // Treat null/undefined as ""; convert numbers to string - if ( val == null ) { - val = ""; - - } else if ( typeof val === "number" ) { - val += ""; - - } else if ( Array.isArray( val ) ) { - val = jQuery.map( val, function( value ) { - return value == null ? "" : value + ""; - } ); - } - - hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ]; - - // If set returns undefined, fall back to normal setting - if ( !hooks || !( "set" in hooks ) || hooks.set( this, val, "value" ) === undefined ) { - this.value = val; - } - } ); - } -} ); - -jQuery.extend( { - valHooks: { - option: { - get: function( elem ) { - - var val = jQuery.find.attr( elem, "value" ); - return val != null ? - val : - - // Support: IE <=10 - 11 only - // option.text throws exceptions (#14686, #14858) - // Strip and collapse whitespace - // https://html.spec.whatwg.org/#strip-and-collapse-whitespace - stripAndCollapse( jQuery.text( elem ) ); - } - }, - select: { - get: function( elem ) { - var value, option, i, - options = elem.options, - index = elem.selectedIndex, - one = elem.type === "select-one", - values = one ? null : [], - max = one ? index + 1 : options.length; - - if ( index < 0 ) { - i = max; - - } else { - i = one ? index : 0; - } - - // Loop through all the selected options - for ( ; i < max; i++ ) { - option = options[ i ]; - - // Support: IE <=9 only - // IE8-9 doesn't update selected after form reset (#2551) - if ( ( option.selected || i === index ) && - - // Don't return options that are disabled or in a disabled optgroup - !option.disabled && - ( !option.parentNode.disabled || - !nodeName( option.parentNode, "optgroup" ) ) ) { - - // Get the specific value for the option - value = jQuery( option ).val(); - - // We don't need an array for one selects - if ( one ) { - return value; - } - - // Multi-Selects return an array - values.push( value ); - } - } - - return values; - }, - - set: function( elem, value ) { - var optionSet, option, - options = elem.options, - values = jQuery.makeArray( value ), - i = options.length; - - while ( i-- ) { - option = options[ i ]; - - /* eslint-disable no-cond-assign */ - - if ( option.selected = - jQuery.inArray( jQuery.valHooks.option.get( option ), values ) > -1 - ) { - optionSet = true; - } - - /* eslint-enable no-cond-assign */ - } - - // Force browsers to behave consistently when non-matching value is set - if ( !optionSet ) { - elem.selectedIndex = -1; - } - return values; - } - } - } -} ); - -// Radios and checkboxes getter/setter -jQuery.each( [ "radio", "checkbox" ], function() { - jQuery.valHooks[ this ] = { - set: function( elem, value ) { - if ( Array.isArray( value ) ) { - return ( elem.checked = jQuery.inArray( jQuery( elem ).val(), value ) > -1 ); - } - } - }; - if ( !support.checkOn ) { - jQuery.valHooks[ this ].get = function( elem ) { - return elem.getAttribute( "value" ) === null ? "on" : elem.value; - }; - } -} ); - - - - -// Return jQuery for attributes-only inclusion - - -var rfocusMorph = /^(?:focusinfocus|focusoutblur)$/; - -jQuery.extend( jQuery.event, { - - trigger: function( event, data, elem, onlyHandlers ) { - - var i, cur, tmp, bubbleType, ontype, handle, special, - eventPath = [ elem || document ], - type = hasOwn.call( event, "type" ) ? event.type : event, - namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split( "." ) : []; - - cur = tmp = elem = elem || document; - - // Don't do events on text and comment nodes - if ( elem.nodeType === 3 || elem.nodeType === 8 ) { - return; - } - - // focus/blur morphs to focusin/out; ensure we're not firing them right now - if ( rfocusMorph.test( type + jQuery.event.triggered ) ) { - return; - } - - if ( type.indexOf( "." ) > -1 ) { - - // Namespaced trigger; create a regexp to match event type in handle() - namespaces = type.split( "." ); - type = namespaces.shift(); - namespaces.sort(); - } - ontype = type.indexOf( ":" ) < 0 && "on" + type; - - // Caller can pass in a jQuery.Event object, Object, or just an event type string - event = event[ jQuery.expando ] ? - event : - new jQuery.Event( type, typeof event === "object" && event ); - - // Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true) - event.isTrigger = onlyHandlers ? 2 : 3; - event.namespace = namespaces.join( "." ); - event.rnamespace = event.namespace ? - new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ) : - null; - - // Clean up the event in case it is being reused - event.result = undefined; - if ( !event.target ) { - event.target = elem; - } - - // Clone any incoming data and prepend the event, creating the handler arg list - data = data == null ? - [ event ] : - jQuery.makeArray( data, [ event ] ); - - // Allow special events to draw outside the lines - special = jQuery.event.special[ type ] || {}; - if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) { - return; - } - - // Determine event propagation path in advance, per W3C events spec (#9951) - // Bubble up to document, then to window; watch for a global ownerDocument var (#9724) - if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) { - - bubbleType = special.delegateType || type; - if ( !rfocusMorph.test( bubbleType + type ) ) { - cur = cur.parentNode; - } - for ( ; cur; cur = cur.parentNode ) { - eventPath.push( cur ); - tmp = cur; - } - - // Only add window if we got to document (e.g., not plain obj or detached DOM) - if ( tmp === ( elem.ownerDocument || document ) ) { - eventPath.push( tmp.defaultView || tmp.parentWindow || window ); - } - } - - // Fire handlers on the event path - i = 0; - while ( ( cur = eventPath[ i++ ] ) && !event.isPropagationStopped() ) { - - event.type = i > 1 ? - bubbleType : - special.bindType || type; - - // jQuery handler - handle = ( dataPriv.get( cur, "events" ) || {} )[ event.type ] && - dataPriv.get( cur, "handle" ); - if ( handle ) { - handle.apply( cur, data ); - } - - // Native handler - handle = ontype && cur[ ontype ]; - if ( handle && handle.apply && acceptData( cur ) ) { - event.result = handle.apply( cur, data ); - if ( event.result === false ) { - event.preventDefault(); - } - } - } - event.type = type; - - // If nobody prevented the default action, do it now - if ( !onlyHandlers && !event.isDefaultPrevented() ) { - - if ( ( !special._default || - special._default.apply( eventPath.pop(), data ) === false ) && - acceptData( elem ) ) { - - // Call a native DOM method on the target with the same name as the event. - // Don't do default actions on window, that's where global variables be (#6170) - if ( ontype && jQuery.isFunction( elem[ type ] ) && !jQuery.isWindow( elem ) ) { - - // Don't re-trigger an onFOO event when we call its FOO() method - tmp = elem[ ontype ]; - - if ( tmp ) { - elem[ ontype ] = null; - } - - // Prevent re-triggering of the same event, since we already bubbled it above - jQuery.event.triggered = type; - elem[ type ](); - jQuery.event.triggered = undefined; - - if ( tmp ) { - elem[ ontype ] = tmp; - } - } - } - } - - return event.result; - }, - - // Piggyback on a donor event to simulate a different one - // Used only for `focus(in | out)` events - simulate: function( type, elem, event ) { - var e = jQuery.extend( - new jQuery.Event(), - event, - { - type: type, - isSimulated: true - } - ); - - jQuery.event.trigger( e, null, elem ); - } - -} ); - -jQuery.fn.extend( { - - trigger: function( type, data ) { - return this.each( function() { - jQuery.event.trigger( type, data, this ); - } ); - }, - triggerHandler: function( type, data ) { - var elem = this[ 0 ]; - if ( elem ) { - return jQuery.event.trigger( type, data, elem, true ); - } - } -} ); - - -jQuery.each( ( "blur focus focusin focusout resize scroll click dblclick " + - "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " + - "change select submit keydown keypress keyup contextmenu" ).split( " " ), - function( i, name ) { - - // Handle event binding - jQuery.fn[ name ] = function( data, fn ) { - return arguments.length > 0 ? - this.on( name, null, data, fn ) : - this.trigger( name ); - }; -} ); - -jQuery.fn.extend( { - hover: function( fnOver, fnOut ) { - return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ); - } -} ); - - - - -support.focusin = "onfocusin" in window; - - -// Support: Firefox <=44 -// Firefox doesn't have focus(in | out) events -// Related ticket - https://bugzilla.mozilla.org/show_bug.cgi?id=687787 -// -// Support: Chrome <=48 - 49, Safari <=9.0 - 9.1 -// focus(in | out) events fire after focus & blur events, -// which is spec violation - http://www.w3.org/TR/DOM-Level-3-Events/#events-focusevent-event-order -// Related ticket - https://bugs.chromium.org/p/chromium/issues/detail?id=449857 -if ( !support.focusin ) { - jQuery.each( { focus: "focusin", blur: "focusout" }, function( orig, fix ) { - - // Attach a single capturing handler on the document while someone wants focusin/focusout - var handler = function( event ) { - jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ) ); - }; - - jQuery.event.special[ fix ] = { - setup: function() { - var doc = this.ownerDocument || this, - attaches = dataPriv.access( doc, fix ); - - if ( !attaches ) { - doc.addEventListener( orig, handler, true ); - } - dataPriv.access( doc, fix, ( attaches || 0 ) + 1 ); - }, - teardown: function() { - var doc = this.ownerDocument || this, - attaches = dataPriv.access( doc, fix ) - 1; - - if ( !attaches ) { - doc.removeEventListener( orig, handler, true ); - dataPriv.remove( doc, fix ); - - } else { - dataPriv.access( doc, fix, attaches ); - } - } - }; - } ); -} -var location = window.location; - -var nonce = jQuery.now(); - -var rquery = ( /\?/ ); - - - -// Cross-browser xml parsing -jQuery.parseXML = function( data ) { - var xml; - if ( !data || typeof data !== "string" ) { - return null; - } - - // Support: IE 9 - 11 only - // IE throws on parseFromString with invalid input. - try { - xml = ( new window.DOMParser() ).parseFromString( data, "text/xml" ); - } catch ( e ) { - xml = undefined; - } - - if ( !xml || xml.getElementsByTagName( "parsererror" ).length ) { - jQuery.error( "Invalid XML: " + data ); - } - return xml; -}; - - -var - rbracket = /\[\]$/, - rCRLF = /\r?\n/g, - rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i, - rsubmittable = /^(?:input|select|textarea|keygen)/i; - -function buildParams( prefix, obj, traditional, add ) { - var name; - - if ( Array.isArray( obj ) ) { - - // Serialize array item. - jQuery.each( obj, function( i, v ) { - if ( traditional || rbracket.test( prefix ) ) { - - // Treat each array item as a scalar. - add( prefix, v ); - - } else { - - // Item is non-scalar (array or object), encode its numeric index. - buildParams( - prefix + "[" + ( typeof v === "object" && v != null ? i : "" ) + "]", - v, - traditional, - add - ); - } - } ); - - } else if ( !traditional && jQuery.type( obj ) === "object" ) { - - // Serialize object item. - for ( name in obj ) { - buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add ); - } - - } else { - - // Serialize scalar item. - add( prefix, obj ); - } -} - -// Serialize an array of form elements or a set of -// key/values into a query string -jQuery.param = function( a, traditional ) { - var prefix, - s = [], - add = function( key, valueOrFunction ) { - - // If value is a function, invoke it and use its return value - var value = jQuery.isFunction( valueOrFunction ) ? - valueOrFunction() : - valueOrFunction; - - s[ s.length ] = encodeURIComponent( key ) + "=" + - encodeURIComponent( value == null ? "" : value ); - }; - - // If an array was passed in, assume that it is an array of form elements. - if ( Array.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) { - - // Serialize the form elements - jQuery.each( a, function() { - add( this.name, this.value ); - } ); - - } else { - - // If traditional, encode the "old" way (the way 1.3.2 or older - // did it), otherwise encode params recursively. - for ( prefix in a ) { - buildParams( prefix, a[ prefix ], traditional, add ); - } - } - - // Return the resulting serialization - return s.join( "&" ); -}; - -jQuery.fn.extend( { - serialize: function() { - return jQuery.param( this.serializeArray() ); - }, - serializeArray: function() { - return this.map( function() { - - // Can add propHook for "elements" to filter or add form elements - var elements = jQuery.prop( this, "elements" ); - return elements ? jQuery.makeArray( elements ) : this; - } ) - .filter( function() { - var type = this.type; - - // Use .is( ":disabled" ) so that fieldset[disabled] works - return this.name && !jQuery( this ).is( ":disabled" ) && - rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) && - ( this.checked || !rcheckableType.test( type ) ); - } ) - .map( function( i, elem ) { - var val = jQuery( this ).val(); - - if ( val == null ) { - return null; - } - - if ( Array.isArray( val ) ) { - return jQuery.map( val, function( val ) { - return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; - } ); - } - - return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; - } ).get(); - } -} ); - - -var - r20 = /%20/g, - rhash = /#.*$/, - rantiCache = /([?&])_=[^&]*/, - rheaders = /^(.*?):[ \t]*([^\r\n]*)$/mg, - - // #7653, #8125, #8152: local protocol detection - rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/, - rnoContent = /^(?:GET|HEAD)$/, - rprotocol = /^\/\//, - - /* Prefilters - * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example) - * 2) These are called: - * - BEFORE asking for a transport - * - AFTER param serialization (s.data is a string if s.processData is true) - * 3) key is the dataType - * 4) the catchall symbol "*" can be used - * 5) execution will start with transport dataType and THEN continue down to "*" if needed - */ - prefilters = {}, - - /* Transports bindings - * 1) key is the dataType - * 2) the catchall symbol "*" can be used - * 3) selection will start with transport dataType and THEN go to "*" if needed - */ - transports = {}, - - // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression - allTypes = "*/".concat( "*" ), - - // Anchor tag for parsing the document origin - originAnchor = document.createElement( "a" ); - originAnchor.href = location.href; - -// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport -function addToPrefiltersOrTransports( structure ) { - - // dataTypeExpression is optional and defaults to "*" - return function( dataTypeExpression, func ) { - - if ( typeof dataTypeExpression !== "string" ) { - func = dataTypeExpression; - dataTypeExpression = "*"; - } - - var dataType, - i = 0, - dataTypes = dataTypeExpression.toLowerCase().match( rnothtmlwhite ) || []; - - if ( jQuery.isFunction( func ) ) { - - // For each dataType in the dataTypeExpression - while ( ( dataType = dataTypes[ i++ ] ) ) { - - // Prepend if requested - if ( dataType[ 0 ] === "+" ) { - dataType = dataType.slice( 1 ) || "*"; - ( structure[ dataType ] = structure[ dataType ] || [] ).unshift( func ); - - // Otherwise append - } else { - ( structure[ dataType ] = structure[ dataType ] || [] ).push( func ); - } - } - } - }; -} - -// Base inspection function for prefilters and transports -function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) { - - var inspected = {}, - seekingTransport = ( structure === transports ); - - function inspect( dataType ) { - var selected; - inspected[ dataType ] = true; - jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) { - var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR ); - if ( typeof dataTypeOrTransport === "string" && - !seekingTransport && !inspected[ dataTypeOrTransport ] ) { - - options.dataTypes.unshift( dataTypeOrTransport ); - inspect( dataTypeOrTransport ); - return false; - } else if ( seekingTransport ) { - return !( selected = dataTypeOrTransport ); - } - } ); - return selected; - } - - return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" ); -} - -// A special extend for ajax options -// that takes "flat" options (not to be deep extended) -// Fixes #9887 -function ajaxExtend( target, src ) { - var key, deep, - flatOptions = jQuery.ajaxSettings.flatOptions || {}; - - for ( key in src ) { - if ( src[ key ] !== undefined ) { - ( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ]; - } - } - if ( deep ) { - jQuery.extend( true, target, deep ); - } - - return target; -} - -/* Handles responses to an ajax request: - * - finds the right dataType (mediates between content-type and expected dataType) - * - returns the corresponding response - */ -function ajaxHandleResponses( s, jqXHR, responses ) { - - var ct, type, finalDataType, firstDataType, - contents = s.contents, - dataTypes = s.dataTypes; - - // Remove auto dataType and get content-type in the process - while ( dataTypes[ 0 ] === "*" ) { - dataTypes.shift(); - if ( ct === undefined ) { - ct = s.mimeType || jqXHR.getResponseHeader( "Content-Type" ); - } - } - - // Check if we're dealing with a known content-type - if ( ct ) { - for ( type in contents ) { - if ( contents[ type ] && contents[ type ].test( ct ) ) { - dataTypes.unshift( type ); - break; - } - } - } - - // Check to see if we have a response for the expected dataType - if ( dataTypes[ 0 ] in responses ) { - finalDataType = dataTypes[ 0 ]; - } else { - - // Try convertible dataTypes - for ( type in responses ) { - if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[ 0 ] ] ) { - finalDataType = type; - break; - } - if ( !firstDataType ) { - firstDataType = type; - } - } - - // Or just use first one - finalDataType = finalDataType || firstDataType; - } - - // If we found a dataType - // We add the dataType to the list if needed - // and return the corresponding response - if ( finalDataType ) { - if ( finalDataType !== dataTypes[ 0 ] ) { - dataTypes.unshift( finalDataType ); - } - return responses[ finalDataType ]; - } -} - -/* Chain conversions given the request and the original response - * Also sets the responseXXX fields on the jqXHR instance - */ -function ajaxConvert( s, response, jqXHR, isSuccess ) { - var conv2, current, conv, tmp, prev, - converters = {}, - - // Work with a copy of dataTypes in case we need to modify it for conversion - dataTypes = s.dataTypes.slice(); - - // Create converters map with lowercased keys - if ( dataTypes[ 1 ] ) { - for ( conv in s.converters ) { - converters[ conv.toLowerCase() ] = s.converters[ conv ]; - } - } - - current = dataTypes.shift(); - - // Convert to each sequential dataType - while ( current ) { - - if ( s.responseFields[ current ] ) { - jqXHR[ s.responseFields[ current ] ] = response; - } - - // Apply the dataFilter if provided - if ( !prev && isSuccess && s.dataFilter ) { - response = s.dataFilter( response, s.dataType ); - } - - prev = current; - current = dataTypes.shift(); - - if ( current ) { - - // There's only work to do if current dataType is non-auto - if ( current === "*" ) { - - current = prev; - - // Convert response if prev dataType is non-auto and differs from current - } else if ( prev !== "*" && prev !== current ) { - - // Seek a direct converter - conv = converters[ prev + " " + current ] || converters[ "* " + current ]; - - // If none found, seek a pair - if ( !conv ) { - for ( conv2 in converters ) { - - // If conv2 outputs current - tmp = conv2.split( " " ); - if ( tmp[ 1 ] === current ) { - - // If prev can be converted to accepted input - conv = converters[ prev + " " + tmp[ 0 ] ] || - converters[ "* " + tmp[ 0 ] ]; - if ( conv ) { - - // Condense equivalence converters - if ( conv === true ) { - conv = converters[ conv2 ]; - - // Otherwise, insert the intermediate dataType - } else if ( converters[ conv2 ] !== true ) { - current = tmp[ 0 ]; - dataTypes.unshift( tmp[ 1 ] ); - } - break; - } - } - } - } - - // Apply converter (if not an equivalence) - if ( conv !== true ) { - - // Unless errors are allowed to bubble, catch and return them - if ( conv && s.throws ) { - response = conv( response ); - } else { - try { - response = conv( response ); - } catch ( e ) { - return { - state: "parsererror", - error: conv ? e : "No conversion from " + prev + " to " + current - }; - } - } - } - } - } - } - - return { state: "success", data: response }; -} - -jQuery.extend( { - - // Counter for holding the number of active queries - active: 0, - - // Last-Modified header cache for next request - lastModified: {}, - etag: {}, - - ajaxSettings: { - url: location.href, - type: "GET", - isLocal: rlocalProtocol.test( location.protocol ), - global: true, - processData: true, - async: true, - contentType: "application/x-www-form-urlencoded; charset=UTF-8", - - /* - timeout: 0, - data: null, - dataType: null, - username: null, - password: null, - cache: null, - throws: false, - traditional: false, - headers: {}, - */ - - accepts: { - "*": allTypes, - text: "text/plain", - html: "text/html", - xml: "application/xml, text/xml", - json: "application/json, text/javascript" - }, - - contents: { - xml: /\bxml\b/, - html: /\bhtml/, - json: /\bjson\b/ - }, - - responseFields: { - xml: "responseXML", - text: "responseText", - json: "responseJSON" - }, - - // Data converters - // Keys separate source (or catchall "*") and destination types with a single space - converters: { - - // Convert anything to text - "* text": String, - - // Text to html (true = no transformation) - "text html": true, - - // Evaluate text as a json expression - "text json": JSON.parse, - - // Parse text as xml - "text xml": jQuery.parseXML - }, - - // For options that shouldn't be deep extended: - // you can add your own custom options here if - // and when you create one that shouldn't be - // deep extended (see ajaxExtend) - flatOptions: { - url: true, - context: true - } - }, - - // Creates a full fledged settings object into target - // with both ajaxSettings and settings fields. - // If target is omitted, writes into ajaxSettings. - ajaxSetup: function( target, settings ) { - return settings ? - - // Building a settings object - ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) : - - // Extending ajaxSettings - ajaxExtend( jQuery.ajaxSettings, target ); - }, - - ajaxPrefilter: addToPrefiltersOrTransports( prefilters ), - ajaxTransport: addToPrefiltersOrTransports( transports ), - - // Main method - ajax: function( url, options ) { - - // If url is an object, simulate pre-1.5 signature - if ( typeof url === "object" ) { - options = url; - url = undefined; - } - - // Force options to be an object - options = options || {}; - - var transport, - - // URL without anti-cache param - cacheURL, - - // Response headers - responseHeadersString, - responseHeaders, - - // timeout handle - timeoutTimer, - - // Url cleanup var - urlAnchor, - - // Request state (becomes false upon send and true upon completion) - completed, - - // To know if global events are to be dispatched - fireGlobals, - - // Loop variable - i, - - // uncached part of the url - uncached, - - // Create the final options object - s = jQuery.ajaxSetup( {}, options ), - - // Callbacks context - callbackContext = s.context || s, - - // Context for global events is callbackContext if it is a DOM node or jQuery collection - globalEventContext = s.context && - ( callbackContext.nodeType || callbackContext.jquery ) ? - jQuery( callbackContext ) : - jQuery.event, - - // Deferreds - deferred = jQuery.Deferred(), - completeDeferred = jQuery.Callbacks( "once memory" ), - - // Status-dependent callbacks - statusCode = s.statusCode || {}, - - // Headers (they are sent all at once) - requestHeaders = {}, - requestHeadersNames = {}, - - // Default abort message - strAbort = "canceled", - - // Fake xhr - jqXHR = { - readyState: 0, - - // Builds headers hashtable if needed - getResponseHeader: function( key ) { - var match; - if ( completed ) { - if ( !responseHeaders ) { - responseHeaders = {}; - while ( ( match = rheaders.exec( responseHeadersString ) ) ) { - responseHeaders[ match[ 1 ].toLowerCase() ] = match[ 2 ]; - } - } - match = responseHeaders[ key.toLowerCase() ]; - } - return match == null ? null : match; - }, - - // Raw string - getAllResponseHeaders: function() { - return completed ? responseHeadersString : null; - }, - - // Caches the header - setRequestHeader: function( name, value ) { - if ( completed == null ) { - name = requestHeadersNames[ name.toLowerCase() ] = - requestHeadersNames[ name.toLowerCase() ] || name; - requestHeaders[ name ] = value; - } - return this; - }, - - // Overrides response content-type header - overrideMimeType: function( type ) { - if ( completed == null ) { - s.mimeType = type; - } - return this; - }, - - // Status-dependent callbacks - statusCode: function( map ) { - var code; - if ( map ) { - if ( completed ) { - - // Execute the appropriate callbacks - jqXHR.always( map[ jqXHR.status ] ); - } else { - - // Lazy-add the new callbacks in a way that preserves old ones - for ( code in map ) { - statusCode[ code ] = [ statusCode[ code ], map[ code ] ]; - } - } - } - return this; - }, - - // Cancel the request - abort: function( statusText ) { - var finalText = statusText || strAbort; - if ( transport ) { - transport.abort( finalText ); - } - done( 0, finalText ); - return this; - } - }; - - // Attach deferreds - deferred.promise( jqXHR ); - - // Add protocol if not provided (prefilters might expect it) - // Handle falsy url in the settings object (#10093: consistency with old signature) - // We also use the url parameter if available - s.url = ( ( url || s.url || location.href ) + "" ) - .replace( rprotocol, location.protocol + "//" ); - - // Alias method option to type as per ticket #12004 - s.type = options.method || options.type || s.method || s.type; - - // Extract dataTypes list - s.dataTypes = ( s.dataType || "*" ).toLowerCase().match( rnothtmlwhite ) || [ "" ]; - - // A cross-domain request is in order when the origin doesn't match the current origin. - if ( s.crossDomain == null ) { - urlAnchor = document.createElement( "a" ); - - // Support: IE <=8 - 11, Edge 12 - 13 - // IE throws exception on accessing the href property if url is malformed, - // e.g. http://example.com:80x/ - try { - urlAnchor.href = s.url; - - // Support: IE <=8 - 11 only - // Anchor's host property isn't correctly set when s.url is relative - urlAnchor.href = urlAnchor.href; - s.crossDomain = originAnchor.protocol + "//" + originAnchor.host !== - urlAnchor.protocol + "//" + urlAnchor.host; - } catch ( e ) { - - // If there is an error parsing the URL, assume it is crossDomain, - // it can be rejected by the transport if it is invalid - s.crossDomain = true; - } - } - - // Convert data if not already a string - if ( s.data && s.processData && typeof s.data !== "string" ) { - s.data = jQuery.param( s.data, s.traditional ); - } - - // Apply prefilters - inspectPrefiltersOrTransports( prefilters, s, options, jqXHR ); - - // If request was aborted inside a prefilter, stop there - if ( completed ) { - return jqXHR; - } - - // We can fire global events as of now if asked to - // Don't fire events if jQuery.event is undefined in an AMD-usage scenario (#15118) - fireGlobals = jQuery.event && s.global; - - // Watch for a new set of requests - if ( fireGlobals && jQuery.active++ === 0 ) { - jQuery.event.trigger( "ajaxStart" ); - } - - // Uppercase the type - s.type = s.type.toUpperCase(); - - // Determine if request has content - s.hasContent = !rnoContent.test( s.type ); - - // Save the URL in case we're toying with the If-Modified-Since - // and/or If-None-Match header later on - // Remove hash to simplify url manipulation - cacheURL = s.url.replace( rhash, "" ); - - // More options handling for requests with no content - if ( !s.hasContent ) { - - // Remember the hash so we can put it back - uncached = s.url.slice( cacheURL.length ); - - // If data is available, append data to url - if ( s.data ) { - cacheURL += ( rquery.test( cacheURL ) ? "&" : "?" ) + s.data; - - // #9682: remove data so that it's not used in an eventual retry - delete s.data; - } - - // Add or update anti-cache param if needed - if ( s.cache === false ) { - cacheURL = cacheURL.replace( rantiCache, "$1" ); - uncached = ( rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ( nonce++ ) + uncached; - } - - // Put hash and anti-cache on the URL that will be requested (gh-1732) - s.url = cacheURL + uncached; - - // Change '%20' to '+' if this is encoded form body content (gh-2658) - } else if ( s.data && s.processData && - ( s.contentType || "" ).indexOf( "application/x-www-form-urlencoded" ) === 0 ) { - s.data = s.data.replace( r20, "+" ); - } - - // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode. - if ( s.ifModified ) { - if ( jQuery.lastModified[ cacheURL ] ) { - jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] ); - } - if ( jQuery.etag[ cacheURL ] ) { - jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] ); - } - } - - // Set the correct header, if data is being sent - if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) { - jqXHR.setRequestHeader( "Content-Type", s.contentType ); - } - - // Set the Accepts header for the server, depending on the dataType - jqXHR.setRequestHeader( - "Accept", - s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[ 0 ] ] ? - s.accepts[ s.dataTypes[ 0 ] ] + - ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) : - s.accepts[ "*" ] - ); - - // Check for headers option - for ( i in s.headers ) { - jqXHR.setRequestHeader( i, s.headers[ i ] ); - } - - // Allow custom headers/mimetypes and early abort - if ( s.beforeSend && - ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || completed ) ) { - - // Abort if not done already and return - return jqXHR.abort(); - } - - // Aborting is no longer a cancellation - strAbort = "abort"; - - // Install callbacks on deferreds - completeDeferred.add( s.complete ); - jqXHR.done( s.success ); - jqXHR.fail( s.error ); - - // Get transport - transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR ); - - // If no transport, we auto-abort - if ( !transport ) { - done( -1, "No Transport" ); - } else { - jqXHR.readyState = 1; - - // Send global event - if ( fireGlobals ) { - globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] ); - } - - // If request was aborted inside ajaxSend, stop there - if ( completed ) { - return jqXHR; - } - - // Timeout - if ( s.async && s.timeout > 0 ) { - timeoutTimer = window.setTimeout( function() { - jqXHR.abort( "timeout" ); - }, s.timeout ); - } - - try { - completed = false; - transport.send( requestHeaders, done ); - } catch ( e ) { - - // Rethrow post-completion exceptions - if ( completed ) { - throw e; - } - - // Propagate others as results - done( -1, e ); - } - } - - // Callback for when everything is done - function done( status, nativeStatusText, responses, headers ) { - var isSuccess, success, error, response, modified, - statusText = nativeStatusText; - - // Ignore repeat invocations - if ( completed ) { - return; - } - - completed = true; - - // Clear timeout if it exists - if ( timeoutTimer ) { - window.clearTimeout( timeoutTimer ); - } - - // Dereference transport for early garbage collection - // (no matter how long the jqXHR object will be used) - transport = undefined; - - // Cache response headers - responseHeadersString = headers || ""; - - // Set readyState - jqXHR.readyState = status > 0 ? 4 : 0; - - // Determine if successful - isSuccess = status >= 200 && status < 300 || status === 304; - - // Get response data - if ( responses ) { - response = ajaxHandleResponses( s, jqXHR, responses ); - } - - // Convert no matter what (that way responseXXX fields are always set) - response = ajaxConvert( s, response, jqXHR, isSuccess ); - - // If successful, handle type chaining - if ( isSuccess ) { - - // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode. - if ( s.ifModified ) { - modified = jqXHR.getResponseHeader( "Last-Modified" ); - if ( modified ) { - jQuery.lastModified[ cacheURL ] = modified; - } - modified = jqXHR.getResponseHeader( "etag" ); - if ( modified ) { - jQuery.etag[ cacheURL ] = modified; - } - } - - // if no content - if ( status === 204 || s.type === "HEAD" ) { - statusText = "nocontent"; - - // if not modified - } else if ( status === 304 ) { - statusText = "notmodified"; - - // If we have data, let's convert it - } else { - statusText = response.state; - success = response.data; - error = response.error; - isSuccess = !error; - } - } else { - - // Extract error from statusText and normalize for non-aborts - error = statusText; - if ( status || !statusText ) { - statusText = "error"; - if ( status < 0 ) { - status = 0; - } - } - } - - // Set data for the fake xhr object - jqXHR.status = status; - jqXHR.statusText = ( nativeStatusText || statusText ) + ""; - - // Success/Error - if ( isSuccess ) { - deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] ); - } else { - deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] ); - } - - // Status-dependent callbacks - jqXHR.statusCode( statusCode ); - statusCode = undefined; - - if ( fireGlobals ) { - globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError", - [ jqXHR, s, isSuccess ? success : error ] ); - } - - // Complete - completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] ); - - if ( fireGlobals ) { - globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] ); - - // Handle the global AJAX counter - if ( !( --jQuery.active ) ) { - jQuery.event.trigger( "ajaxStop" ); - } - } - } - - return jqXHR; - }, - - getJSON: function( url, data, callback ) { - return jQuery.get( url, data, callback, "json" ); - }, - - getScript: function( url, callback ) { - return jQuery.get( url, undefined, callback, "script" ); - } -} ); - -jQuery.each( [ "get", "post" ], function( i, method ) { - jQuery[ method ] = function( url, data, callback, type ) { - - // Shift arguments if data argument was omitted - if ( jQuery.isFunction( data ) ) { - type = type || callback; - callback = data; - data = undefined; - } - - // The url can be an options object (which then must have .url) - return jQuery.ajax( jQuery.extend( { - url: url, - type: method, - dataType: type, - data: data, - success: callback - }, jQuery.isPlainObject( url ) && url ) ); - }; -} ); - - -jQuery._evalUrl = function( url ) { - return jQuery.ajax( { - url: url, - - // Make this explicit, since user can override this through ajaxSetup (#11264) - type: "GET", - dataType: "script", - cache: true, - async: false, - global: false, - "throws": true - } ); -}; - - -jQuery.fn.extend( { - wrapAll: function( html ) { - var wrap; - - if ( this[ 0 ] ) { - if ( jQuery.isFunction( html ) ) { - html = html.call( this[ 0 ] ); - } - - // The elements to wrap the target around - wrap = jQuery( html, this[ 0 ].ownerDocument ).eq( 0 ).clone( true ); - - if ( this[ 0 ].parentNode ) { - wrap.insertBefore( this[ 0 ] ); - } - - wrap.map( function() { - var elem = this; - - while ( elem.firstElementChild ) { - elem = elem.firstElementChild; - } - - return elem; - } ).append( this ); - } - - return this; - }, - - wrapInner: function( html ) { - if ( jQuery.isFunction( html ) ) { - return this.each( function( i ) { - jQuery( this ).wrapInner( html.call( this, i ) ); - } ); - } - - return this.each( function() { - var self = jQuery( this ), - contents = self.contents(); - - if ( contents.length ) { - contents.wrapAll( html ); - - } else { - self.append( html ); - } - } ); - }, - - wrap: function( html ) { - var isFunction = jQuery.isFunction( html ); - - return this.each( function( i ) { - jQuery( this ).wrapAll( isFunction ? html.call( this, i ) : html ); - } ); - }, - - unwrap: function( selector ) { - this.parent( selector ).not( "body" ).each( function() { - jQuery( this ).replaceWith( this.childNodes ); - } ); - return this; - } -} ); - - -jQuery.expr.pseudos.hidden = function( elem ) { - return !jQuery.expr.pseudos.visible( elem ); -}; -jQuery.expr.pseudos.visible = function( elem ) { - return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length ); -}; - - - - -jQuery.ajaxSettings.xhr = function() { - try { - return new window.XMLHttpRequest(); - } catch ( e ) {} -}; - -var xhrSuccessStatus = { - - // File protocol always yields status code 0, assume 200 - 0: 200, - - // Support: IE <=9 only - // #1450: sometimes IE returns 1223 when it should be 204 - 1223: 204 - }, - xhrSupported = jQuery.ajaxSettings.xhr(); - -support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported ); -support.ajax = xhrSupported = !!xhrSupported; - -jQuery.ajaxTransport( function( options ) { - var callback, errorCallback; - - // Cross domain only allowed if supported through XMLHttpRequest - if ( support.cors || xhrSupported && !options.crossDomain ) { - return { - send: function( headers, complete ) { - var i, - xhr = options.xhr(); - - xhr.open( - options.type, - options.url, - options.async, - options.username, - options.password - ); - - // Apply custom fields if provided - if ( options.xhrFields ) { - for ( i in options.xhrFields ) { - xhr[ i ] = options.xhrFields[ i ]; - } - } - - // Override mime type if needed - if ( options.mimeType && xhr.overrideMimeType ) { - xhr.overrideMimeType( options.mimeType ); - } - - // X-Requested-With header - // For cross-domain requests, seeing as conditions for a preflight are - // akin to a jigsaw puzzle, we simply never set it to be sure. - // (it can always be set on a per-request basis or even using ajaxSetup) - // For same-domain requests, won't change header if already provided. - if ( !options.crossDomain && !headers[ "X-Requested-With" ] ) { - headers[ "X-Requested-With" ] = "XMLHttpRequest"; - } - - // Set headers - for ( i in headers ) { - xhr.setRequestHeader( i, headers[ i ] ); - } - - // Callback - callback = function( type ) { - return function() { - if ( callback ) { - callback = errorCallback = xhr.onload = - xhr.onerror = xhr.onabort = xhr.onreadystatechange = null; - - if ( type === "abort" ) { - xhr.abort(); - } else if ( type === "error" ) { - - // Support: IE <=9 only - // On a manual native abort, IE9 throws - // errors on any property access that is not readyState - if ( typeof xhr.status !== "number" ) { - complete( 0, "error" ); - } else { - complete( - - // File: protocol always yields status 0; see #8605, #14207 - xhr.status, - xhr.statusText - ); - } - } else { - complete( - xhrSuccessStatus[ xhr.status ] || xhr.status, - xhr.statusText, - - // Support: IE <=9 only - // IE9 has no XHR2 but throws on binary (trac-11426) - // For XHR2 non-text, let the caller handle it (gh-2498) - ( xhr.responseType || "text" ) !== "text" || - typeof xhr.responseText !== "string" ? - { binary: xhr.response } : - { text: xhr.responseText }, - xhr.getAllResponseHeaders() - ); - } - } - }; - }; - - // Listen to events - xhr.onload = callback(); - errorCallback = xhr.onerror = callback( "error" ); - - // Support: IE 9 only - // Use onreadystatechange to replace onabort - // to handle uncaught aborts - if ( xhr.onabort !== undefined ) { - xhr.onabort = errorCallback; - } else { - xhr.onreadystatechange = function() { - - // Check readyState before timeout as it changes - if ( xhr.readyState === 4 ) { - - // Allow onerror to be called first, - // but that will not handle a native abort - // Also, save errorCallback to a variable - // as xhr.onerror cannot be accessed - window.setTimeout( function() { - if ( callback ) { - errorCallback(); - } - } ); - } - }; - } - - // Create the abort callback - callback = callback( "abort" ); - - try { - - // Do send the request (this may raise an exception) - xhr.send( options.hasContent && options.data || null ); - } catch ( e ) { - - // #14683: Only rethrow if this hasn't been notified as an error yet - if ( callback ) { - throw e; - } - } - }, - - abort: function() { - if ( callback ) { - callback(); - } - } - }; - } -} ); - - - - -// Prevent auto-execution of scripts when no explicit dataType was provided (See gh-2432) -jQuery.ajaxPrefilter( function( s ) { - if ( s.crossDomain ) { - s.contents.script = false; - } -} ); - -// Install script dataType -jQuery.ajaxSetup( { - accepts: { - script: "text/javascript, application/javascript, " + - "application/ecmascript, application/x-ecmascript" - }, - contents: { - script: /\b(?:java|ecma)script\b/ - }, - converters: { - "text script": function( text ) { - jQuery.globalEval( text ); - return text; - } - } -} ); - -// Handle cache's special case and crossDomain -jQuery.ajaxPrefilter( "script", function( s ) { - if ( s.cache === undefined ) { - s.cache = false; - } - if ( s.crossDomain ) { - s.type = "GET"; - } -} ); - -// Bind script tag hack transport -jQuery.ajaxTransport( "script", function( s ) { - - // This transport only deals with cross domain requests - if ( s.crossDomain ) { - var script, callback; - return { - send: function( _, complete ) { - script = jQuery( " - - - - \ No newline at end of file diff --git a/DatePicker/js/date.js b/DatePicker/js/date.js deleted file mode 100644 index fd0b05a..0000000 --- a/DatePicker/js/date.js +++ /dev/null @@ -1,72 +0,0 @@ -/** - * Created by Jonathan Zhang on 2017/5/19. - */ -(function () { - var datepicker = {}; - - datepicker.getMonthData =function (year,month) { - var ret = []; - - if(!year || !month){ - var today = new Date(); - year = today.getFullYear(); - month = today.getMonth()+1; - } - - /*这个月的第一天*/ - var firstDay = new Date(year,month-1,1); - /*这个第一天是周几*/ - var firstDayWeekDay = firstDay.getDay(); - /*周日赋值为7*/ - if(firstDayWeekDay === 0) firstDayWeekDay = 7; - - year =firstDay.getFullYear(); - month =firstDay.getMonth() + 1; - - /*上个月的最后一天*/ - var lastDayOfLastMonth = new Date(year,month -1,0); - /*存储上个月的最后一天*/ - var lastDateOfLastMonth = lastDayOfLastMonth.getDate(); - - /*第一行要显示多少个上个月的日期*/ - var preMonthDayCount = firstDayWeekDay - 1; - - /*当月的最后一天*/ - var lastDay = new Date(year,month,0); - var lastDate = lastDay.getDate(); - - /*获取六周日期*/ - for (var i=0;i<7*5;i++){ - var date = i + 1 - preMonthDayCount; - var showDate = date; - var thisMonth = month; - if(date<=0){ - //上一月 - thisMonth = month - 1; - showDate = lastDateOfLastMonth + date; - }else if(date > lastDate){ - //下一月 - thisMonth = month + 1; - showDate = showDate -lastDate; - } - - if(thisMonth === 0) thisMonth = 12; - if(thisMonth === 13) thisMonth = 1; - - ret.push({ - month:thisMonth, - date:date, - showDate:showDate - }) - } - - return { - year: year, - month: month, - days: ret - }; - - }; - window.datepicker = datepicker; - } -)(); \ No newline at end of file diff --git a/DatePicker/js/main.js b/DatePicker/js/main.js deleted file mode 100644 index e633a99..0000000 --- a/DatePicker/js/main.js +++ /dev/null @@ -1,141 +0,0 @@ -/** - * Created by Jonathan Zhang on 2017/5/23. - */ -(function () { - var datepicker = window.datepicker, - monthDate, - $wrapper; - - datepicker.buildUi = function (year,month) { - - monthDate = datepicker.getMonthData(year,month); - - var html ='

'+ - '<'+ - '>'+ - '' + monthDate.year + '-' + monthDate.month +''+ - '

'+ - '

'+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''; - for (var i=0;i' + - monthDate.days[i].showDate + - ''; - if(i%7 === 6) - { - html += ''; - } - } - html+= ''+ - '

一	二	三	四	五	六	日

'+ - '

'; - return html; - }; - - datepicker.render = function (direction) { - var year,month; - if(monthDate){ - year = monthDate.year; - month = monthDate.month; - } - - if(direction ==="prev"){ - month--; - if(month===0){ - month=12; - year--; - } - } - if(direction === 'next') month++; - - var html =datepicker.buildUi(year,month); - - if(!$wrapper){ - $wrapper = document.createElement("div"); - $wrapper.className="ui-datepicker-wrapper"; - } - - $wrapper.innerHTML = html; - document.body.appendChild($wrapper); - }; - - datepicker.init = function(input) { - datepicker.render(); - - var $input = document.querySelector(input); - var isOpen = false; - - $input.addEventListener('click',function () { - if(isOpen){ - $wrapper.classList.remove('ui-datepicker-wrapper-show'); - isOpen =false; - }else { - $wrapper.classList.add('ui-datepicker-wrapper-show'); - var left = $input.offsetLeft; - var top = $input.offsetTop; - var height = $input.offsetHeight; - $wrapper.style.top = top + height + 2 + 'px'; - $wrapper.style.left = left + 'px'; - isOpen = true; - } - },false); - - $wrapper.addEventListener('click', function (e){ - var $target = e.target; - if(! $target.classList.contains('ui-datepicker-btn')) return; - /*上个月*/ - if($target.classList.contains('ui-datepicker-prev-btn')){ - datepicker.render('prev'); - } - /*下个月*/ - else if($target.classList.contains('ui-datepicker-next-btn')){ - datepicker.render('next'); - } - },false); - - $wrapper.addEventListener('click',function (e) { - var $target = e.target; - if($target.tagName.toLocaleLowerCase() !== 'td') return; - - var date = new Date(monthDate.year,monthDate.month -1,$target.dataset.date); - - $input.value = format(date); - },false); - }; - - function format(date) { - ret =''; - - var padding =function (num) { - if(num <= 9){ - return '0' + num; - } - return num; - } - - ret += date.getFullYear() + '-'; - - ret += padding(date.getMonth() + 1) + '-'; - - ret += padding(date.getDate()); - - return ret; - } -})(); \ No newline at end of file diff --git a/Example/array.html b/Example/array.html deleted file mode 100644 index 3625532..0000000 --- a/Example/array.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - 排序问题 - - - - - diff --git a/Example/bibao.js b/Example/bibao.js deleted file mode 100644 index 1c5dc07..0000000 --- a/Example/bibao.js +++ /dev/null @@ -1,41 +0,0 @@ -//函数作为返回值 -function F1() { - var a = 100; - return function () { - console.log(a); //自由变量回去父作用域寻找 - } -} -var f1 = F1(); -var a = 200; -f1() // 100 - -//2.函数作为参数来传递 -function F1() { - var a = 100; - return function () { - console.log(a); // 自由变量，父作用域寻找 - } -} - -var f1 = F1(); - -function F2(fn) { - var a = 200; - fn(); -} - -F2(f1); - -//从以上可以看出闭包应用的时候可以收敛作用域 -//实际应用中使用闭包封装变量，收敛权限 -function isFirstLoad() { - var _list = []; - return function (id) { - if (_list.indexOf(id) >= 0) { - return false; - }else { - _list.push(id); - return true; - } - } -} diff --git a/Example/demo2.js b/Example/demo2.js deleted file mode 100644 index b1e881f..0000000 --- a/Example/demo2.js +++ /dev/null @@ -1,34 +0,0 @@ -var Fn = (function(){ - var arrachFunctionList = {}; - //事件通知 - var notify = function (notifyName){ - var args = Array.prototype.slice.call(arguments,1); - attachFunctionList[notifyName].fun.apply(attachFunctionList[notifyName].scope,args); - return this; - } - //事件监听 - var attach = function(notifyName,callback){ - if(typeof notifyName === "string" && typeof callback === "function"){ - attachFunctionList[notifyName] = { - fun : callback - }; - } - return{ - attach:attach, - notify:notify - } - } -} -)(); -document.onkeydown = function(e){ - var name = "张佳楠"; - var number = window.event ? e.keyCode : e.which; - if(number === 9){ - //Tab事件后通知该事件已经发生了，并把当前参数传递过去 - fn.notify("keydown",name); - } -} -//监听到按钮被点击后进行其他操作 -Fn.attach("keydown",function(name){ - alert("Tab切换成功！姓名是：" + name) -}) diff --git a/Example/demo3.js b/Example/demo3.js deleted file mode 100644 index 436ed44..0000000 --- a/Example/demo3.js +++ /dev/null @@ -1,27 +0,0 @@ -add(1,1); -add2(1,2); -add3(1,3); -function add1(i,j) { - console.log(i+j); -} - -var add2 = function (i,j) { - console.log(); -} - -var token = getResponseHeader('x-auth-token'); - -xmlhttp=new XMLHttpRequest() -console.log(xmlhttp.getResponseHeader); - -function functionName() { - var arr2 = []; - for (var i = 0; i < 2; i++) { - arr2[i] = []; - for (var j = 0; j < 3; i++) { - arr2[i][j]=i+j; - } - } - console.log(arr2); -} -functionName(); diff --git a/Example/demo4.html b/Example/demo4.html deleted file mode 100644 index ab911cf..0000000 --- a/Example/demo4.html +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - - -

- 目标元素 -

可以编辑里面的内容

- - - diff --git a/Example/demo4.js b/Example/demo4.js deleted file mode 100644 index bb3e0a4..0000000 --- a/Example/demo4.js +++ /dev/null @@ -1,10 +0,0 @@ -var foo = 1; -function bar() { - foo = 10; - return; - function foo() { - - } -} -bar(); -alert(foo); \ No newline at end of file diff --git a/Example/new.html b/Example/new.html deleted file mode 100644 index cb7f7bc..0000000 --- a/Example/new.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - new - - - - - - - - - - diff --git a/Example/opp.html b/Example/opp.html deleted file mode 100644 index f729f20..0000000 --- a/Example/opp.html +++ /dev/null @@ -1,107 +0,0 @@ - - - - - - 面向对象 - - - - - - - diff --git a/Example/test.html b/Example/test.html deleted file mode 100644 index 6c031dd..0000000 --- a/Example/test.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - - - - diff --git a/Example/webpack/index.html b/Example/webpack/index.html deleted file mode 100644 index 80f092b..0000000 --- a/Example/webpack/index.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - -

test

- - diff --git a/Example/yxl.js b/Example/yxl.js deleted file mode 100644 index ba61581..0000000 --- a/Example/yxl.js +++ /dev/null @@ -1,36 +0,0 @@ -function Elem(id) { - this.elem =document.getElementById(id); -} - -//获取html原型 -Elem.prototype.html = function (val) { - var elem = this.elem; - if (val) { - elem.innerHTML = val; - return this //链式操作后部可以继续操作，因为对象还是通过id - }else { - return elem.innerHTML; - } -} - -Elem.prototype.on = function (type,fn,bool) { - var elem = this.elem; - elem.addEventListener(type,fn,bool); -} - -var div1 = new Elem('div1'); - -console.log(div1.html()); - -var i,a; -for (var i = 0; i < 10; i++) { - (function (i) { - var a = document.createElement('a'); - a.innerHTML = i + '
'; - a.addEventListener('click',function (e) { - e.preventDefault(); - alert(i); - }) - document.body.appendChild(a); - })(i) -} diff --git "a/Example/\344\272\213\344\273\266\344\273\243\347\220\206.html" "b/Example/\344\272\213\344\273\266\344\273\243\347\220\206.html" deleted file mode 100644 index 81f3a38..0000000 --- "a/Example/\344\272\213\344\273\266\344\273\243\347\220\206.html" +++ /dev/null @@ -1,25 +0,0 @@ - - - - - 事件委托 - - -

- - - diff --git "a/Example/\345\256\232\346\227\266\345\231\250.html" "b/Example/\345\256\232\346\227\266\345\231\250.html" deleted file mode 100644 index f4e76bf..0000000 --- "a/Example/\345\256\232\346\227\266\345\231\250.html" +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - 定时器 - - - - - - - - diff --git "a/Example/\350\207\252\345\256\232\344\271\211\344\272\213\344\273\266.html" "b/Example/\350\207\252\345\256\232\344\271\211\344\272\213\344\273\266.html" deleted file mode 100644 index 54facfc..0000000 --- "a/Example/\350\207\252\345\256\232\344\271\211\344\272\213\344\273\266.html" +++ /dev/null @@ -1,18 +0,0 @@ - - - - - 自定义事件 - - -

- - - diff --git a/INDEX.md b/INDEX.md new file mode 100644 index 0000000..5e23629 --- /dev/null +++ b/INDEX.md @@ -0,0 +1,24 @@ +[![](/assets/屏幕快照 2017-12-05 下午10.19.57.png)](https://github.com/TYRMars) + +--- + +* 图片来自日本像素画家 + +--- + +[![](https://camo.githubusercontent.com/9c3e5bf04974b046e8816cf84a82eeaf12f3c6e1/68747470733a2f2f677373312e62647374617469632e636f6d2f39766f33645361675f7849346b68476b706f574b314846366868792f6261696b652f7725334432363825334267253344302f7369676e3d61653630626362663761636633626337653830306361656165393362646439632f626630393662363366363234366236306335356166326336653166383161346335313066613232382e6a7067)](https://camo.githubusercontent.com/9c3e5bf04974b046e8816cf84a82eeaf12f3c6e1/68747470733a2f2f677373312e62647374617469632e636f6d2f39766f33645361675f7849346b68476b706f574b314846366868792f6261696b652f7725334432363825334267253344302f7369676e3d61653630626362663761636633626337653830306361656165393362646439632f626630393662363366363234366236306335356166326336653166383161346335313066613232382e6a7067) + +强烈推荐此书《深入理解ES6》 + +红宝书大神【美】Nicholas C. Zakas（尼古拉斯·泽卡斯）最新力作 + +--- + +#### 推荐[hyy1115／ES6-learning](https://github.com/hyy1115/ES6-learning)`实际应用请看前端大神对该书的读后感` + +--- + +## 知识重新整理，补充细节整理中 + + + diff --git a/JDMenu/css/base.css b/JDMenu/css/base.css deleted file mode 100644 index b3277d6..0000000 --- a/JDMenu/css/base.css +++ /dev/null @@ -1,92 +0,0 @@ -.wrap{ - position: relative; - width: 200px; - left: 50px; - top: 50px; -} - -ul{ - padding: 15px 0; - margin: 0; - list-style: none; - background: #6c6669; - color: #ffffff; - border-right-width: 0; -} - -li{ - display: block; - height:30px; - line-height: 30px; - padding-left: 12px; - cursor: pointer; - font-size: 14px; - position: relative; -} - -li.active{ - background: #999395; -} - -li span:hover{ - color: #c81623; -} - -.none { - display: none; -} - -#sub{ - width: 600px; - position: absolute; - border:1px solid #f7f7f7; - background: #f7f7f7; - -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, .3); - -moz-box-shadow: 2px 0 5px rgba(0, 0, 0, .3); - box-shadow: 2px 0 5px rgba(0, 0, 0, .3); - left: 200px; - top: 0; - box-sizing: border-box; - margin:0; - padding: 10px; -} - -.sub_content a { - font-size: 12px; - color: #666; - text-decoration: none; -} - -.sub_content dd a { - border-left: 1px solid #e0e0e0; - padding: 0 10px; - margin: 4px 0; -} - -.sub_content dl { - overflow:hidden; -} - -.sub_content dt { - float: left; - width: 70px; - font-weight:bold; - clear:left; - position: relative; -} - -.sub_content dd { - float: left; - margin: 5px; - border-top: 1px solid #eee; - margin-bottom: 5px; -} - -.sub_content dt i{ - width: 4px; - height: 14px; - font: 400 9px/14px consolas; - position: absolute; - right: 5px; - top: 5px; -} \ No newline at end of file diff --git a/JDMenu/index.html b/JDMenu/index.html deleted file mode 100644 index 56dc15b..0000000 --- a/JDMenu/index.html +++ /dev/null @@ -1,141 +0,0 @@ - - - - - JDMenu - - - - - -

- 手机/运营商 -
- 电脑 -
- 家用电器 -
- 图书 -

- 手机/运营商> -: - 合资品牌 - 国产品牌 - 互联网品牌 -

- 手机/运营商> -: - 合资品牌 - 国产品牌 - 互联网品牌 -

- 电脑> -: - 合资品牌 - 国产品牌 - 互联网品牌 -

- 手机/运营商> -: - 合资品牌 - 国产品牌 - 互联网品牌 -

- 家用电器> -: - 合资品牌 - 国产品牌 - 互联网品牌 -

- 家用电器> -: - 合资品牌 - 国产品牌 - 互联网品牌 -

- 图书> -: - 合资品牌 - 国产品牌 - 互联网品牌 -

- 家用电器> -: - 合资品牌 - 国产品牌 - 互联网品牌 -

- 家用电器> -: - 合资品牌 - 国产品牌 - 互联网品牌 -

- 家用电器> -: - 合资品牌 - 国产品牌 - 互联网品牌 -

- - - - - \ No newline at end of file diff --git a/JDMenu/js/base.js b/JDMenu/js/base.js deleted file mode 100644 index 05b15c2..0000000 --- a/JDMenu/js/base.js +++ /dev/null @@ -1,109 +0,0 @@ -/** - * Created by Jonathan Zhang on 2017/5/19. - */ -$(document).ready(function () { - var sub = $('#sub'), - test = $('#test'), - timer, - mouseInSub = false, - activeRow, - activeMenu, - mouseTrack = [], - moveHanlder - ; - - - - /*鼠标跟踪*/ - moveHanlder =function (e) { - mouseTrack.push({ - x:e.pageX, - y:e.pageY - }) - } - - if(mouseTrack.length >3 ){ - mouseTrack.shift(); - } - - /*鼠标状态*/ - sub.on('mouseenter',function(e){ - mouseInSub = true; - - }).on('mouseleave',function (e) { - mouseInSub = false; - }); - - /*事件开始*/ - test - /*当鼠标放到一级菜单上*/ - .on('mouseenter',function (e) { - sub.removeClass('none'); - $(document).bind('mousemove',moveHanlder) - }) - /*当鼠标离开一级菜单上*/ - .on('mouseleave',function (e) { - console.log('fire mouse leave'); - sub.addClass('none'); - - if(activeRow){ - activeRow.removeClass('active'); - activeRow = null; - } - - if(activeMenu){ - activeMenu.addClass('none'); - activeMenu = null; - } - - $(document).unbind('mousemove',moveHanlder) - }) - /*事件代理，动态增加列表项*/ - .on('mouseenter','li',function (e) { - if(!activeRow){ - activeRow = $(e.target).addClass('active'); - activeMenu = $('#' + activeRow.data('id')); - activeMenu.removeClass('none'); - return - } - - if(timer){ - clearTimeout(timer); - } - - /*坐标计算*/ - var currMousePos = mouseTrack[mouseTrack.length - 1] - var leftCorner = mouseTrack[mouseTrack.length - 2] - var delay = needDelay(sub, leftCorner, currMousePos) - - /*如果在三角形内*/ - if(delay){ - timer = setTimeout(function(){ - if(mouseInSub){ - return; - } - - activeRow.removeClass('active'); - activeMenu.addClass('none'); - - activeRow = $(e.target); - activeRow.addClass('active'); - activeMenu = $('#' + activeRow.data('id')); - activeMenu.removeClass('none'); - timer = null; - },300) - }else{ - var prevActiveRow = activeRow; - var prevActiveMenu = activeMenu; - - activeRow = $(e.target); - activeMenu = $('#' + activeRow.data('id')); - - prevActiveRow.removeClass('active'); - prevActiveMenu.addClass('none'); - - activeRow.addClass('active'); - activeMenu.removeClass('none'); - } - }) -}); \ No newline at end of file diff --git a/JDMenu/js/functions.js b/JDMenu/js/functions.js deleted file mode 100644 index 3a44888..0000000 --- a/JDMenu/js/functions.js +++ /dev/null @@ -1,46 +0,0 @@ -/** - * Created by Jonathan Zhang on 2017/5/19. - */ - -function sameSign(a,b) { - return(a ^ b) >= 0 -} - -function vector(a,b) { - return{ - x:b.x - a.x, - y:b.y - a.y - } -} - -function vectorProduct(v1,v2) { - return v1.x * v2.y - v2.x * v1.y -} - -function isPointInTrangle(p,a,b,c) { - var pa = vector(p, a); - var pb = vector(p, b); - var pc = vector(p, c); - - var t1 = vectorProduct(pa,pb); - var t2 = vectorProduct(pb,pc); - var t3 = vectorProduct(pc,pa); - - return sameSign(t1,t2) && sameSign(t2,t3) -} - -function needDelay(elem, leftCorner, currMousePos) { - var offset =elem.offset(); - - var topLeft = { - x: offset.left, - y: offset.top - } - - var bottomLeft ={ - x: offset.left, - y: offset.top + elem.height() - } - - return isPointInTrangle(currMousePos,leftCorner,topLeft,bottomLeft) -} \ No newline at end of file diff --git a/JSDemo/demo1.html b/JSDemo/demo1.html deleted file mode 100644 index 06a1b38..0000000 --- a/JSDemo/demo1.html +++ /dev/null @@ -1,16 +0,0 @@ - - - - -demo1 - - - - -

- for you safe!!! -

- - diff --git a/PageNumber/index.html b/PageNumber/index.html deleted file mode 100644 index 566549b..0000000 --- a/PageNumber/index.html +++ /dev/null @@ -1,10 +0,0 @@ - - - - - Title - - - - - \ No newline at end of file diff --git a/README.md b/README.md index 958b514..01ca704 100644 --- a/README.md +++ b/README.md @@ -1,2328 +1,4 @@ -

JavaScript学习

+# 封面 ---- +![](.gitbook/assets/JavaScript.png) -* [JSLearn-ES6](https://github.com/TYRMars/JSLearn-ES6) 'ES6语法学习' - ---- -## JavaScript基础知识剖析 - -#### 01 JavaScrpit-变量与原型 - -* [01-01](https://github.com/TYRMars/JSlearn#01-01) `变量类型和计算（1）` -* [01-02](https://github.com/TYRMars/JSlearn#01-02) `变量类型和计算（2）` -* [01-03](https://github.com/TYRMars/JSlearn#01-03) `变量类型和计算（3）-JSON的理解` -* [01-04](https://github.com/TYRMars/JSlearn#01-04) `原型与原型链-构造函数` -* [01-05](https://github.com/TYRMars/JSlearn#01-05) `原型规则和示例` -* [01-06](https://github.com/TYRMars/JSlearn#01-06) `原型链` -* [01-07](https://github.com/TYRMars/JSlearn#01-07) `instanceof` -* [01-08](https://github.com/TYRMars/JSlearn#01-08) `知识点小结 & 解决问题` - -#### 02 JavaScrpit-作用域与闭包 - -* [02-01](https://github.com/TYRMars/JSlearn#02-01) `作用域和闭包-执行上下文` -* [02-02](https://github.com/TYRMars/JSlearn#02-02) `作用域和闭包-this` -* [02-03](https://github.com/TYRMars/JSlearn#02-03) `作用域和闭包-作用域` -* [02-04](https://github.com/TYRMars/JSlearn#02-04) `作用域和闭包-闭包` -* [02-05](https://github.com/TYRMars/JSlearn#02-05) `知识点小结 & 解决问题` - -#### 03 JavaScrpit-异步与单线程 - -* [03-01](https://github.com/TYRMars/JSlearn#03-01) `异步和单线程-什么是异步` -* [03-02](https://github.com/TYRMars/JSlearn#03-02) `异步和单线程-单线程` -* [03-03](https://github.com/TYRMars/JSlearn#03-03) `其他知识点-日期和Math` -* [03-04](https://github.com/TYRMars/JSlearn#03-04) `其他知识点-数组和对象的API` - -#### 04 JavaScrpit-WebAPI基础 - -* [04-01](https://github.com/TYRMars/JSlearn#04-01) `从基础知识到JS-Web-API` -* [04-02](https://github.com/TYRMars/JSlearn#04-02) `DOM本质` -* [04-03](https://github.com/TYRMars/JSlearn#04-03) `DOM节点操作` -* [04-04](https://github.com/TYRMars/JSlearn#04-04) `DOM结构操作` -* [04-05](https://github.com/TYRMars/JSlearn#04-05) `DOM知识总结` -* [04-06](https://github.com/TYRMars/JSlearn#04-06) `BOM知识点` - -#### 05 JavaScrpit-WebAPI扩展 - -* [05-01](https://github.com/TYRMars/JSlearn#05-01) `事件-知识点` -* [05-02](https://github.com/TYRMars/JSlearn#05-02) `Ajax-XMLHttpRequest` -* [05-03](https://github.com/TYRMars/JSlearn#05-03) `存储` - -#### 06 JavaScrpit-模块化 - -* [06-01](https://github.com/TYRMars/JSlearn#06-01) `模块化` -* [06-02](https://github.com/TYRMars/JSlearn#06-02) `模块化-AMD` -* [06-03](https://github.com/TYRMars/JSlearn#06-03) `模块化-CommonJS` - -#### 07 JavaScrpit-工程化 - -* [07-01](https://github.com/TYRMars/JSlearn#07-01) `上线回滚-上线回滚流程` - -#### 08 JavaScrpit-算法 - -* [08-01](https://github.com/TYRMars/JSlearn#08-01) `JavaScript算法测试函数` -* [08-02](https://github.com/TYRMars/JSlearn#08-02) `JavaScript算法-冒泡排序` -* [08-03](https://github.com/TYRMars/JSlearn#08-03) `JavaScript算法-选择排序` -* [08-04](https://github.com/TYRMars/JSlearn#08-04) `JavaScript算法-插入排序` -* [08-05](https://github.com/TYRMars/JSlearn#08-05) `JavaScript算法-希尔排序` -* [08-06](https://github.com/TYRMars/JSlearn#08-06) `JavaScript算法-归并排序` -* [08-07](https://github.com/TYRMars/JSlearn#08-07) `JavaScript算法-快速排序` -* [08-08](https://github.com/TYRMars/JSlearn#08-08) `JavaScript算法-高级算法-动态规划` - -#### 09 JavaScrpit-函数应用 - -* [09-01](https://github.com/TYRMars/JSlearn#09-01) `函数应用` - -#### 10 JavaScript-性能优化 - -* [10-01](https://github.com/TYRMars/JSlearn#09-01) `函数应用` - -#### add JavaScrpit-JS插件 -* JSDemo -* JDMenu 京东无延迟菜单 -* DatePicker组件开发 -* 手风琴效果开发 - ---- - -# 知识点学习 - - -## 01-01 -### 变量类型和计算（1） -* JS中使用typeof能得到的哪些类型 -* 何时使用`===`何时使用 `==` -* JS中有哪些内置函数 -* JS变量按照`存储方式`区分为哪些类型，并描述其特点 -* 如何理解`JSON` -#### 值类型 -* 从内存来说值类型是把每一个值存储在变量类型的每一个位置 -```JavaScript -var a = 100; -var b = a; -a = 200 -console.log(b);//100 -``` -#### 引用类型 -* 把a赋值*-成一个对象，a的位置是通过指针指向一个位置 -* 把b赋值成a，其实是定义一个b，b的指针指向了那个对象位置 -* 也就是有两份 `age：20`的对象 -* 对象的引用，就相当于复写一个对象，这两个对象之间相互独立 -* 引用类型：对象、数组、函数 -```JavaScript -var a ={age:20}; -var b = a; -b.age = 21; -console.log(a.age); //21 -``` -* typeof运算符 -```JavaScript -typeof undefined //undefined -typeof 'abc' // String -typeof 123 //number -typeof true //boolean -typeof {} //object -typeof [] //object -typeof null //object -typeof console.log //funciton -``` -#### 变量计算-强制类型转换 -* 字符串拼接 -```JavaScript -var a = 100 + 10;//110 -var b = 100 + '10';//10010 -``` -* == 运算符 -```JavaScript -100 == '100' //true -0 == '' //true -null == undefined //true -``` -* if语句 -```JavaScript -var a = true; -if(a){ - //.... -} -var b = 100; -if (b) { - //.... -} -var c = ''; -if (c) { - //... -} -``` -* 逻辑运算 -```JavaScript -console.log(10 && 0); //0 -console.log('' || 'abc'); //abc -console.log(!window.acb); //true - -//判断一个变量会被当做true还是false -var a = 100; -console.log(!!a);//true -``` -## 01-02 -### 变量类型和计算（2） -#### JS中使用typeof能得到的类型 -```JavaScript -//问题：JS中使用typeof能得到哪些类型 -typeof undefined //undefined -typeof 'abc' // String -typeof 123 //number -typeof true //boolean -typeof {} //object -typeof [] //object -typeof null //object -typeof console.log //funciton -``` -* 总结来说typeof可以得到`undefined、String、number、boolean`可以区分值类型，但对于引用类型无法很细的区分，只能区分函数。 -* 尤其是`typeof null object`它是一个引用类型 -#### 何时使用 === 和 == -```JavaScript -//问题：何时使用===何时使用== - -if (obj.a == null) { - //这里相当于 obj.a === null || obj.a === undefined,简写形式 - //这是jquery源码中推荐的写法 -} -``` -#### JS中的内置函数 -```JavaScript -//问题：JS中有哪些内置函数----数据封装类对象 -//作为构造函数的作用 -Object -Array -Boolean -Number -String -Function -Date -RegExp -Error -``` -#### JS按照存储方式区分变量类型 -```JavaScript -//JS 变量按照存储方式区分为哪些类型，并描述其特点 - -//值类型 -var a = 10; -var b = a; -a = 11; -console.log(b); // 10 - -//引用类型 -var obj1 = {x:100} -var obj2 = obj1; -obj1.x = 200; -console.log(obj2.x); // 200 -``` -* ES中，引用类型是一种数据结构，用于将数据和功能组织在一起 -## 01-03 -### 变量类型和计算（3）-理解JSON -```JavaScript -//问题：如何理解JSON -//JSON只不过是一个JS对象 -//JSON也是一个数据格式 -JSON.stringify({a:10,b:20}); -JSON.parse('{"a":10."b":20}') -``` - -## 01-04 -### 原型与原型链-构造函数 -* 如何准确判断一个变量数组类型 -* 写一个原型链继承的例子 -* 描述new一个对象的过程 -* zepto(或其他框架)源码中如何使用原型链 -#### 知识点 -* 构造函数 -* 构造函数-扩展 -* 原型规则和示例 -* 原型链 -* instanceof -#### 构造函数 -* 自己的想法 -* `普通的函数就像是按步骤执行的动作，而构造函数更像是可更改零件的木偶，普通函数可以直接调用，但是构造函数需要new` -* `因为构造函数也是函数，所以可以直接被调用，但是它的返回值为undefine，此时构造函数里面的this对象等于全局this对象` -* 扩展`实例和对象的区别，从定义上来讲：1、实例是类的具象化产品，2、而对象是一个具有多种属性的内容结构。` - -```JavaScript -function Foo(name,age){ - this.name = name; - this.age = age; - this.class = 'class-1'; - // return this //默认有这一行 -} -var f = new Foo('zhangsan',20); //实例化对象 -// var f1 = new Foo('lisi',22) //创建多个对象 -``` - -#### 构造函数-扩展 -* `var a = {}` 其实是 `var a = new Object()`的语法糖 -* `var a = []` 其实是 `var a = new Array()`的语法糖 -* `function Foo(){...}`其实是 `var Foo = new Function(...)` -* 使用 `instanceof` 判断一个函数是否是一个变量的构造函数 - * 如果想判断一个变量是否为“数组”：变量 `instanceof Array` - -## 01-05 -### 原型规则和示例 -* 5条原型规则 -* 原型规则是学习原型链的基础 -#### 第1条 -* 所有的引用类型(数组、对象、函数)，都具有对象特质、即可自由扩展属性(除了“NULL”以外) - -```JavaScript -var obj = {}; obj.a = 100; -var arr = []; arr.a = 100; -function fn(){ - fn.a=100; -} -``` - -#### 第2条 -* 所有的引用类型(数组、对象、函数)，都有一个`__proto__`(隐式原型)属性，属性值是一个普通的对象 - -```JavaScript -console.log(obj.__proto__); -console.log(arr.__proto__); -console.log(fn.__proto__); -``` - -#### 第3条 -* `prototype`解释为JavaScript开发函式库及框架 -* 所有的函数，都有一个`prototype`（显示原型）属性，属性值也是一个普通对象。 - -```JavaScript -console.log(fn.prototype); -``` - -#### 第4条 -* 所有引用类型（数组、对象、函数），`__proto__`属性值指向它的构造函数的`prototype`属性值 - -```JavaScript -console.log(obj.__proto__ === Object.prototype); -``` -#### 第5条 -* 当试图得到一个对象的某个属性时，如果这个对象本身没有这个属性，那么会去它的`__proto__`(即它的构造函数`prototype`)中寻找 -```JavaScript -//构造函数 -function Foo(name,age){ - this.name = name; -} -Foo.prototype.alertName = function () { - alert(this.name); -} -//创建示例 -var f = new Foo('zhangsan') -f.printName = function () { - console.log(this.name); -} -//测试 -f.printName(); -f.alertName(); -``` - -* this - -#### 循环对象自身属性 - -```JavaScript -var item; -for (item in f) { - //高级浏览器已经在for in 中屏蔽了来自原型的属性 - //但是这里建议大家还是加上这个判断，保证程序的健壮性 - if(f.hasOwnProperty(item)) { - console.log(item); - } -} -``` - -## 01-06 -### 原型链 -```JavaScript -//构造函数 -function Foo(name,age){ - this.name = name; -} -Foo.prototype.alertName = function (){ - alert(this.name); -} -//创建示例 -var f = new Foo('zhangsan'); -f.printName = function () { - console.log(this.name); -} -//测试 -f.printName(); -f.alertName(); -f.toString(); // 要去f.__proto__.__proto__中查找 -``` -#### 原型链视图 -![原型链图](http://www.kejiganhuo.tech/wp-content/uploads/2017/06/屏幕快照-2017-06-29-上午9.00.57.png) - -## 01-07 -### instanceof -* 用于判断`引用类型`属于哪个`构造函数`的方法 -* `f instanceof Foo` 的判断逻辑是： -* `f`的`__proto__`一层一层往上走，是否能对应到`Foo.prototype` -* 再试着判断f instanceof Object - -## 01-08 -### 知识点小结 & 解决问题 -#### 如何准确判断一个变量是数组类型 -```JavaScript -var arr = []; -arr instanceof Array; //true -typeof arr //object typeof是无法判断是否是数组 -``` -#### 写一个原型链继承的例子 -```JavaScript -//动物 -function Animal(){ - this.eat = function () { - console.log('animal eat'); - } -} -//狗🐶 -function Dog(){ - this.bark = function () { - console.log('dog bark'); - } -} -Dog.prototype = new Animal(); -//哈士奇 -var hashiqi = new Dog(); -//如果要真正写，就要写更贴近实战的原型链 -``` - * 推荐阮一峰老师👨‍🏫的两篇文章：[Javascript 面向对象编程（一）：封装](http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html)、[Javascript继承机制的设计思想](http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html) - -#### 描述new一个对象的过程 -* 创建一个新对象 -* this指向这个新对象 -* 执行代码，即对this赋值 -* 返回this 🔙 -```JavaScript -function Foo(name,age){ - this.name = name ; - this.age = age ; - //return this //默认有这一行 -} -var f = new Foo('zhangsan',20); -//var f1 = new Foo('list',22) //创建多个对象 -``` - -#### zepto(或其他框架)源码中如何使用原型链 -* 。。。。。。 - -#### 贴近实际开发原型链继承的例子 -```JavaScript -function Elem(id) { - this.elem = document.getElementById(id); -} - -Elem.prototype.html = function (val) { - var elem = this.elem; - if (val) { - elem.innerHTML = val; - return this; // 链式操作 - }else { - return elem.innerHTML; - } -} - -Elem.prototype.on = function (type, fn) { - var elem = this.elem ; - elem.addEventListener(type, fn) ; -} - -var div1 = new Elem('div1'); -//console.log(div1.html()); -div1.html('

hello imooc

') -div1.on('click',function () { - alert('click') -}) -``` -## 02-01 -### 作用域和闭包-执行上下文 -* 说一下对变量提升的理解 -* 说明`this`几种不同的使用场景 -* 创建10个``标签，点击的时候弹出来对应的序号 -* 如何理解作用域 -* 实际开发中闭包的应用 -#### 知识点梳理 -* 执行上下文 -* this -* 作用域 -* 作用域链 -* 闭包 -#### 执行上下文 -```JavaScript -console.log(a); // undefined -var a = 100; - -fn('zhangsan') // 'zhangsan' 20 -function fn(name) { - age = 20; - console.log(name, age); - var age; -} -``` -* 范围：一段 - - -``` - -#### 问题解答 -* 获取2017-06-10格式的日期 - -```JavaScript -function formatDate(dt) { - if (!dt) { - dt = new Date(); - } - var year = dt.getFullYear(); - var month = dt.getMonth() + 1; - var date = dt.getDate(); - if (month < 10) { - //强制转换类型 - month = '0' + month; - } - if (date < 10) { - //强制转换类型 - date = '0' + date; - } - //强制转换类型 - return year + '-' + month + '-' + date; -} -var dt = new Date(); -var formatDate = formatDate(dt); -console.log(formatDate); -``` - -* 获取随机数，要求是长度一致的字符串格式 - -```JavaScript -var random = Math.random(); -var random = random + '0000000000'; //后面加上10个0 -var random = random.slice(0,10); -console.log(random); -``` - -* 写一个能遍历对象和数组的通用forEach函数 - -```JavaScript -//do -var arr = [1,2,3]; -//注意，这里的参数的顺序换了，为了和对象的遍历格式一致 -forEach(arr,function (index,item) { - console.log(index.item); -}) - -var obj = {x:100,y:200}; -forEach(obj,function (key,value) { - console.log(key,value); -}) - -//init -function forEach(obj,fn) { - var key; - if (obj instanceof Array) { - //准确判断是不是一个数组 - obj.forEach(function (index.item) { - fn(index,item); - }) - }else { - //不是数组就是对象 - for (key in obj){ - fn(key,obj[key]); - } - } -} -``` - -## 04-01 -### 从基础知识到JS-Web-API - -* 变量类型和计算 -* 原型和原型链 -* 闭包和作用域 -* 异步和单线程 -* 其他（如日期、Math、各种常用API） - - -#### 特点 - -* 特点：表面上来看不能用于工作中开发代码 -* 内置函数：`Object Array Boolean String ......` -* 内置对象：`Math JSON ...` -* 我们连在网页弹出一句`Hello World`都不能实现 - -#### JS-Web-API - -* JS基础知识：ECMA 262标准 -* JS-Web-API：W3C标准 -* W3C标准中关于JS的规定有： - * DOM操作 - * BOM操作 - * 事件绑定 - * ajax请求(包含http协议) - * 存储 - - -#### 基本操作 - -* 页面弹框是`windows.alert(123)`，浏览器需要做： - * 定义一个`windows`全局变量，对象类型； - * 给它定义一个`alert`属性，属性值是一个函数； -* 获取元素document.getElementById(id),浏览器需要： - * 定义一个document全局变量，对象属性； - * 给它定义一个getElementById的属性，属性值是一个函数； -* W3C标准没有规定任何JS基础相关的东西； -* 不管什么变量类型、原型、作用域和异步 -* 只管定义用于浏览器中JS操作页面的API和全局变量 -* 全面考虑，JS内置的全局函数和对象有哪些？ -* 之前ECMA的 -* 比如 window document -* 所有未定义的全局变量，如`navigator.userAgent` -#### 总结 -* 常说的JS(浏览器执行的JS)包含两个部分： -* JS基础知识(ECMA262标准)； -* JS-Web-API(W3C标准)； - -## 04-02 -### DOM操作 -* Document Object Model -* DOM是哪种基本的数据结构 -* DOM操作的常用API有哪些 -* DOM节点的attr和property有和区别 - - -#### DOM的本质 -* XML -```XML - - -Tove -Jani -Reminder -Dont forget me this weekend - - - - - -``` - -* HTML - -```HTML - - - - - Document - - -

this is p

- - -``` - -## 04-03 -### DOM节点操作 -* 获取DOM节点 -* prototype,获取JS对象上的属性 -* Attribute,获取DOM标签上的属性 -#### 获取DOM节点 -```JavaScript -var div1 = document.getElementById('div1'); //元素 -var divList = document.getElementByTagName('div'); //集合 -console.log(divList.length); -console.log(divList[0]); - -var containerList = document.getElementByClassName('.container'); //集合 -var pList = document.querySelectorAll('p'); //集合 -``` - -#### property - -```JavaScript -var pList = document.querySelectorAll('p'); -var p = pList[0]; -console.log(p.style.width); // 获取样式 -p.style.width = '100px' // 修改样式 -console.log(p.className);//获取class -p.className = 'p1' //修改class - -// 获取 nodeName 和 ndoeType -console.log(p.nodeName); -console.log(p.nodeType); -``` - -#### Attribute - -```JavaScript -var pList = document.querySelectorAll('p'); -var p = pList[0]; -p.getAttribute('data-name'); -p.getAttribute('data-name','imooc'); -p.getAttribute('style'); -p.setAttribute('style','font-size:30px;'); -``` - -## 04-04 -### DOM结构操作 -* 新增节点 - -```JavaScript -var div1 = document.getElementById('div1'); -//添加新节点 -var p1 = document.createElement('p'); -p1.innerHTML = 'this is p1'; -div1.appendChild(p1); //添加新创建的元素 -//移除已有节点 -var p2 = document.getElementById('p2'); -div1.appendChild(p2); -``` -* 获取父元素-获取子节点 - -```JavaScript -var div1 = document.getElementById('div1'); -var parent = div1.parentElement; -``` -* 删除节点 - -```JavaScript -var div1 = document.getElementById('div1'); -var child = div1.childNodes; -div1.removeChild(child[0]); -``` -#### 举个栗子(例子：example)！！！ -```HTML - - - - - -

this is p1

this is p2

this is p3

this is p4

- - - -``` -## 04-05 -### DOM知识解答 - -* DOM是哪种基本的数据结构? - * 树 -* DOM操作的常用API有哪些 - * 获取DOM节点，以及节点的`property`和`Attribute` - * 获取父节点，获取子节点 - * 新增节点，删除节点 -* `DOM节点`的`Attribute`和`property`有何区别 - * `property`只是一个`JS对象`的属性的修改 - * `Attribute`是对`html标签`属性的修改 -* 重点总结 - * DOM本质 - * DOM节点的操作 - * DOM结构操作 - -## 04-06 -### BOM操作 -* Browser Object Model -#### 如何监测浏览器的类型 -#### 拆解url的各部分 -#### 知识点 -* `navigator & screen` - -```JavaScript -//navigator -var ua = navigator.userAgent; -var isChrome = ua.indexOf('Chrome'); -console.log(isChrome); -//screen -console.log(screen.width); -console.log(screen.height); -``` - -* `location & history` -```JavaScript -//location -console.log(location.href); -console.log(location.protocel); -console.log(location.pathname); -console.log(location.search); -console.log(location.hash); -//history -history.back(); -history.forward(); -``` - -## 05-01 -#### 编写一个通用的事件监听函数 -#### 描述事件冒泡流程 - -* DOM树形结构 -* 事件冒泡 -* 阻止冒泡 -* 冒泡的应用 - -#### 对于一个无限下拉加载图片的页面，如何给每个图片绑定事件 - -* 使用代理 -* 知道代理的有点 - -##### 通用事件绑定 - -```JavaScript -var btn = document.getElementById('btn1'); -btn.addEventListener('click',function (event) { - console.log('clicked'); -}) - -function bindEvent(elem,type,fn) { - elem.addEventListener(type,fn); -} -var a = document.getElementById('link1') -bindEvent(a,'click',function(e){ - e.preventDefault(); //阻止默认行为 - alert('clicked'); -}); -``` - -* 关于IE低版本的兼容性 - * IE低版本使用attachEvent绑定事件，和W3C标准不一样 - * IE低版本使用量非常少，很多网站早已不支持 - * 建议对IE低版本的兼容性：了解即可，无需深究 - * 如果遇到对IE低版本要求苛刻的面试，果断放弃 - -#### 冒泡与捕获 - -```html - - - - - - - - -

- 目标元素 -

- - - -``` - -#### 事件冒泡 - -```html - -

激活

取消

- -``` - -```JavaScript -var p1 = document.getElementById('p1'); -var body = document.body; -bindEvent(p1,'click',function (e) { - e.stopPropatation(); - alert('激活'); -}); -bindEvent(body,'click',function(e){ - alert('取消'); -}) -``` - -#### 代理 -```html -

- a1 - a2 - a3 - a4 - -

-``` -```JavaScript -var div1 = document.getElementById('div1'); -div1.addEventListener('click',function (e) { - var target = e.target; - if (target.nodeName === 'A') { - alert(target.innerHTML); - } -}) -``` -#### 完善通用绑定事件的函数 - -```JavaScript -//使用代理 -var div1 = document.getElementById('div1'); -bindEvent(div1,'click','a',function (e) { - console.log(this.innerHTML); -}) -``` - -```JavaScript -function bindEvent(elem,type,selector,fn) { - if (fn == null) { - fn = selector; - } - elem.addEventListener(type,function (e) { - var target; - if (selector) { - target = e.target; - if (target.matches(selector)) { - fn.call(target,e); - } - }else { - fn(e); - } - }) -} -``` - -## 05-02 -### Ajax-XMLHttpRequest - -* 手动编写一个ajax，不依赖第三方库 -* 跨域的几种实现方式 - -#### 知识点 -##### XMLHttpRequest - -```JavaScript -var xhr = new XMLHttpRequest(); -xhr.open("GET","/api",false) -xhr.onreadystatechange = function () { - //这里的函数异步执行，可参考之前JS基础的异步模块 - if(xhr.readyState == 4){ - if (xhr.status == 200) { - alert(xhr.responseText) - } - } -} -xhr.send(null); -``` - -* IE低版本使用ActiveXObject，和W3C标准不一样 -* IE低版本使用量已经非常少，很多网站早已不支持IE低版本 -* 建议对IE低版本的兼容性：了解即可，无需深究 - -##### 状态码 -```JavaScript -xhr.onreadystatechange = function () { - //这里的函数异步执行，可参考之前JS基础的异步模块 - if(xhr.readyState == 4){ - if (xhr.status == 200) { - alert(xhr.responseText) - } - } -} -``` -* readyState - * 0-(未初始化)还没有调用send()方法 - * 1-(载入)已调用send()方法，正在发送请求 - * 2-(载入完成)send()方法执行完成，已经接收到全部响应内容 - * 3-(交互)正在解析响应内容 - * 4-(完成)响应内容解析完成，可以在客户端调用 -* status - * 2XX-表示成功处理请求。如200 - * 3XX-需要重定向，浏览器直接跳转 - * 4XX-客户端请求错误，如404 - * 5XX-服务端错误 - -##### 跨域 -* 什么时跨域 - * 浏览器有同源策略，不允许ajax访问其他域接口 - * http://www.yourname.com/page1.html - * http://m.imooc.com/course/ajaxcourserecom?cid=459 - * 跨域条件：协议、域名、端口、有一个不同就算跨域 - * 但是有三个标签允许跨域加载资源 - * `

` - * `` - * ` - - -``` - -* 服务器端设置http header - * 另外一个解决跨域的简洁方法，需要服务器来做 - * 但是作为交互方，我们必须知道这个方法 - * 是将来解决跨域问题的一个趋势 - -```JavaScript -//注意：不同后端语言的写法可能不一样 - -//第二个参数填写允许跨域的域名称，不建议直接写 “*” -response.setHeader("Access-Control-Allow-Origin","http://a.com, http://b.com"); -response.setHeader("Access-Control-Allow-Header","X-Requested-With"); -response.setHeader("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS"); - -//接收跨域的cookie -response.setHeader("Access-Control-Allow-Credentials","true"); -``` - -## 05-03 -### 存储 - -* 请描述一下`cookie`,`sessionStorage`和`localStorage`的区别？ - -#### cookie - -* 本身用于客户端和服务端通信 -* 但是它有本地存储的功能，于是就被`借用` -* 使用document.cookie = ... 获取和修改即可 - -##### cookie用于存储的缺点 - -* 存储量小，只有4kb -* 所有http请求都带着，会影响获取资源的效率 -* API简单，需要封装才能用document.cookie = ... - -#### localStorage和sessionStorage - -* HTML5专门为存储设计，最大容量5M -* API简答易用： -* localStorage.setItem(key,value);localStorage.getItem(key); -* sessionStorage关闭浏览器会清理 -* iOS safari 隐藏模式下，localStorage.getItem会报错 -* 建议统一使用try-catch封装 - -#### cookie sessionStorage localStorage 的区别 - -* 容量 -* 是否会携带到ajax中 -* API易用性 - -## 06-01 -### 模块化 - -* 不使用模块化 -* 使用模块化 -* AMD -* CommonJS - -#### 不使用模块化 - -* `util getFormatDate函数` -* `a-util.js aGetFormatDate函数使用getFormatDate` -* `a.js aGetFormatDate` -* 定义 - -```JavaScript -//util.js -function getFormatDate(date,type) { - //type === 1返回 2017-06-15 - //type === 2返回 2017年6月15日格式 - //... -} -//a-util.js -function aGetFormatDate(data) { - //返回 - return getFormatDate(date,2); -} -// a.js -var dt = new Date() -console.log(aGetFormatDate(dt)); -``` - -* 使用 - -```html - - - - - -``` -#### 使用模块化 - -```JavaScript -//util.js -export{ - getFormatDate:function (data,type) { - //type === 1 返回 2017-06-15 - //type === 2 返回 2017年6月15日格式 - } -} -//a-util.js -var getFormatDate = require('util.js'); -export{ - aGetFormatDate:function (date) { - //要求返回 2017年6月15日格式 - return getFormatDate(date,2); - } -} -// a.js -var aGetFormatDate = require('a-util.js') -var dt = new Date(); -console.log(aGetFormatDate(dt)); - -//直接‘’,其他的根据依赖关系自动引用 -//那两个函数，没必要做成全局变量，不会带来污染和覆盖 -``` - -## 06-02 -### AMD - -* require.js `requirejs.org/` -* 全局define函数 -* 全局require函数 -* 依赖JS会自动、异步加载 - -```JavaScript -//util.js -define(function () { - return{ - getFormatDate: function (date,type) { - if (type === 1) { - return '2017-06-15' - } - if (type === 2) { - return '2017年6月15日' - } - } - } -}); - -//a-util.js -define(['./util.js'],function (util) { - return{ - aGetFormatDate: function (date) { - return util.getFormatDate(date,2); - } - } -}); - -// a.js -define('[./a-util.js]',function (aUtil) { - return{ - printDate:function (date) { - console.log(aUtil.aGetFormatDate); - } - } -}); - -//main.js -require('[./a.js]',function (a) { - var date = new Date(); - a.printDate(date); -}); -``` - -* 使用 - -```html - - - - - Document - - -

AMD test

- - - -``` - -## 06-03 -### CommonJS -* nodejs模块化规范，现在被大量用于前端，原因： - * 前端开发依赖的插件和库，都可以从npm中获取 - * 构建工具的高度自动化，是的使用npm的成本非常低 - * CommonJS不会异步加载JS，而是同步一次性加载出来 - -```JavaScript -module.exports = { - getFormatDate:function (data,type) { - if (type === 1) { - return '2017-06-15'; - } - if (type === 2) { - return '2017年6月15日'; - } - } -} - -// a-util.js -var util = require('util.js') -module.exports = { - aGetFormatDate:function (data) { - return util.getFormatDate(data,2); - } -} -``` - -#### AMD和CommonJS的使用场景 - -* 需要异步加载JS，使用AMD -* 使用了npm之后建议使用CommonJS - -## 06-04 -### Git -#### 常用命令 - -* `git init`git初始化 -* `git add .`文件新增 -* `git checkout XXX`出错还原 -* `git commit -m "XXX"`commit提交到本地仓库后面为注释 -* `git push origin master` 代码上传 -* `git pull origin master` 代码下载 - -##### 多人开发 - -* `git branch`看当前分支 -* `git checkout -b xxx/git checkout xxx`创建一个分支/切换分支 -* `git merge xxx`分支更改的东西提交到master或者分支 - -## 07-01 -### 上线回滚-上线回滚流程 - -* 上线和回滚的基本流程 -* linux基本命令 - -#### 上线回滚流程 - -* 重要的开发环节 - -#### 上线流程要点 - -* 将测试完的代码提交到git版本库的master分支 -* 将当前服务器的代码全部打包并记录版本号，备份 -* 将master分支的代码提交覆盖到线上服务器，生成新的版本号 - -#### 回滚流程要点 - -* 将当前服务器的代码打包并记录版本号，备份 -* 将备份的上一个版本号解压，覆盖到线上服务器，并生成新的版本号 - -#### Linux基本命令 - -* 服务器使用Linux居多，server版，只有命令行 -* 测试环境要匹配线上环境，因此也是Linux -* 经常需要登陆测试机来自己配置、获取数据 - -## 08-01 -### JavaScript算法测试函数 - -* SetData()函数生成了存储在数组中的随机数字。Math类的random()函数会生成[0,1)区间内的随机数字。换句话说，random()函数生成的随机数字大于等于0，但不会等于1。最后在用Math类的floor()函数确定最终结果。 -* 如下这个公式可以成功生成1~100的随机数字集合。 - -```JavaScript - -function CArray(numElements) { - this.dataStore = []; - this.pos = 0; - this.numElements = numElements; - this.insert = insert; - this.toString = toString; - this.clear = clear; - this.setData = setData; - this.swap = swap; - for (var i = 0; i < numElements; ++i) { - this.dataStore[i] = i; - } -} -//数据输出 -function setData() { - for (var i = 0; i < this.numElements; ++i) { - this.dataStore[i] = Math.floor(Math.random() * (this.numElements + 1));//生成随机数组 - } -} - -function clear() { - for (var i = 0; i < this.dataStore.length; ++i) { - this.dataStore[i] = 0; - } -} - -function insert(element) { - this.dataStore[this.pos++] = element; -} - -function toString() { - var restr = ""; - for (var i = 0; i < this.dataStore.length; ++i) { - restr += this.dataStore[i] + " "; - if (i > 0 & i % 10 == 0) { - restr += "\n"; - } - } - return restr; -} - -function swap(arr,index1,index2) { - var temp = arr[index1]; - arr[index1] = arr[index2]; - arr[index2] = temp; -} - -//测试 -var numElements = 100; -var myNums = new CArray(numElements); -myNums.setData(); -console.log(myNums.toString()); -``` - -

- -#### 名词解释： - -* n: 数据规模 -* k:“桶”的个数 -* In-place: 占用常数内存，不占用额外内存 -* Out-place: 占用额外内存 -* 稳定性：排序后2个相等键值的顺序和排序之前它们的顺序相同 - -##### 用一个`for`遍历数组排序 - -```JavaScript -var a = [12,13,65,54,86,21,37,1,95,4]; -var l = a.length; -console.log(a); -for (var i = 0; i < l; i++) { - if (a[i] > a[i + 1]) { - var temp = a[i]; - a[i] = a[i + 1]; - a[i + 1] = temp; - } - if (i == l-1) { - i = -1; - l--; - } -} -console.log(a); -``` - -## 08-02 -### JavaScript算法-冒泡排序 - -* 冒泡排序 -* 最慢的排序算法之一 -* 冒泡排序，之所以这么叫是因为使用这种排序算法排序时，数据值就会像气泡一样从数组的一端漂浮到另一端。假设正在将一组数字按照升序排列，较大的值会浮动到数组的右侧，而较小的值会浮动到数组的左侧。之所以会产生这种现象是因为算法会多次在数组中移动，比较相邻的数据，当左侧值大于右侧值时将它们进行互换。 - -

- -```JavaScript -function bubbleSort() { - var numElements = this.dataStore.length; //获取数组长度 - var temp;// 定义临时对象 - for (var outer = numElements; outer >= 2; --outer) {//对元素遍历，直到最后剩2个数字 - for (var inner = 0; inner <= outer - 1; ++inner ) {//从第零个开始，直到不满足 - if (this.dataStore[inner] > this.dataStore[inner + 1]) {//如果,前一个大于后一个， - swap(this.dataStore,inner,inner + 1);//进行交换 - } - } - } -}//通过比较把最大的放到最右面 -``` - -* 使用bubbleSort()对10个数字排序 - -```JavaScript -var numElements = 10; -var mynums = new CArray(numElements); -mynums.setData(); -console.log(mynums.toString()); -mynums.bubbleSort(); -console.log(mynums.toString); -``` - -## 08-03 -### JavaScript算法-选择排序 - -* 选择排序 -* 选择排序从数组的开头开始，将第一个元素和其他元素进行比较。检查完所有元素后，最小的元素会被放到数组的第一个位置，然后算法会从第二个位置继续。这个过程一直进行，当进行到数组的倒数第二个位置时，所有的数据便完成了排序。 -* 选择排序会用到嵌套循环。外循环从数组的第一个元素一定到倒数第二个元素；内循环从第二个数组元素移动到最后一个元素，查找比当前外循环 - -

- -```JavaScript -function selectionSort() { - var min,temp; - for (var outer = 0; outer <= this.dataStore.length-2; ++outer)//循环 - min = outer;//定义第一个为最小 - for (var inner = outer + 1; i < this.dataStore.length-1; ++inner) {//查找下一个中 - if (this.dataStore[inner]

- -```JavaScript -function insertionSort() { - var temp,inner; - for (var outer = 1; outer <= this.dataStore.length - 1 ; ++outer) { - temp = this.dataStore[outer]; - inner = outer; - while (inner>0 && (this.dataStore[inner-1] >= temp)) { - this.dataStore[inner] = this.dataStore[inner - 1]; - --inner; - } - this.dataStore[inner] = temp; - } -} -``` - -## 08-05 -### JavaScript算法-希尔排序 - -* 希尔排序 -* 这个算法在插入排序的基础上作出了很大的改善。希尔排序的核心理念与插入排序不同，它会首先比较距离较远的元素，而非相邻的元素。和简单的比较相邻元素相比，使用这种方案可以使离正确位置很远的元素更快回到适合的位置。当开始用这个算法遍历数据集时，所有元素之间的距离会不断减小，直到处理到数据集的末尾，这时算法比较的就是相邻元素了。 -* 主要是通过遍历数组中相隔相同位置的元素去比较大小进行排列 - -```JavaScript -function shellsort() { - for (var g = 0; i < this.gaps.length; ++g) { - for (var i = 0; i < this.dataStore.length; ++i) { - var temp = this.dataStore[i]; - for (var j = i; j >= this.gaps[g] && this.dataStore[j-this.gaps[g]] > temp; j -= this.gaps[g]) { - this.dataStore[j] = this.dataStore[j-this.gaps[g]]; - } - this.dataStore[j] = temp; - } - } -} -``` - -* CArray构造函数中添加 - -```JavaScript -this.gaps = [5,3,1]; -//并添加一个函数 -function setGap(arr) { - this.gaps = arr ; -} -``` - -## 08-06 -### JavaScript算法-归并排序 - -

- -* 归并排序 -* 归并排序是建立在归并操作上的一种有效的排序算法。该算法是分治法的一个非常典型的应用。归并排是一种稳定的排序方法。将已有序列的子序列合并 -* <1>.把长度为n的输入序列分成两个长度为n/2的子序列； -* <2>.对这两个子序列分别采用归并排序； -* <3>.将两个排序好的子序列合并成一个最终的排序序列。 - -```JavaScript -function mergeSort(arr) { //采用自上而下的递归方法 - var len = arr.length; - if(len < 2) { - return arr; - } - var middle = Math.floor(len / 2), - left = arr.slice(0, middle), - right = arr.slice(middle); - return merge(mergeSort(left), mergeSort(right)); -} - -function merge(left, right) -{ - var result = []; - console.time('归并排序耗时'); - while (left.length && right.length) { - if (left[0] <= right[0]) { - result.push(left.shift()); - } else { - result.push(right.shift()); - } - } - - while (left.length) - result.push(left.shift()); - - while (right.length) - result.push(right.shift()); - console.timeEnd('归并排序耗时'); - return result; -} -var arr=[3,44,38,5,47,15,36,26,27,2,46,4,19,50,48]; -console.log(mergeSort(arr)); -// 归并排序耗时: 0.009033203125ms -// 归并排序耗时: 0.0048828125ms -// 归并排序耗时: 0.004150390625ms -// 归并排序耗时: 0.002197265625ms -// 归并排序耗时: 0.0048828125ms -// 归并排序耗时: 0.0029296875ms -// 归并排序耗时: 0.0009765625ms -// 归并排序耗时: 0.000732421875ms -// 归并排序耗时: 0.003173828125ms -// 归并排序耗时: 0.003173828125ms -// 归并排序耗时: 0.001220703125ms -// 归并排序耗时: 0.002197265625ms -// 归并排序耗时: 0.0029296875ms -// 归并排序耗时: 0.002685546875ms -//[2, 3, 4, 5, 15, 19, 26, 27, 36, 38, 44, 46, 47, 48, 50] -``` - -## 08-07 -### JavaScript算法-快速排序 - -* 快速排序是处理大数据集最快的排序算法之一。它是一种分而治之的算法，通过递归的方式将数据依次分解为包含较小元素和较大元素的不同子序列。该算法不断重复这个步骤直到所有数据都是有序的。 -* 这个算法首先要在列表中选择一个元素作为基准值(pivot)。数据排序围绕基准值进行，将列表中小于基准值的元素移到数组的底部，将大于基准值的元素移到数组的顶部。 - -#### 快速排序的算法和伪代码 -* 算法： - * （1）选择一个基准元素，将列表分隔成两个子序列； - * （2）对列表重新排序，将所有小于基准值的元素放在基准值的前面，所有大于基准值的元素放在基准值的后面 - * （3）分别对较小元素的子序列和较大元素的子序列重复步骤1和2。 -* 代码如下 - -```JavaScript -function qSort(list) { - if (list.length == 0) { - return []; - } - var lesser = []; - var greater = []; - var pivot = list[0]; - for (var i = 1; i < list.length; i++) { - if (list[i] \ No newline at end of file diff --git a/Search-Base/image/bing.svg b/Search-Base/image/bing.svg deleted file mode 100644 index 85831e4..0000000 --- a/Search-Base/image/bing.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/Search-Base/index.html b/Search-Base/index.html deleted file mode 100644 index 48ab8e9..0000000 --- a/Search-Base/index.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - Search-base - - - -

- -

- - - \ No newline at end of file diff --git a/Search-Base/js/base.js b/Search-Base/js/base.js deleted file mode 100644 index 509e683..0000000 --- a/Search-Base/js/base.js +++ /dev/null @@ -1,4 +0,0 @@ -/** - * Created by Administrator on 2017/6/23. - */ - diff --git a/Search-intelligent/index.html b/Search-intelligent/index.html deleted file mode 100644 index 566549b..0000000 --- a/Search-intelligent/index.html +++ /dev/null @@ -1,10 +0,0 @@ - - - - - Title - - - - - \ No newline at end of file diff --git a/Search-taobao/index.html b/Search-taobao/index.html deleted file mode 100644 index 566549b..0000000 --- a/Search-taobao/index.html +++ /dev/null @@ -1,10 +0,0 @@ - - - - - Title - - - - - \ No newline at end of file diff --git a/assets/1234.svg b/assets/1234.svg new file mode 100644 index 0000000..2d07307 --- /dev/null +++ b/assets/1234.svg @@ -0,0 +1,194 @@ + diff --git a/assets/68747470733a2f2f7777772e77332e6f72672f54522f75696576656e74732f696d616765732f6576656e74666c6f772e737667.svg b/assets/68747470733a2f2f7777772e77332e6f72672f54522f75696576656e74732f696d616765732f6576656e74666c6f772e737667.svg new file mode 100644 index 0000000..2d07307 --- /dev/null +++ b/assets/68747470733a2f2f7777772e77332e6f72672f54522f75696576656e74732f696d616765732f6576656e74666c6f772e737667.svg @@ -0,0 +1,194 @@ + diff --git a/assets/JS.png b/assets/JS.png new file mode 100644 index 0000000..e1d908f Binary files /dev/null and b/assets/JS.png differ diff --git a/assets/JavaScript.png b/assets/JavaScript.png new file mode 100644 index 0000000..23e63e7 Binary files /dev/null and b/assets/JavaScript.png differ diff --git a/assets/array_todo.png b/assets/array_todo.png new file mode 100644 index 0000000..c5dcef6 Binary files /dev/null and b/assets/array_todo.png differ diff --git a/assets/chose.png b/assets/chose.png new file mode 100644 index 0000000..8946461 Binary files /dev/null and b/assets/chose.png differ diff --git a/assets/import.png b/assets/import.png new file mode 100644 index 0000000..3ff69de Binary files /dev/null and b/assets/import.png differ diff --git a/assets/import2.png b/assets/import2.png new file mode 100644 index 0000000..014274d Binary files /dev/null and b/assets/import2.png differ diff --git a/assets/onerror.png b/assets/onerror.png new file mode 100644 index 0000000..fd610c1 Binary files /dev/null and b/assets/onerror.png differ diff --git a/assets/performance.png b/assets/performance.png new file mode 100644 index 0000000..b35b006 Binary files /dev/null and b/assets/performance.png differ diff --git a/assets/sort.png b/assets/sort.png new file mode 100644 index 0000000..749e549 Binary files /dev/null and b/assets/sort.png differ diff --git a/assets/uploaderror.png b/assets/uploaderror.png new file mode 100644 index 0000000..d1840c4 Binary files /dev/null and b/assets/uploaderror.png differ diff --git "a/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-05 \344\270\213\345\215\21010.19.57.png" "b/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-05 \344\270\213\345\215\21010.19.57.png" new file mode 100644 index 0000000..e98e43b Binary files /dev/null and "b/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-05 \344\270\213\345\215\21010.19.57.png" differ diff --git "a/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-07 \344\270\213\345\215\2104.28.13.png" "b/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-07 \344\270\213\345\215\2104.28.13.png" new file mode 100644 index 0000000..477923d Binary files /dev/null and "b/assets/\345\261\217\345\271\225\345\277\253\347\205\247 2017-12-07 \344\270\213\345\215\2104.28.13.png" differ diff --git "a/assets/\346\241\214\351\235\242 \345\256\275\345\261\217.png" "b/assets/\346\241\214\351\235\242 \345\256\275\345\261\217.png" new file mode 100644 index 0000000..d818c07 Binary files /dev/null and "b/assets/\346\241\214\351\235\242 \345\256\275\345\261\217.png" differ diff --git a/index.md b/index.md new file mode 100644 index 0000000..900d26a --- /dev/null +++ b/index.md @@ -0,0 +1,16 @@ +# 前言 + +[![](.gitbook/assets/屏幕快照%202017-12-05%20下午10.19.57.png)](https://github.com/TYRMars) + +* 图片来自日本像素画家 + +[![](https://camo.githubusercontent.com/9c3e5bf04974b046e8816cf84a82eeaf12f3c6e1/68747470733a2f2f677373312e62647374617469632e636f6d2f39766f33645361675f7849346b68476b706f574b314846366868792f6261696b652f7725334432363825334267253344302f7369676e3d61653630626362663761636633626337653830306361656165393362646439632f626630393662363366363234366236306335356166326336653166383161346335313066613232382e6a7067)](https://camo.githubusercontent.com/9c3e5bf04974b046e8816cf84a82eeaf12f3c6e1/68747470733a2f2f677373312e62647374617469632e636f6d2f39766f33645361675f7849346b68476b706f574b314846366868792f6261696b652f7725334432363825334267253344302f7369676e3d61653630626362663761636633626337653830306361656165393362646439632f626630393662363366363234366236306335356166326336653166383161346335313066613232382e6a7067) + +强烈推荐此书《深入理解ES6》 + +红宝书大神【美】Nicholas C. Zakas（尼古拉斯·泽卡斯）最新力作 + +### 推荐[hyy1115／ES6-learning](https://github.com/hyy1115/ES6-learning)`实际应用请看前端大神对该书的读后感` + +## 知识重新整理，补充细节整理中 + diff --git a/ji-chu-zhi-shi/01/README.md b/ji-chu-zhi-shi/01/README.md new file mode 100644 index 0000000..2b025c6 --- /dev/null +++ b/ji-chu-zhi-shi/01/README.md @@ -0,0 +1,6 @@ +# 基础知识 + +![](../../.gitbook/assets/import2.png) + +![](../../.gitbook/assets/import.png) + diff --git a/ji-chu-zhi-shi/01/bian-liang-lei-xing-he-ji-suan.md b/ji-chu-zhi-shi/01/bian-liang-lei-xing-he-ji-suan.md new file mode 100644 index 0000000..3690324 --- /dev/null +++ b/ji-chu-zhi-shi/01/bian-liang-lei-xing-he-ji-suan.md @@ -0,0 +1,180 @@ +# 变量类型和计算 + +## 变量类型和计算（1） + +* JS中使用typeof能得到的哪些类型 +* 何时使用`===`何时使用`==` +* JS中有哪些内置函数 +* JS变量按照`存储方式`区分为哪些类型，并描述其特点 +* 如何理解`JSON` + +### 值类型 + +* 从内存来说值类型是把每一个值存储在变量类型的每一个位置 + +```javascript +var a = 100; +var b = a; +a = 200 +console.log(b);//100 +``` + +### 引用类型 + +* 把a赋值\*-成一个对象，a的位置是通过指针指向一个位置 +* 把b赋值成a，其实是定义一个b，b的指针指向了那个对象位置 +* 也就是有两份`age：20`的对象 +* 对象的引用，就相当于复写一个对象，这两个对象之间相互独立 +* 引用类型：对象、数组、函数 + +```javascript +var a ={age:20}; +var b = a; +b.age = 21; +console.log(a.age); //21 +``` + +* typeof运算符 + +```javascript +typeof undefined //undefined +typeof 'abc' // String +typeof 123 //number +typeof true //boolean +typeof {} //object +typeof [] //object +typeof null //object +typeof console.log //funciton +``` + +### 变量计算-强制类型转换 + +* 字符串拼接 + +```javascript +var a = 100 + 10;//110 +var b = 100 + '10';//10010 +``` + +* == 运算符 + +```javascript +100 == '100' //true +0 == '' //true +null == undefined //true +``` + +* if语句 + +```javascript +var a = true; +if(a){ + //.... +} +var b = 100; +if (b) { + //.... +} +var c = ''; +if (c) { + //... +} +``` + +* 逻辑运算 + +```javascript +console.log(10 && 0); //0 +console.log('' || 'abc'); //abc +console.log(!window.acb); //true + +//判断一个变量会被当做true还是false +var a = 100; +console.log(!!a);//true +``` + +## 变量类型和计算（2） + +### JS中使用typeof能得到的类型 + +```javascript +//问题：JS中使用typeof能得到哪些类型 +typeof undefined //undefined +typeof 'abc' // String +typeof 123 //number +typeof true //boolean +typeof {} //object +typeof [] //object +typeof null //object +typeof console.log //funciton +``` + +* 总结来说typeof可以得到 + + `undefined、String、number、boolean` + + 可以区分值类型，但对于引用类型无法很细的区分，只能区分函数。 + +* 尤其是 + + `typeof null object` + + 它是一个引用类型 + +### 何时使用===和== + +```javascript +//问题：何时使用===何时使用== + +if (obj.a == null) { + //这里相当于 obj.a === null || obj.a === undefined,简写形式 + //这是jquery源码中推荐的写法 +} +``` + +### JS中的内置函数 + +```javascript +//问题：JS中有哪些内置函数----数据封装类对象 +//作为构造函数的作用 +Object +Array +Boolean +Number +String +Function +Date +RegExp +Error +``` + +### JS按照存储方式区分变量类型 + +```javascript +//JS 变量按照存储方式区分为哪些类型，并描述其特点 + +//值类型 +var a = 10; +var b = a; +a = 11; +console.log(b); // 10 + +//引用类型 +var obj1 = {x:100} +var obj2 = obj1; +obj1.x = 200; +console.log(obj2.x); // 200 +``` + +* ES中，引用类型是一种数据结构，用于将数据和功能组织在一起 + +## 变量类型和计算（3）-理解JSON + +```javascript +//问题：如何理解JSON +//JSON只不过是一个JS对象 +//JSON也是一个数据格式 +JSON.stringify({a:10,b:20}); +JSON.parse('{"a":10."b":20}') +``` + diff --git a/ji-chu-zhi-shi/01/bian-liang-sheng-ming.md b/ji-chu-zhi-shi/01/bian-liang-sheng-ming.md new file mode 100644 index 0000000..1484510 --- /dev/null +++ b/ji-chu-zhi-shi/01/bian-liang-sheng-ming.md @@ -0,0 +1,7 @@ +# 变量声明 + +```javascript +let a = 1; +var b = 2; +``` + diff --git a/ji-chu-zhi-shi/01/lei-xing-zhuan-huan.md b/ji-chu-zhi-shi/01/lei-xing-zhuan-huan.md new file mode 100644 index 0000000..27d2cf9 --- /dev/null +++ b/ji-chu-zhi-shi/01/lei-xing-zhuan-huan.md @@ -0,0 +1,23 @@ +# 类型转换 + +* 数据类型 +* 显式类型转换 +* 隐式类型转换 + +## 数据类型 + +最新的ECMAScript标准定义了7种数据类型 + +基本数据类型 + +* Undefined +* Null +* Boolean +* Number +* String +* Symbol + +复杂数据类型 + +* Object + diff --git a/ji-chu-zhi-shi/01/shu-ju-lei-xing/README.md b/ji-chu-zhi-shi/01/shu-ju-lei-xing/README.md new file mode 100644 index 0000000..47d8190 --- /dev/null +++ b/ji-chu-zhi-shi/01/shu-ju-lei-xing/README.md @@ -0,0 +1,6 @@ +# 基本数据类型 + +JavaScript$ES6$中，现在有6种基本数据类型 + +Undefined、Null、Boolean、Number、String、Symbol + diff --git a/ji-chu-zhi-shi/01/shu-ju-lei-xing/boolean.md b/ji-chu-zhi-shi/01/shu-ju-lei-xing/boolean.md new file mode 100644 index 0000000..fe3aad8 --- /dev/null +++ b/ji-chu-zhi-shi/01/shu-ju-lei-xing/boolean.md @@ -0,0 +1,2 @@ +# Boolean + diff --git a/ji-chu-zhi-shi/01/shu-ju-lei-xing/null.md b/ji-chu-zhi-shi/01/shu-ju-lei-xing/null.md new file mode 100644 index 0000000..12fcbc0 --- /dev/null +++ b/ji-chu-zhi-shi/01/shu-ju-lei-xing/null.md @@ -0,0 +1,2 @@ +# Null + diff --git a/ji-chu-zhi-shi/01/shu-ju-lei-xing/number.md b/ji-chu-zhi-shi/01/shu-ju-lei-xing/number.md new file mode 100644 index 0000000..caff8b5 --- /dev/null +++ b/ji-chu-zhi-shi/01/shu-ju-lei-xing/number.md @@ -0,0 +1,2 @@ +# Number + diff --git a/ji-chu-zhi-shi/01/shu-ju-lei-xing/string.md b/ji-chu-zhi-shi/01/shu-ju-lei-xing/string.md new file mode 100644 index 0000000..7e21f87 --- /dev/null +++ b/ji-chu-zhi-shi/01/shu-ju-lei-xing/string.md @@ -0,0 +1,2 @@ +# String + diff --git a/ji-chu-zhi-shi/01/shu-ju-lei-xing/symbol.md b/ji-chu-zhi-shi/01/shu-ju-lei-xing/symbol.md new file mode 100644 index 0000000..a9d7677 --- /dev/null +++ b/ji-chu-zhi-shi/01/shu-ju-lei-xing/symbol.md @@ -0,0 +1,2 @@ +# Symbol + diff --git a/ji-chu-zhi-shi/01/shu-ju-lei-xing/undefined.md b/ji-chu-zhi-shi/01/shu-ju-lei-xing/undefined.md new file mode 100644 index 0000000..44c3acc --- /dev/null +++ b/ji-chu-zhi-shi/01/shu-ju-lei-xing/undefined.md @@ -0,0 +1,2 @@ +# Undefined + diff --git a/ji-chu-zhi-shi/01/zuo-yong-yu.md b/ji-chu-zhi-shi/01/zuo-yong-yu.md new file mode 100644 index 0000000..6fee475 --- /dev/null +++ b/ji-chu-zhi-shi/01/zuo-yong-yu.md @@ -0,0 +1,243 @@ +# 作用域 + +## 作用域 + +**执行上下文** + +```javascript +console.log(a); // undefined +var a = 100; + +fn('zhangsan') // 'zhangsan' 20 +function fn(name) { + age = 20; + console.log(name, age); + var age; +} +``` + +* 范围：一段<script>或者一个函数 +* 全局：变量定义、函数声明 +* 函数：变量定义、函数声明、this、arguments +* 注意⚠️“函数声明”和“函数表达式”的区别 + +```javascript +fn() +function fn() { + //声明 +} + +fn1() +var fn1 = function () { + //表示 +} +var a = 100; //类似于这个 + +//全局声明 + +console.log(a); +var a = 100; + +fn('zhangsan') +function fn(name) { + console.log(this); + age = 20; + console.log(name,age); + var age; + + bar(100); + + function bar(num) { + console.log(num); + } +} +``` + +**作用域** + +* 没有块级作用域 +* 只有函数和全局作用域 + +```javascript +//无块级作用域 +if(true){ + var name = 'zhangsan'; +} +console.log(name); + +//函数和全局作用域 +var a = 100; +function fn() { + var a = 200; + console.log('fn',a); +} +console.log('global',a); +fn(); +``` + +**如何理解作用域** + +* 自由变量 +* 作用域链，即自由变量的查找 +* 闭包的两个场景 + +```javascript +var x=10; +function foo() { + alert(x); +} +function bar() { + var x=20; + foo(); +} +bar(); +``` + +* 生命周期 +* 作用范围 + +### 变量作用域 + +* 静态作用域 +* 动态作用域 + +#### 静态作用域 + +* 被称为词法作用域 +* 由程序定义位置决定 + +```javascript +var x=10; +function foo() { + alert(x); +} +function bar() { + var x=20; + foo(); +} +bar(); +``` + +| | 全局作用域 | +| :--- | :--- | +| x | 10 | +| foo | | +| bar | | + +| | foo作用域 | +| :--- | :--- | +| - | - | + +| | bar作用域 | +| :--- | :--- | +| x | 20 | + +#### 动态作用域 + +* 程序运行时刻 +* 栈操作 + +| x:20 | +| :--- | +| bar: | +| foo: | + +## JS变量作用域 + +* JS使用**静态作用域** +* JS没有**块级作用域$全局作用域、函数作用域$$ES5$** +* ES5中使用词法环境管理静态作用域 + +```javascript +var x = 10; +function foo() { + var z = 30; + function bar(q) { + return x + y + q; + } + return bar; +} +var bar = foo(20); +bar(40); +``` + +* 环境记录 + * 形式参数 + * 函数声明 + * 变量 +* 对外部词法环境的引用（outer） +* 初始化 + +[![](https://github.com/TYRMars/JSLearn/raw/master/02/img/chushihua01.png)](https://github.com/TYRMars/JSLearn/blob/master/02/img/chushihua01.png) + +* 执行 + +[![](https://github.com/TYRMars/JSLearn/raw/master/02/img/environment_02.png)](https://github.com/TYRMars/JSLearn/blob/master/02/img/environment_02.png) + +### 作用域链 + +```javascript +var a = 100; +function fn() { + var b = 200; + + //作用域没有定义变量，即“自由变量” + console.log(a); + console.log(b); +} +fn(); + +var a = 100; +function F1() { + var b = 200; + function F2() { + var c = 300; + console.log(a);//a是自由变量。形成一个链式结构，向父级去查找 + console.log(b);//b是自由变量 + console.log(c);// + } +} +``` + +**对变量提升的理解** + +* 变量定义 +* 函数声明（注意和函数表达式的区别） + +**创建10个<a>标签点击的时候弹出来对应的序号** + +* 错误写法 + +```javascript +//这是一个错误的写法！！！ +var i,a; +for (var i = 0; i < 10; i++) { + a = document.createElement('a'); + a.innerHTML = i + '
'; + a.addEventListener('click',function (e) { + e.preventDefault(); + alert(i) + }) + document.body.appendChild(a); +} +//输出为如下： "9"
+``` + +* 正确写法 + +```javascript +//这是一个正确写法！！！ +var i; +for (i = 0; i < 10; i++) { + (function(i){ + var a = document.createElement('a'); + a.innerHTML = i + '
'; + a.addEventListener('click',function (e) { + e.preventDefault(); + alert(i); + }) + document.body.appendChild(a); + })(i) +} +``` + diff --git a/ji-chu-zhi-shi/02/README.md b/ji-chu-zhi-shi/02/README.md new file mode 100644 index 0000000..ac1f7f2 --- /dev/null +++ b/ji-chu-zhi-shi/02/README.md @@ -0,0 +1,4 @@ +# 引用类型 + +引用类型的值（对象）是引用类型的实例。在ES种，引用类型是一种数据结构，将数据和功能组织在一起。 + diff --git a/ji-chu-zhi-shi/02/arraylei-xing/README.md b/ji-chu-zhi-shi/02/arraylei-xing/README.md new file mode 100644 index 0000000..f7a5cfd --- /dev/null +++ b/ji-chu-zhi-shi/02/arraylei-xing/README.md @@ -0,0 +1,16 @@ +# Array类型 + +声明方式有两种 + +一种使用Array的构造函数 + +```javascript +var list = new Array(); +``` + +一种使用语法糖形式 + +```javascript +var list = []; +``` + diff --git a/ji-chu-zhi-shi/02/arraylei-xing/cao-zuo-fang-fa.md b/ji-chu-zhi-shi/02/arraylei-xing/cao-zuo-fang-fa.md new file mode 100644 index 0000000..c17cb62 --- /dev/null +++ b/ji-chu-zhi-shi/02/arraylei-xing/cao-zuo-fang-fa.md @@ -0,0 +1,8 @@ +# 操作方法 + +* 删除：可以删除任意数量的项，只需指定两个参数：删除的第一项的位置和要删除的项数。 +* 插入：可以向指定位置插入任意数量的项，只需提供3个参数：起始位置、0（要删除的项数）和要插入的项。 +* 替换：可以向指定位置插入任意数量的项，同时删除任意数量的项，只需指定3个参数：起始位置、要删除的项数和要插入的任意数量的项。 + +splice + diff --git a/ji-chu-zhi-shi/02/arraylei-xing/die-dai-fang-fa.md b/ji-chu-zhi-shi/02/arraylei-xing/die-dai-fang-fa.md new file mode 100644 index 0000000..6b223c6 --- /dev/null +++ b/ji-chu-zhi-shi/02/arraylei-xing/die-dai-fang-fa.md @@ -0,0 +1,2 @@ +# 迭代方法 + diff --git a/ji-chu-zhi-shi/02/arraylei-xing/dui-lie-fang-fa.md b/ji-chu-zhi-shi/02/arraylei-xing/dui-lie-fang-fa.md new file mode 100644 index 0000000..10bfd12 --- /dev/null +++ b/ji-chu-zhi-shi/02/arraylei-xing/dui-lie-fang-fa.md @@ -0,0 +1,14 @@ +# 队列方法 + +队列采用的先进先出的策略 + +从队尾推入元素采用`pop()`，从队列首部推出采用`shift()`。 + +```javascript +{ + let arrays = [1,2,3,4,5]; + arrays.push(5,6); + arrays.shift(); +} +``` + diff --git a/ji-chu-zhi-shi/02/arraylei-xing/gui-bing-fang-fa.md b/ji-chu-zhi-shi/02/arraylei-xing/gui-bing-fang-fa.md new file mode 100644 index 0000000..5286867 --- /dev/null +++ b/ji-chu-zhi-shi/02/arraylei-xing/gui-bing-fang-fa.md @@ -0,0 +1,2 @@ +# 归并方法 + diff --git a/ji-chu-zhi-shi/02/arraylei-xing/jian-ce-shu-zu.md b/ji-chu-zhi-shi/02/arraylei-xing/jian-ce-shu-zu.md new file mode 100644 index 0000000..8b64771 --- /dev/null +++ b/ji-chu-zhi-shi/02/arraylei-xing/jian-ce-shu-zu.md @@ -0,0 +1,18 @@ +# 检测数组 + +第一种`instanceof Array` 来检测数组 + +```javascript +if(value instanceof Array){ + //数组操作 +} +``` + +第二种使用`Array.isArray()`来检测数组 + +```text +if(Array.isArray(value)){ + //数组操作 +} +``` + diff --git a/ji-chu-zhi-shi/02/arraylei-xing/wei-zhi-fang-fa.md b/ji-chu-zhi-shi/02/arraylei-xing/wei-zhi-fang-fa.md new file mode 100644 index 0000000..f04f8c5 --- /dev/null +++ b/ji-chu-zhi-shi/02/arraylei-xing/wei-zhi-fang-fa.md @@ -0,0 +1,4 @@ +# 位置方法 + +* indexOf + diff --git a/ji-chu-zhi-shi/02/arraylei-xing/zhan-fang-fa.md b/ji-chu-zhi-shi/02/arraylei-xing/zhan-fang-fa.md new file mode 100644 index 0000000..92562bb --- /dev/null +++ b/ji-chu-zhi-shi/02/arraylei-xing/zhan-fang-fa.md @@ -0,0 +1,20 @@ +# 栈方法 + +通过使用Array.push方法，实现栈的推入操作 + +```javascript +{ + let array = [1,2,3,4]; + array.push(5); +} +``` + +通过使用Array.pop方法，实现栈的推出操作 + +```javascript +{ + let array = [1,2,3,4]; + array.pop(); +} +``` + diff --git a/ji-chu-zhi-shi/02/arraylei-xing/zhong-pai-xu-fang-fa.md b/ji-chu-zhi-shi/02/arraylei-xing/zhong-pai-xu-fang-fa.md new file mode 100644 index 0000000..9cb0c79 --- /dev/null +++ b/ji-chu-zhi-shi/02/arraylei-xing/zhong-pai-xu-fang-fa.md @@ -0,0 +1,29 @@ +# 重排序方法 + +重排序方法：`reverse()`和`sort()`。 + +## reverse + +对数组进行反转操作 + +```javascript +{ + let array = [1,2,3,4]; + array.reverse()//array = [4,3,2,1] +} +``` + +## sort + +对数组进行排序 + +```javascript +{ + let array = [1,2,5,10]; + array.sort() + console.log(array) +} +``` + +![](../../../.gitbook/assets/sort.png) + diff --git a/ji-chu-zhi-shi/02/arraylei-xing/zhuan-huan-fang-fa.md b/ji-chu-zhi-shi/02/arraylei-xing/zhuan-huan-fang-fa.md new file mode 100644 index 0000000..db56e7c --- /dev/null +++ b/ji-chu-zhi-shi/02/arraylei-xing/zhuan-huan-fang-fa.md @@ -0,0 +1,15 @@ +# 转换方法 + +```javascript +{ + let color = ['red','blue','green']; + console.info(color.toString()); + console.log(color.valueOf()); + console.log(color); +} +``` + +通过试验可以看到 + +![](../../../.gitbook/assets/array_todo.png) + diff --git a/ji-chu-zhi-shi/02/datelei-xing.md b/ji-chu-zhi-shi/02/datelei-xing.md new file mode 100644 index 0000000..7e4a6b1 --- /dev/null +++ b/ji-chu-zhi-shi/02/datelei-xing.md @@ -0,0 +1,2 @@ +# Date类型 + diff --git a/ji-chu-zhi-shi/02/functionlei-xing.md b/ji-chu-zhi-shi/02/functionlei-xing.md new file mode 100644 index 0000000..4fbcc97 --- /dev/null +++ b/ji-chu-zhi-shi/02/functionlei-xing.md @@ -0,0 +1,2 @@ +# Function类型 + diff --git a/ji-chu-zhi-shi/02/maplei-578b28-es6.md b/ji-chu-zhi-shi/02/maplei-578b28-es6.md new file mode 100644 index 0000000..722f691 --- /dev/null +++ b/ji-chu-zhi-shi/02/maplei-578b28-es6.md @@ -0,0 +1,2 @@ +# Map类型$ES6$ + diff --git a/ji-chu-zhi-shi/02/objectlei-xing.md b/ji-chu-zhi-shi/02/objectlei-xing.md new file mode 100644 index 0000000..c549006 --- /dev/null +++ b/ji-chu-zhi-shi/02/objectlei-xing.md @@ -0,0 +1,19 @@ +# Object类型 + +Object创建实例的方式有两种 + +第一种 + +```javascript +var person = new Object(); +person.name = "TYRMars"; +``` + +第二种 + +```javascript +var person = { + name:"TYRMars" +} +``` + diff --git a/ji-chu-zhi-shi/02/rexexplei-xing.md b/ji-chu-zhi-shi/02/rexexplei-xing.md new file mode 100644 index 0000000..5a2c229 --- /dev/null +++ b/ji-chu-zhi-shi/02/rexexplei-xing.md @@ -0,0 +1,2 @@ +# RexExp类型 + diff --git a/ji-chu-zhi-shi/02/setlei-578b28-es6.md b/ji-chu-zhi-shi/02/setlei-578b28-es6.md new file mode 100644 index 0000000..80cbc10 --- /dev/null +++ b/ji-chu-zhi-shi/02/setlei-578b28-es6.md @@ -0,0 +1,2 @@ +# Set类型$ES6$ + diff --git a/ji-chu-zhi-shi/03/README.md b/ji-chu-zhi-shi/03/README.md new file mode 100644 index 0000000..ee4b293 --- /dev/null +++ b/ji-chu-zhi-shi/03/README.md @@ -0,0 +1,94 @@ +# 面向对象程序设计 + +## 理解对象 + +* ECMAScript对于对象的定义：无序属性的集合，其属性可以包含基本值、对象或者函数 +* JavaScript每个对象都是基于一个引用类型创建的。 +* 引用类型可以是原生类型也可以是自己定义的类型。 + +## 原型规则和示例 + +* 5条原型规则 +* 原型规则是学习原型链的基础 + +#### 第1条 + +* 所有的引用类型$数组、对象、函数$，都具有对象特质、即可自由扩展属性$除了“NULL”以外$ + +```javascript +var obj = {}; obj.a = 100; +var arr = []; arr.a = 100; +function fn(){ + fn.a=100; +} +``` + +#### 第2条 + +* 所有的引用类型$数组、对象、函数$，都有一个`__proto__`$隐式原型$属性，属性值是一个普通的对象 + +```javascript +console.log(obj.__proto__); +console.log(arr.__proto__); +console.log(fn.__proto__); +``` + +#### 第3条 + +* `prototype`解释为JavaScript开发函式库及框架 +* 所有的函数，都有一个`prototype`（显示原型）属性，属性值也是一个普通对象。 + +```javascript +console.log(fn.prototype); +``` + +#### 第4条 + +* 所有引用类型（数组、对象、函数），`__proto__`属性值指向它的构造函数的`prototype`属性值 + +```javascript +console.log(obj.__proto__ === Object.prototype); +``` + +#### 第5条 + +* 当试图得到一个对象的某个属性时，如果这个对象本身没有这个属性，那么会去它的`__proto__`$即它的构造函数`prototype`$中寻找 + +```javascript +//构造函数 +function Foo(name,age){ + this.name = name; +} +Foo.prototype.alertName = function () { + alert(this.name); +} +//创建示例 +var f = new Foo('zhangsan') +f.printName = function () { + console.log(this.name); +} +//测试 +f.printName(); +f.alertName(); +``` + +#### 循环对象自身属性 + +```javascript +var item; +for (item in f) { + //高级浏览器已经在for in 中屏蔽了来自原型的属性 + //但是这里建议大家还是加上这个判断，保证程序的健壮性 + if(f.hasOwnProperty(item)) { + console.log(item); + } +} +``` + +### instanceof + +* 用于判断`引用类型`属于哪个`构造函数`的方法 +* `f instanceof Foo` 的判断逻辑是： +* `f`的`__proto__`一层一层往上走，是否能对应到`Foo.prototype` +* 再试着判断f instanceof Object + diff --git a/ji-chu-zhi-shi/03/gou-zao-han-shu.md b/ji-chu-zhi-shi/03/gou-zao-han-shu.md new file mode 100644 index 0000000..c7e28c4 --- /dev/null +++ b/ji-chu-zhi-shi/03/gou-zao-han-shu.md @@ -0,0 +1,56 @@ +# 构造函数 + +* 如何准确判断一个变量数组类型 +* 写一个原型链继承的例子 +* 描述new一个对象的过程 +* zepto$或其他框架$源码中如何使用原型链 + +## 知识点 + +* 构造函数 +* 构造函数-扩展 +* 原型规则和示例 +* 原型链 +* instanceof + +## 构造函数 + +* 自己的想法 + +`普通的函数就像是按步骤执行的动作，而构造函数更像是可更改零件的木偶，普通函数可以直接调用，但是构造函数需要new。因为构造函数也是函数，所以可以直接被调用，但是它的返回值为undefined，此时构造函数里面的this对象等于全局this对象` + +* 扩展 + +`实例和对象的区别，从定义上来讲：1、实例是类的具象化产品，2、而对象是一个具有多种属性的内容结构。` + +```javascript +function Foo(name,age){ + this.name = name; + this.age = age; + this.class = 'class-1'; + // return this //默认有这一行 +} +var f = new Foo('zhangsan',20); //实例化对象 +// var f1 = new Foo('lisi',22) //创建多个对象 +``` + +## 构造函数-扩展 + +`var a = {}`其实是`var a = new Object()`的语法糖 + +`var a = []`其实是`var a = new Array()`的语法糖 + +`function Foo(){...}`其实是`var Foo = new Function(...)` + +使用`instanceof`判断一个函数是否是一个变量的构造函数 + +如果想判断一个变量是否为“数组”：变量`instanceof Array` + +## 如何准确判断一个变量是数组类型 + +```javascript +var arr = []; +arr instanceof Array; //true +typeof arr //object typeof是无法判断是否是数组 +``` + diff --git a/ji-chu-zhi-shi/03/ji-cheng.md b/ji-chu-zhi-shi/03/ji-cheng.md new file mode 100644 index 0000000..427fb98 --- /dev/null +++ b/ji-chu-zhi-shi/03/ji-cheng.md @@ -0,0 +1,262 @@ +# 继承 + +* 类与实例 + * 类的声明 + * 生成实例 +* 类与继承 + * 如何实现继承 + * 继承的几种方式 + +## 类的声明 + +* 类声明构造函数 + +```javascript +function Animal1() { + this.name = 'animal'; +} +``` + +* ES6中class的声明 + +```javascript +class Animal2 { + constructor() { + this.name = 'animal'; + } +} +``` + +### 1.构造函数方式进行继承 + +```javascript +function Parent1() { + this.name = 'parent1'; +} +function Child1() { + Parent1.call(this); + this.type = 'child1'; +} +console.log(new Child1()); +``` + +* 但是如果要继承原型对象上的方法是没办法继承的 + +```javascript +// 借助构造函数 +function Parent1() { + this.name = 'parent1'; +} +// +Parent1.prototype.say = function () { + console.log('say'); +} +//但是如果要继承原型对象上的方法是没办法继承的 +function Child1() { + Parent1.call(this); + this.type = 'Child1'; +} +console.log(new Child1()); +``` + +### 2.借助原型链实现继承 + +```javascript +function Parent2() { + this.name = 'parent2'; +} +function Child2() { + this.type = 'child2'; +} +Child2.prototype = new Parent2();//让child2的原型赋值为Parent2的实例 +console.log(new Child2()); +``` + +* s1与s2之间不相互隔离 +* 原型链中共用 + +```javascript +function Parent2() { + this.name = 'parent2'; + this.num = [1,2,3]; +} +function Child2() { + this.type = 'child2'; +} +Child2.prototype = new Parent2();//让child2的原型赋值为Parent2的实例 +var s1 = new Child2(); +var s2 = new Child2(); +console.log(s1.play,s2.play); +``` + +### 3.组合方式 + +```javascript +function Parent3() { + this.name = 'Parent3'; + this.play = [1,2,3]; +} +function Child3() { + Parent3.call(this); + this.type = 'child3'; +} +Child3.prototype = new Parent3();//Child3的原型对象指向Parent3的实例 +console.log(new child3); +``` + +* 父类构造函数执行了多次，没有必要的重复执行 + +### 4.组合方式改进1 + +```javascript +function Parent4() { + this.name = 'parent4'; +} +function Child4() { + Parent4.call(this); + this.type = 'child4'; +} +Child4.prototype = Parent4.prototype; +var s5 = new Child4(); +var s6 = new Child4(); +console.log(s5,s6); +``` + +* `instanceof`和`constructor` + +```text +console.log(s5 instanceof Child4,s5 instanceof Parent4); +``` + +* 如何区分是子类实例化的还是父类实例化的 + +### 5.组合方式改进2 + +* 主要是在继承的时候让子类的原型对象 = + + `Object.Create(父类构造函数的原型对象)` + +* 再通过改变子类的原型对象的constructor，因为此时的constructor的指向是父类原型对象的构造函数 + +```javascript +function Parent5() { + this.name = 'Parent5'; + this.play = [1,2,3]; +} +function Child5() { + Parent5.call(this); + this.type = 'Child5' +} +Child5.prototype = Object.create(Parent5.prototype); +//通过Object.create()创建一个新的对象，传入的原型对象是Parent.prototype +console.log('组合继承改进2',new Child5); +//改变constructor的指向 +function Parent6() { + this.name = 'Parent6'; + this.play = [1,2,3]; +} +function Child6() { + Parent6.call(this); + this.type = 'Child6' +} +Child6.prototype = Object.create(Parent6.prototype); +Child6.prototype.constructor = Child6; +console.log('组合继承改进2-constructor',new Child6); +``` + +### 6.原型式继承 + +```javascript +//原型式继承 +function object_oop(o) { + function F() { + } + F.prototype = o; + return new F(); +} +var person = { + name:"zhangjianan", + friends:["yueyue","red"] +}; +var OnePerson = object_oop(person); +console.log('原型式继承',OnePerson); +OnePerson.name = "Goge"; +console.log('原型式继承',OnePerson); +var TwoPerson = object_oop(person); +TwoPerson.friends.push("red"); +console.log('原型式继承',OnePerson,TwoPerson); +//ES5原型式继承 +var ThreePerson = Object.create(person,{ + name: { + value:"XIXI" + } +}) +console.log(ThreePerson); +var FourPerson = Object.create(ThreePerson,{ + name:{ + value:[1,2,3,4] + } +}) +console.log('原型式继承',FourPerson); +``` + +* **ES5中主要使用Object.create去创建对象** + +### 贴近实际开发原型链继承的例子 + +```javascript +function Elem(id) { + this.elem = document.getElementById(id); +} + +Elem.prototype.html = function (val) { + var elem = this.elem; + if (val) { + elem.innerHTML = val; + return this; // 链式操作 + }else { + return elem.innerHTML; + } +} + +Elem.prototype.on = function (type, fn) { + var elem = this.elem ; + elem.addEventListener(type, fn) ; +} + +var div1 = new Elem('div1'); +//console.log(div1.html()); +div1.html('

tyrmars

+') +div1.on('click',function () { + alert('click') +}) +``` + +### 写一个原型链继承的例子 + +```javascript +//动物 +function Animal(){ + this.eat = function () { + console.log('animal eat'); + } +} +//狗🐶 +function Dog(){ + this.bark = function () { + console.log('dog bark'); + } +} +Dog.prototype = new Animal(); +//哈士奇 +var hashiqi = new Dog(); +//如果要真正写，就要写更贴近实战的原型链 +``` + +* 推荐阮一峰老师👨‍🏫的两篇文章： + +[Javascript 面向对象编程（一）：封装](http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html) + +[Javascript继承机制的设计思想](http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html) + diff --git a/ji-chu-zhi-shi/03/new.md b/ji-chu-zhi-shi/03/new.md new file mode 100644 index 0000000..6fb3ae3 --- /dev/null +++ b/ji-chu-zhi-shi/03/new.md @@ -0,0 +1,60 @@ +# New + +创建一个新对象 + +* this指向这个新对象 +* 执行代码，即对this赋值 +* 返回this 🔙 +* new运算符使用 + +```javascript +function Foo(name,age){ + this.name = name ; + this.age = age ; + //return this //默认有这一行 +} +var f = new Foo('zhangsan',20); +//var f1 = new Foo('list',22) //创建多个对象 +``` + +* 自制new运算符 + +```javascript +var new2 = function (func) { + var o = Object.create(func.prototype); + var k = func.call(o); + if (typeof k === 'object') { + return k + }else{ + return o + } +} + +// 加强版 +function objectFactory() { + let newObject = null; + let constructor = Array.prototype.shift.call(arguments); + let result = null; + // 判断参数是否是一个函数 + if (typeof constructor !== "function") { + console.error("type error"); + return; + } + // 新建一个空对象，对象的原型为构造函数的 prototype 对象 + newObject = Object.create(constructor.prototype); + // 将 this 指向新建对象，并执行函数 + result = constructor.apply(newObject, arguments); + // 判断返回对象 + let flag = result && (typeof result === "object" || typeof result === "function"); + // 判断返回结果 + return flag ? result : newObject; +} + +function new_todo() { + this.name = 'zhang'; +} + +var o6 =new2(new_todo); +console.log(o6) +``` + diff --git a/ji-chu-zhi-shi/03/object.create.md b/ji-chu-zhi-shi/03/object.create.md new file mode 100644 index 0000000..3b82713 --- /dev/null +++ b/ji-chu-zhi-shi/03/object.create.md @@ -0,0 +1,12 @@ +# Object.create + +将传入的对象作为原型 + +```javascript +function create(obj) { + function F() {} + F.prototype = obj + return new F() +} +``` + diff --git a/ji-chu-zhi-shi/03/yuan-xing-lian.md b/ji-chu-zhi-shi/03/yuan-xing-lian.md new file mode 100644 index 0000000..a9fb0c6 --- /dev/null +++ b/ji-chu-zhi-shi/03/yuan-xing-lian.md @@ -0,0 +1,25 @@ +# 原型链 + +```javascript +//构造函数 +function Foo(name,age){ + this.name = name; +} +Foo.prototype.alertName = function (){ + alert(this.name); +} +//创建示例 +var f = new Foo('zhangsan'); +f.printName = function () { + console.log(this.name); +} +//测试 +f.printName(); +f.alertName(); +f.toString(); // 要去f.__proto__.__proto__中查找 +``` + +## 原型链视图 + +![](../../.gitbook/assets/727989-20161118220935607-577282845.jpg) + diff --git a/ji-chu-zhi-shi/04/README.md b/ji-chu-zhi-shi/04/README.md new file mode 100644 index 0000000..95517e1 --- /dev/null +++ b/ji-chu-zhi-shi/04/README.md @@ -0,0 +1,2 @@ +# 函数表达式与函数式编程 + diff --git a/ji-chu-zhi-shi/04/bi-bao.md b/ji-chu-zhi-shi/04/bi-bao.md new file mode 100644 index 0000000..77a5c36 --- /dev/null +++ b/ji-chu-zhi-shi/04/bi-bao.md @@ -0,0 +1,60 @@ +# 闭包 + +闭包主要就是提升函数中变量的作用域，首先要理解[作用域](../01/zuo-yong-yu.md) + +* 函数作为返回值 + +```javascript +function F1() { + var a = 100; + //返回一个函数（函数作为返回值） + return function () { + console.log(a);//自由变量，父作用域中查找 + } +} +//f1得到一个函数 +var f1 = F1(); +var a = 200; +f1(); +``` + +* 函数作为参数传递 + +```javascript +function F1() { + var a = 100; + return function () { + console.log(a); //自由变量，父作用域中查找 + } +} +var f1 = F1(); +function F2(fn) { + var a = 200; + fn(); +} +F2(f1); +``` + +* 实际开发中闭包的应用，主要作用于封装变量，收敛权限 + +```javascript +//闭包实际应用中主要作用于封装变量，收敛权限 +function isFirstLoad() { + var _list = []; + return function (id) { + if(_list.indexOf(id) >= 0){ + return false; + }else { + _list.push(id); + return true; + } + } +} + +// 应用 +var firstLoad = isFirstLoad() +firstLoad(10) // true +firstLoad(10) // false; +firstLoad(20) // true +``` + diff --git a/ji-chu-zhi-shi/04/chun-du-3001-bu-bian-xing-he-geng-gai-zheng-ce.md b/ji-chu-zhi-shi/04/chun-du-3001-bu-bian-xing-he-geng-gai-zheng-ce.md new file mode 100644 index 0000000..a56e694 --- /dev/null +++ b/ji-chu-zhi-shi/04/chun-du-3001-bu-bian-xing-he-geng-gai-zheng-ce.md @@ -0,0 +1,2 @@ +# 纯度、不变性和更改政策 + diff --git a/ji-chu-zhi-shi/04/di-gui.md b/ji-chu-zhi-shi/04/di-gui.md new file mode 100644 index 0000000..d896a2c --- /dev/null +++ b/ji-chu-zhi-shi/04/di-gui.md @@ -0,0 +1,2 @@ +# 递归 + diff --git a/ji-chu-zhi-shi/04/gao-jie-han-shu.md b/ji-chu-zhi-shi/04/gao-jie-han-shu.md new file mode 100644 index 0000000..553bf73 --- /dev/null +++ b/ji-chu-zhi-shi/04/gao-jie-han-shu.md @@ -0,0 +1,2 @@ +# 高阶函数 + diff --git a/ji-chu-zhi-shi/04/han-shu-ji-ben-ying-yong.md b/ji-chu-zhi-shi/04/han-shu-ji-ben-ying-yong.md new file mode 100644 index 0000000..a764773 --- /dev/null +++ b/ji-chu-zhi-shi/04/han-shu-ji-ben-ying-yong.md @@ -0,0 +1,200 @@ +# 函数基本应用 + +* 函数声明与函数表达式、对象实例化的区别 + +```javascript + add1(1,1); + add2(1,2); + add3(1,3); + function add1(i, j){ + console.log(i+j); + } + var add2 = function(i, j){ + console.log(i+j); + } + var add3 = new Function("i", "j", "console.log(i+j);"); +``` + +* 对象实例化与函数声明与函数表达式的区别 + +```javascript + (function(){ + var i = 10; + function add(j) { + console.log(i+j); + debugger; + } + add(1); + })(); + + (function(){ + var i = 10; + var add = new Function("j", "console.log(i+j);debugger;"); + add(1); + })(); +``` + +* bind的使用 + +```javascript + function Point(x, y){ + this.x = x; + this.y = y; + } + Point.prototype.move = function(x, y) { + this.x += x; + this.y += y; + } + var p = new Point(0,0); + var circle = {x:1, y:1, r:1}; + var circleMove = p.move.bind(circle, 2, 1); + circleMove(); +``` + +* 构造函数 + +```javascript + function Car(type,color){ + this.type = type; + this.color = color; + this.status = "stop"; + this.light = "off"; + } + Car.prototype.start = function(){ + this.status = "driving"; + this.light = "on"; + console.log(this.type + " is " + this.status); + } + Car.prototype.stop = function(){ + this.status = "stop"; + this.light = "off"; + console.log(this.type + " is " + this.status); + } + var audi = new Car("audi", "silver"); + var benz = new Car("benz", "black"); + var ferrari = new Car("ferrari", "yellow"); +``` + +* 函数调用模式 + +```javascript + function add(i, j){ + return i+j; + } + var myNumber = { + value: 1, + double: function(){ + var helper = function(){ + this.value = add(this.value,this.value); + } + helper(); + } + } +``` + +* arguments转数组 + +```javascript + function add(i, j) { + var args = Array.prototype.slice.apply(arguments); + args.forEach(function(item){ + console.log(item); + }) + } + add(1,2,3); +``` + +* arguments.callee使用 + +```javascript + console.log( + (function(i){ + if (i==0) { + return 1; + } + return i * arguments.callee(i-1); + })(5) + ); +``` + +* 递归 + +```javascript + function factorial(i){ + if (i==0) { + return 1; + } + return i*factorial(i-1); + } +``` + +* 普通递归函数跟记忆函数调用次数对比 + +```javascript + var factorial = (function(){ + var count = 0; + var fac = function(i){ + count++; + if (i==0) { + console.log('调用次数：' + count); + return 1; + } + return i*factorial(i-1); + } + return fac; + })(); + for(var i=0;i<=10;i++){ + console.log(factorial(i)); + } + +//记忆函数 + var factorial = (function(){ + var memo = [1]; + var count = 0; + var fac = function(i){ + count++; + var result = memo[i]; + if(typeof result === 'number'){ + console.log('调用次数：' + count); + return result; + } + result = i*fac(i-1); + memo[i] = result; + return result; + } + return fac; + })(); + for(var i=0;i<=10;i++){ + console.log(factorial(i)); + } +``` + +* curry 函数柯里化 + * 把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术 + +```javascript + function add(value){ + var helper = function(next){ + value = typeof(value)==="undefined"?next:value+next; + return helper; + } + helper.valueOf = function(){ + return value; + } + return helper + } +``` + +* 定时器 + +```javascript +function set_loop() { + var i =1; + setTimeout(function () { + i = i + 1; + console.log(i); + set_loop() + },5000); +} +``` + diff --git a/ji-chu-zhi-shi/04/ji-yu-liu-de-bian-cheng.md b/ji-chu-zhi-shi/04/ji-yu-liu-de-bian-cheng.md new file mode 100644 index 0000000..100f400 --- /dev/null +++ b/ji-chu-zhi-shi/04/ji-yu-liu-de-bian-cheng.md @@ -0,0 +1,2 @@ +# 基于流的编程 + diff --git a/ji-chu-zhi-shi/04/jian-tou-han-shu.md b/ji-chu-zhi-shi/04/jian-tou-han-shu.md new file mode 100644 index 0000000..850e098 --- /dev/null +++ b/ji-chu-zhi-shi/04/jian-tou-han-shu.md @@ -0,0 +1,2 @@ +# 箭头函数 + diff --git a/ji-chu-zhi-shi/04/this.md b/ji-chu-zhi-shi/04/this.md new file mode 100644 index 0000000..d23018b --- /dev/null +++ b/ji-chu-zhi-shi/04/this.md @@ -0,0 +1,96 @@ +# this + +* this 要在执行时才能确认值，定义时无法确认值 + +```javascript +var a = { + name:'A', + fn:function(){ + console.log(this.name); + } +} +a.fn() //this === A +a.fn.call({name:'B'}) //this === {name:'B'} +var fn1 = a.fn; +fn1() //this === window +``` + +* 作为构造函数执行 +* 作为对象属性执行 +* 作为普通函数执行 +* call apply bind + +```javascript +function Foo(name){ + this.name = name; +} +var f = new Foo('zhangsan'); + +var obj = { + name:'A', + printName:function(){ + console.log(this.name); + } +} +obj.printName() + +function fn(){ + console.log(this); +} +fn() + +// call apply bind +function fn1(name) { + alert(name); + console.log(this); +} +fn1.call({x:100},'zhangsan',20); +// bind +var fn2 = function fn2(name) { + alert(name); + console.log(this); +}.bind({y:200}); +fn2('zhangsan',20); +``` + +## this几种不停的使用场景 + +* 作为构造函数执行 +* 作为对象属性执行 +* 作为普通函数执行 +* call apply bind + +```text +function Foo(name){ + this.name = name; +} +var f = new Foo('zhangsan'); + +var obj = { + name:'A', + printName:function(){ + console.log(this.name); + } +} + +obj.printName() + +function fn(){ + console.log(this); +} +fn() + +// call apply bind +function fn1(name) { + alert(name); + console.log(this); +} +fn1.call({x:100},'zhangsan',20); +// bind +var fn2 = function fn2(name) { + alert(name); + console.log(this); +}.bind({y:200}); +fn2('zhangsan',20); +``` + diff --git a/ji-chu-zhi-shi/04/wu-lei-bian-cheng.md b/ji-chu-zhi-shi/04/wu-lei-bian-cheng.md new file mode 100644 index 0000000..73e3510 --- /dev/null +++ b/ji-chu-zhi-shi/04/wu-lei-bian-cheng.md @@ -0,0 +1,2 @@ +# 无类编程 + diff --git a/ji-chu-zhi-shi/04/you-han-shu-gou-jian-han-shu.md b/ji-chu-zhi-shi/04/you-han-shu-gou-jian-han-shu.md new file mode 100644 index 0000000..ab245da --- /dev/null +++ b/ji-chu-zhi-shi/04/you-han-shu-gou-jian-han-shu.md @@ -0,0 +1,2 @@ +# 由函数构建函数 + diff --git a/ji-chu-zhi-shi/05/README.md b/ji-chu-zhi-shi/05/README.md new file mode 100644 index 0000000..5c5d5ef --- /dev/null +++ b/ji-chu-zhi-shi/05/README.md @@ -0,0 +1,86 @@ +# BOM + +## 从基础知识到JS-Web-API + +* 变量类型和计算 +* 原型和原型链 +* 闭包和作用域 +* 异步和单线程 +* 其他（如日期、Math、各种常用API） + +### 特点 + +* 特点：表面上来看不能用于工作中开发代码 +* 内置函数：`Object Array Boolean String ......` +* 内置对象：`Math JSON ...` +* 我们连在网页弹出一句`Hello World`都不能实现 + +### JS-Web-API + +* JS基础知识：ECMA 262标准 +* JS-Web-API：W3C标准 +* W3C标准中关于JS的规定有： + * DOM操作 + * BOM操作 + * 事件绑定 + * ajax请求$包含http协议$ + * 存储 + +### 基本操作 + +* 页面弹框是`windows.alert(123)`，浏览器需要做： + * 定义一个`windows`全局变量，对象类型； + * 给它定义一个`alert`属性，属性值是一个函数； +* 获取元素document.getElementById$id$,浏览器需要： + * 定义一个document全局变量，对象属性； + * 给它定义一个getElementById的属性，属性值是一个函数； +* W3C标准没有规定任何JS基础相关的东西； +* 不管什么变量类型、原型、作用域和异步 +* 只管定义用于浏览器中JS操作页面的API和全局变量 +* 全面考虑，JS内置的全局函数和对象有哪些？ +* 之前ECMA的 +* 比如 window document +* 所有未定义的全局变量，如`navigator.userAgent` + +### 总结 + +* 常说的JS$浏览器执行的JS$包含两个部分： +* JS基础知识$ECMA262标准$； +* JS-Web-API$W3C标准$； + +## BOM操作 + +* Browser Object Model + + **如何监测浏览器的类型** + + **拆解url的各部分** + + **知识点** + +* `navigator & screen` + +```javascript +//navigator +var ua = navigator.userAgent; +var isChrome = ua.indexOf('Chrome'); +console.log(isChrome); +//screen +console.log(screen.width); +console.log(screen.height); +``` + +* `location & history` + +```javascript +//location +console.log(location.href); +console.log(location.protocel); +console.log(location.pathname); +console.log(location.search); +console.log(location.hash); +//history +history.back(); +history.forward(); +``` + diff --git a/ji-chu-zhi-shi/05/historydui-xiang.md b/ji-chu-zhi-shi/05/historydui-xiang.md new file mode 100644 index 0000000..259362f --- /dev/null +++ b/ji-chu-zhi-shi/05/historydui-xiang.md @@ -0,0 +1,2 @@ +# history对象 + diff --git a/ji-chu-zhi-shi/05/locationdui-xiang.md b/ji-chu-zhi-shi/05/locationdui-xiang.md new file mode 100644 index 0000000..7f509eb --- /dev/null +++ b/ji-chu-zhi-shi/05/locationdui-xiang.md @@ -0,0 +1,2 @@ +# location对象 + diff --git a/ji-chu-zhi-shi/05/navigatordui-xiang.md b/ji-chu-zhi-shi/05/navigatordui-xiang.md new file mode 100644 index 0000000..14393e1 --- /dev/null +++ b/ji-chu-zhi-shi/05/navigatordui-xiang.md @@ -0,0 +1,2 @@ +# navigator对象 + diff --git a/ji-chu-zhi-shi/05/screendui-xiang.md b/ji-chu-zhi-shi/05/screendui-xiang.md new file mode 100644 index 0000000..24f9caf --- /dev/null +++ b/ji-chu-zhi-shi/05/screendui-xiang.md @@ -0,0 +1,2 @@ +# screen对象 + diff --git a/ji-chu-zhi-shi/05/windowdui-xiang.md b/ji-chu-zhi-shi/05/windowdui-xiang.md new file mode 100644 index 0000000..0cda2f0 --- /dev/null +++ b/ji-chu-zhi-shi/05/windowdui-xiang.md @@ -0,0 +1,2 @@ +# window对象 + diff --git a/ji-chu-zhi-shi/06/README.md b/ji-chu-zhi-shi/06/README.md new file mode 100644 index 0000000..21998c4 --- /dev/null +++ b/ji-chu-zhi-shi/06/README.md @@ -0,0 +1,60 @@ +# DOM + +## DOM操作 + +* Document Object Model +* DOM是哪种基本的数据结构 +* DOM操作的常用API有哪些 +* DOM节点的attr和property有和区别 + +### DOM的本质 + +* XML + +```markup + + + Tove + Jani + Reminder + Dont forget me this weekend + + + + + +``` + +* HTML + +```markup + + + + + Document + + +

this is p

+ + +``` + +## DOM知识解答 + +* DOM是哪种基本的数据结构? + * 树 +* DOM操作的常用API有哪些 + * 获取DOM节点，以及节点的`property`和`Attribute` + * 获取父节点，获取子节点 + * 新增节点，删除节点 +* `DOM节点`的`Attribute`和`property`有何区别 + * `property`只是一个`JS对象`的属性的修改 + * `Attribute`是对`html标签`属性的修改 +* 重点总结 + * DOM本质 + * DOM节点的操作 + * DOM结构操作 + diff --git a/ji-chu-zhi-shi/06/domjie-dian-cao-zuo.md b/ji-chu-zhi-shi/06/domjie-dian-cao-zuo.md new file mode 100644 index 0000000..0534fd1 --- /dev/null +++ b/ji-chu-zhi-shi/06/domjie-dian-cao-zuo.md @@ -0,0 +1,45 @@ +# DOM节点操作 + +## DOM节点操作 + +* 获取DOM节点 +* prototype,获取JS对象上的属性 +* Attribute,获取DOM标签上的属性 + +## 获取DOM节点 + +```javascript +var div1 = document.getElementById('div1'); //元素 +var divList = document.getElementByTagName('div'); //集合 +console.log(divList.length); +console.log(divList[0]); +var containerList = document.getElementByClassName('.container'); //集合 +var pList = document.querySelectorAll('p'); //集合 +``` + +### property + +```javascript +var pList = document.querySelectorAll('p'); +var p = pList[0]; +console.log(p.style.width); // 获取样式 +p.style.width = '100px' // 修改样式 +console.log(p.className);//获取class +p.className = 'p1' //修改class + +// 获取 nodeName 和 ndoeType +console.log(p.nodeName); +console.log(p.nodeType); +``` + +### Attribute + +```javascript +var pList = document.querySelectorAll('p'); +var p = pList[0]; +p.getAttribute('data-name'); +p.getAttribute('data-name','imooc'); +p.getAttribute('style'); +p.setAttribute('style','font-size:30px;'); +``` + diff --git a/ji-chu-zhi-shi/06/domjie-gou-cao-zuo.md b/ji-chu-zhi-shi/06/domjie-gou-cao-zuo.md new file mode 100644 index 0000000..3c10bd3 --- /dev/null +++ b/ji-chu-zhi-shi/06/domjie-gou-cao-zuo.md @@ -0,0 +1,66 @@ +# DOM结构操作 + +* 新增节点 + +```javascript +var div1 = document.getElementById('div1'); +//添加新节点 +var p1 = document.createElement('p'); +p1.innerHTML = 'this is p1'; +div1.appendChild(p1); //添加新创建的元素 +//移除已有节点 +var p2 = document.getElementById('p2'); +div1.appendChild(p2); +``` + +* 获取父元素-获取子节点 + +```javascript +var div1 = document.getElementById('div1'); +var parent = div1.parentElement; +``` + +* 删除节点 + +```javascript +var div1 = document.getElementById('div1'); +var child = div1.childNodes; +div1.removeChild(child[0]); +``` + +## 举个栗子$例子：example$！！！ + +```markup + + + + + +

this is p1

this is p2

this is p3

this is p4

+ + + +``` + diff --git a/ji-chu-zhi-shi/07/README.md b/ji-chu-zhi-shi/07/README.md new file mode 100644 index 0000000..e18f82d --- /dev/null +++ b/ji-chu-zhi-shi/07/README.md @@ -0,0 +1,121 @@ +# 事件 + +## DOM事件介绍 + +* 点击一个DOM元素 +* 键盘按一下一个键 +* 输入框输入内容 +* 页面加载完成 + +## 编写一个通用的事件监听函数 + +#### 描述事件冒泡流程 + +* DOM树形结构 +* 事件冒泡 +* 阻止冒泡 +* 冒泡的应用 + +#### 对于一个无限下拉加载图片的页面，如何给每个图片绑定事件 + +* 使用代理 +* 知道代理的有点 + +**通用事件绑定** + +```javascript +var btn = document.getElementById('btn1'); +btn.addEventListener('click',function (event) { + console.log('clicked'); +}) + +function bindEvent(elem,type,fn) { + elem.addEventListener(type,fn); +} +var a = document.getElementById('link1') +bindEvent(a,'click',function(e){ + e.preventDefault(); //阻止默认行为 + alert('clicked'); +}); +``` + +#### 事件冒泡 + +```markup + +

激活

取消

+ a1 + a2 + a3 + a4 + +

+ 目标元素 +

+ + + +``` + diff --git a/ji-chu-zhi-shi/07/shi-jian-zhu-ce-yu-hong-fa.md b/ji-chu-zhi-shi/07/shi-jian-zhu-ce-yu-hong-fa.md new file mode 100644 index 0000000..41043d7 --- /dev/null +++ b/ji-chu-zhi-shi/07/shi-jian-zhu-ce-yu-hong-fa.md @@ -0,0 +1,64 @@ +# 事件注册与触发 + +## 事件注册与触发 + +* 事件注册 +* 取消事件注册 +* 事件触发 + +#### eventTarget + +## 事件注册 + +`eventTarget.addEventListener(type,listener,[useCapture])` + +```javascript +var elem = document.getElementById('div1'); +var clickHandler = function(event){ + // TO DO +} +elem.addEventListener('click',clickHandler,false); +``` + +## 取消事件注册 + +`eventTarget.removeEventListener(type,listener,[useCapture])` + +```javascript +elem.removeEventListener('click',clickHandler,false); +elem.onclick=null; +``` + +## 事件触发 + +`eventTarget.dispatchEvent(type)` + +### 浏览器兼容 + +* 关于IE低版本的兼容性 + * IE低版本使用attachEvent绑定事件，和W3C标准不一样 +* 事件注册与取消 + * attachEvent/detachEvent +* 事件触发 + * fireEvent$e$ +* no capture + +#### 事件兼容处理$W3C和IE低版本$ + +```javascript +var addEvent = document.addEventListener ? + function functionName(elem,type,listener,useCapture) { + elem.addEventListener(type,listener,useCapture); + }: + function functionName(elem,type,listener,useCapture) { + elem.attachEvent('on' + type, listener); + }; +var delEvent = document.removeEventListener ? + function functionName(elem,type,listener,useCapture) { + elem.removeEventListener(type,listener,useCapture); + }: + function functionName() { + elem.detachEvent('on' + type, listener); + }; +``` + diff --git a/ji-chu-zhi-shi/09/README.md b/ji-chu-zhi-shi/09/README.md new file mode 100644 index 0000000..080f536 --- /dev/null +++ b/ji-chu-zhi-shi/09/README.md @@ -0,0 +1,2 @@ +# 异步 + diff --git a/ji-chu-zhi-shi/09/ajax.md b/ji-chu-zhi-shi/09/ajax.md new file mode 100644 index 0000000..80d0b2b --- /dev/null +++ b/ji-chu-zhi-shi/09/ajax.md @@ -0,0 +1,52 @@ +# Ajax + +* 手动编写一个ajax，不依赖第三方库 +* 跨域的几种实现方式 + +## 知识点 + +### XMLHttpRequest + +```javascript +var xhr = new XMLHttpRequest(); +xhr.open("GET","/api",false) +xhr.onreadystatechange = function () { + //这里的函数异步执行，可参考之前JS基础的异步模块 + if(xhr.readyState == 4){ + if (xhr.status == 200) { + alert(xhr.responseText) + } + } +} +xhr.send(null); +``` + +* IE低版本使用ActiveXObject，和W3C标准不一样 +* IE低版本使用量已经非常少，很多网站早已不支持IE低版本 +* 建议对IE低版本的兼容性：了解即可，无需深究 + +### 状态码 + +```javascript +xhr.onreadystatechange = function () { + //这里的函数异步执行，可参考之前JS基础的异步模块 + if(xhr.readyState == 4){ + if (xhr.status == 200) { + alert(xhr.responseText) + } + } +} +``` + +* readyState + * 0-$未初始化$还没有调用send方法 + * 1-$载入$已调用send方法，正在发送请求 + * 2-$载入完成$send方法执行完成，已经接收到全部响应内容 + * 3-$交互$正在解析响应内容 + * 4-$完成$响应内容解析完成，可以在客户端调用 +* status + * 2XX-表示成功处理请求。如200 + * 3XX-需要重定向，浏览器直接跳转 + * 4XX-客户端请求错误，如404 + * 5XX-服务端错误 + diff --git a/ji-chu-zhi-shi/09/promise.md b/ji-chu-zhi-shi/09/promise.md new file mode 100644 index 0000000..46b0474 --- /dev/null +++ b/ji-chu-zhi-shi/09/promise.md @@ -0,0 +1,43 @@ +--- +description: Promise 使用 +--- + +# Promise + +## Promise简介 + +Promise 对象用于表示一个异步操作的最终完成（或失败）及其结果值 + +```javascript +const myFirstPromise = new Promise((resolve, reject) => { + // ?做一些异步操作，最终会调用下面两者之一: + // + // resolve(someValue); // fulfilled + // ?或 + // reject("failure reason"); // rejected +}); +``` + +{% hint style="info" %} + promise.finally 要注意浏览器兼容性 +{% endhint %} + +## Promise实现 + +{% code title="promise" %} +```javascript +// 基本状态 + + +class MyPromise(fn) { + static PENGDING = 'pending'; + static RESOLVED = 'resolved'; // fulfilled + static REJECTED = 'rejected'; + + constructor(callBackFun) { + this. + } +} +``` +{% endcode %} + diff --git a/ji-chu-zhi-shi/15.md b/ji-chu-zhi-shi/15.md new file mode 100644 index 0000000..787f9bf --- /dev/null +++ b/ji-chu-zhi-shi/15.md @@ -0,0 +1,104 @@ +# 正则表达式 + +* [正则练习](http://www.52cik.com/regex-tuesday/) + +## 1.生成一个正则表达式regexObj + +* 描述字符串规则的表达式，两种方式 + * 直接量： `/pattren/attrs`$/规则/属性$ + * 对象构造方式：`new RegExp(pattern,arrtes)` $/规则/属性$ + +## 2.regexObj.test$str$ + +* 测试正则表达式regexObj与指定字符串是否匹配 + +```javascript +/10086/.test('10086') //true +/10086/.test('12314') //false +/10086/.test('x10086s') //true //true +``` + +* 由此看到`.test()`匹配了正则表达式，但是最后一条出来了一个问题。如果这种情况下`/10086/.test('x10086s')`正则表达式匹配到该字符串中确实含有此正则表达式 +* 所以必须要有一些限制，以下就是限制方法 + +### 锚点 + +* 我们可以通过一个锚点匹配一个位置 + * `^`：起始位置 + * `$` ：结尾位置 + * `\b` ：单词边界 + +```javascript +//起始位置 +/^http:/.test('http://www.kejiganhuo.com') // true 以http:为起始的字符串可以匹配 +/^http:/.test('attp://www.kejiganhuo.com') // false +/^http:/.test('https://www.kejiganhuo.com') //false +//结尾位置 +/\.jpg$/.test('1.jpg') // true 以.jsp结尾的字符串可以匹配 +/\.jsp$/.test('1.jpg ls') // false +//单词边界 +/\bis\b/.test('this is tyrmars') // true 这里is才是正则所匹配的，匹配的就是is，就是看有没有is字符串 +/\bis\b/.test('this') // false this是无法匹配单词边界为is +/is\b/.test('this tyrmars') // true 这样就可以匹配，因为单词左边界没有限制 +``` + +#### example1 + +```javascript +/^10086$/.test('10086') //true +``` + +* 这种方法只能检测固定的号码，但是我们想检测同类的手机号码，所以就需要用到如下 **字符类** + +### 字符类 + +* 匹配一类字符中的一个，采用`[]`，相当于限定字符集 + * `[abc]`：a或b或c + * `[0-9]`：一个数字 + * `[^0-9]`：非数字的一个字符 + * `[a-z]`：一个字母 + * `.`：任意一个字符$除还行外$ + +```javascript +/[0-9]/.test(123) // true +/[^1-9]/.test(0123) // false +/[12345]/.test(0) // false +/[abc]/.test('abcdefgh') //true +/[abc]/.test('fgh') //false +``` + +#### example2 + +```javascript +/^1[0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9]$/.test(12345678901) //true +``` + +* `[0-9]`可以被优化，所以学习到了元字符，元字符是具有特殊意义的字符 + +### 元字符 + +* 具有特殊意义的字符 + * `^`、`$`、`\b` + * `\d`：`[0-9]` + * `\D`：`[^\d]` + * `\s`：空白符 + * `\S`：`[^\s]` + * `\w`：`[A-Z]` + * `\W`：`[^\w]` + +#### example3 + +```javascript +/^1\d\d\d\d\d\d\d\d\d\d\d$/.test(12345678901) //true +``` + +* 不过呢，想一下这些`\d`都是重复的，所以需要用到量词 + +### 量词 + +* 出现的次数 + * `{m,n}`：m到n次 + * `*`：`{0,}` 出现0或n次 + * `?`：`{0,1}` 出现0或者1次 + * `+`：`{1,}` 出现1或n次 + diff --git a/ji-chu-zhi-shi/18/README.md b/ji-chu-zhi-shi/18/README.md new file mode 100644 index 0000000..6661655 --- /dev/null +++ b/ji-chu-zhi-shi/18/README.md @@ -0,0 +1,2 @@ +# 语法规则 + diff --git a/ji-chu-zhi-shi/18/eslint.md b/ji-chu-zhi-shi/18/eslint.md new file mode 100644 index 0000000..388689a --- /dev/null +++ b/ji-chu-zhi-shi/18/eslint.md @@ -0,0 +1,4 @@ +# ESlint + +语法限制，语法规范 + diff --git a/jin-jie-zhi-shi/08/README.md b/jin-jie-zhi-shi/08/README.md new file mode 100644 index 0000000..16f6291 --- /dev/null +++ b/jin-jie-zhi-shi/08/README.md @@ -0,0 +1,2 @@ +# 算法应用 + diff --git a/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/README.md b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/README.md new file mode 100644 index 0000000..494c248 --- /dev/null +++ b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/README.md @@ -0,0 +1,92 @@ +# 基本排序算法 + +* SetData函数生成了存储在数组中的随机数字。Math类的random函数会生成\[0,1\)区间内的随机数字。换句话说，random函数生成的随机数字大于等于0，但不会等于1。最后在用Math类的floor函数确定最终结果。 +* 如下这个公式可以成功生成1~100的随机数字集合。 + +```javascript +function CArray(numElements) { + this.dataStore = []; + this.pos = 0; + this.numElements = numElements; + this.insert = insert; + this.toString = toString; + this.clear = clear; + this.setData = setData; + this.swap = swap; + for (var i = 0; i < numElements; ++i) { + this.dataStore[i] = i; + } +} +//数据输出 +function setData() { + for (var i = 0; i +< + this.numElements; ++i) { + this.dataStore[i] = Math.floor(Math.random() * (this.numElements + 1));//生成随机数组 + } +} + +function clear() { + for (var i = 0; i +< + this.dataStore.length; ++i) { + this.dataStore[i] = 0; + } +} + +function insert(element) { + this.dataStore[this.pos++] = element; +} + +function toString() { + var restr = ""; + for (var i = 0; i < this.dataStore.length; ++i) { + restr += this.dataStore[i] + " "; + if (i > 0 & i % 10 == 0) { + restr += "\n"; + } + } + return restr; +} + +function swap(arr,index1,index2) { + var temp = arr[index1]; + arr[index1] = arr[index2]; + arr[index2] = temp; +} + +//测试 +var numElements = 100; +var myNums = new CArray(numElements); +myNums.setData(); +console.log(myNums.toString()); +``` + +## 名词解释： + +* n: 数据规模 +* k:“桶”的个数 +* In-place: 占用常数内存，不占用额外内存 +* Out-place: 占用额外内存 +* 稳定性：排序后2个相等键值的顺序和排序之前它们的顺序相同 + +### 用一个`for`遍历数组排序 + +```javascript +var a = [12,13,65,54,86,21,37,1,95,4]; +var l = a.length; +console.log(a); +for (var i = 0; i < l; i++) { + if (a[i] > a[i + 1]) { + var temp = a[i]; + a[i] = a[i + 1]; + a[i + 1] = temp; + } + if (i == l-1) { + i = -1; + l--; + } +} +console.log(a); +``` + diff --git a/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/cha-ru-pai-xu.md b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/cha-ru-pai-xu.md new file mode 100644 index 0000000..0678522 --- /dev/null +++ b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/cha-ru-pai-xu.md @@ -0,0 +1,22 @@ +# 插入排序 + +* 插入排序 +* 插入排序有两个循环，外循环将数组元素挨个移动，而内循环则对外循环中选中的元素及它后面的那个元素进行比较。如果外循环中选中的元素比内循环中选中的元素小，那么数组会向右移动，为内循环中的这个元素腾出位置。 + +![](http://www.2cto.com/uploadfile/Collfiles/20160918/20160918092144589.gif) + +```javascript +function insertionSort() { + var temp,inner; + for (var outer = 1; outer <= this.dataStore.length - 1 ; ++outer) { + temp = this.dataStore[outer]; + inner = outer; + while (inner>0 &&(this.dataStore[inner-1] >= temp)) { + this.dataStore[inner] = this.dataStore[inner - 1]; + --inner; + } + this.dataStore[inner] = temp; + } +} +``` + diff --git a/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/gui-bing-pai-xu.md b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/gui-bing-pai-xu.md new file mode 100644 index 0000000..6ac0a05 --- /dev/null +++ b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/gui-bing-pai-xu.md @@ -0,0 +1,60 @@ +# 归并排序 + +![](http://www.2cto.com/uploadfile/Collfiles/20160918/20160918092144591.gif) + +* 归并排序 +* 归并排序是建立在归并操作上的一种有效的排序算法。该算法是分治法的一个非常典型的应用。归并排是一种稳定的排序方法。将已有序列的子序列合并 +* .把长度为n的输入序列分成两个长度为n/2的子序列； +* .对这两个子序列分别采用归并排序； +* .将两个排序好的子序列合并成一个最终的排序序列。 + +```javascript +function mergeSort(arr) { //采用自上而下的递归方法 + var len = arr.length; + if(len <2) { + return arr; + } + var middle = Math.floor(len / 2), + left = arr.slice(0, middle), + right = arr.slice(middle); + return merge(mergeSort(left), mergeSort(right)); +} + +function merge(left, right){ + var result = []; + console.time('归并排序耗时'); + while (left.length && right.length) { + if (left[0] <= right[0]) { + result.push(left.shift()); + } else { + result.push(right.shift()); + } + } + + while (left.length) + result.push(left.shift()); + + while (right.length) + result.push(right.shift()); + console.timeEnd('归并排序耗时'); + return result; +} +var arr=[3,44,38,5,47,15,36,26,27,2,46,4,19,50,48]; +console.log(mergeSort(arr)); +// 归并排序耗时: 0.009033203125ms +// 归并排序耗时: 0.0048828125ms +// 归并排序耗时: 0.004150390625ms +// 归并排序耗时: 0.002197265625ms +// 归并排序耗时: 0.0048828125ms +// 归并排序耗时: 0.0029296875ms +// 归并排序耗时: 0.0009765625ms +// 归并排序耗时: 0.000732421875ms +// 归并排序耗时: 0.003173828125ms +// 归并排序耗时: 0.003173828125ms +// 归并排序耗时: 0.001220703125ms +// 归并排序耗时: 0.002197265625ms +// 归并排序耗时: 0.0029296875ms +// 归并排序耗时: 0.002685546875ms +//[2, 3, 4, 5, 15, 19, 26, 27, 36, 38, 44, 46, 47, 48, 50] +``` + diff --git a/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/kuai-su-pai-xu.md b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/kuai-su-pai-xu.md new file mode 100644 index 0000000..c228c63 --- /dev/null +++ b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/kuai-su-pai-xu.md @@ -0,0 +1,33 @@ +# 快速排序 + +* 快速排序是处理大数据集最快的排序算法之一。它是一种分而治之的算法，通过递归的方式将数据依次分解为包含较小元素和较大元素的不同子序列。该算法不断重复这个步骤直到所有数据都是有序的。 +* 这个算法首先要在列表中选择一个元素作为基准值$pivot$。数据排序围绕基准值进行，将列表中小于基准值的元素移到数组的底部，将大于基准值的元素移到数组的顶部。 + +## 快速排序的算法和伪代码 + +* 算法： + * （1）选择一个基准元素，将列表分隔成两个子序列； + * （2）对列表重新排序，将所有小于基准值的元素放在基准值的前面，所有大于基准值的元素放在基准值的后面 + * （3）分别对较小元素的子序列和较大元素的子序列重复步骤1和2。 +* 代码如下 + +```javascript +function qSort(list) { + if (list.length == 0) { + return []; + } + var lesser = []; + var greater = []; + var pivot = list[0]; + for (var i = 1; i < + list.length; i++) { + if (list[i]= 2; --outer) {//对元素遍历，直到最后剩2个数字 + for (var inner = 0; inner <= outer - 1; ++inner ) {//从第零个开始，直到不满足 + if (this.dataStore[inner] > this.dataStore[inner + 1]) {//如果,前一个大于后一个， + swap(this.dataStore,inner,inner + 1);//进行交换 + } + } + } +}//通过比较把最大的放到最右面 +``` + +* 使用bubbleSort对10个数字排序 + +```javascript +var numElements = 10; +var mynums = new CArray(numElements); +mynums.setData(); +console.log(mynums.toString()); +mynums.bubbleSort(); +console.log(mynums.toString); +``` + diff --git a/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/xi-er-pai-xu.md b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/xi-er-pai-xu.md new file mode 100644 index 0000000..5d9668e --- /dev/null +++ b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/xi-er-pai-xu.md @@ -0,0 +1,31 @@ +# 希尔排序 + +* 希尔排序 +* 这个算法在插入排序的基础上作出了很大的改善。希尔排序的核心理念与插入排序不同，它会首先比较距离较远的元素，而非相邻的元素。和简单的比较相邻元素相比，使用这种方案可以使离正确位置很远的元素更快回到适合的位置。当开始用这个算法遍历数据集时，所有元素之间的距离会不断减小，直到处理到数据集的末尾，这时算法比较的就是相邻元素了。 +* 主要是通过遍历数组中相隔相同位置的元素去比较大小进行排列 + +```javascript +function shellsort() { + for (var g = 0; i < + this.gaps.length; ++g) { + for (var i = 0; i < this.dataStore.length; ++i) { + var temp = this.dataStore[i]; + for (var j = i; j >= this.gaps[g] && this.dataStore[j-this.gaps[g]] > temp; j -= this.gaps[g]) { + this.dataStore[j] = this.dataStore[j-this.gaps[g]]; + } + this.dataStore[j] = temp; + } + } +} +``` + +* CArray构造函数中添加 + +```javascript +this.gaps = [5,3,1]; +//并添加一个函数 +function setGap(arr) { + this.gaps = arr ; +} +``` + diff --git a/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/xuan-ze-pai-xu.md b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/xuan-ze-pai-xu.md new file mode 100644 index 0000000..0fb49d4 --- /dev/null +++ b/jin-jie-zhi-shi/08/ji-ben-pai-xu-suan-fa/xuan-ze-pai-xu.md @@ -0,0 +1,26 @@ +# 选择排序 + +* 选择排序 +* 选择排序从数组的开头开始，将第一个元素和其他元素进行比较。检查完所有元素后，最小的元素会被放到数组的第一个位置，然后算法会从第二个位置继续。这个过程一直进行，当进行到数组的倒数第二个位置时，所有的数据便完成了排序。 +* 选择排序会用到嵌套循环。外循环从数组的第一个元素一定到倒数第二个元素；内循环从第二个数组元素移动到最后一个元素，查找比当前外循环 + +![](http://www.2cto.com/uploadfile/Collfiles/20160918/20160918092144584.gif) + +```javascript +function selectionSort() { + var min,temp; + for (var outer = 0; outer <= this.dataStore.length-2; ++outer){//循环 + min = outer;//定义第一个为最小 + for (var inner = outer + 1; i + +``` + diff --git a/jin-jie-zhi-shi/10/kua-yu-fang-fa/xdomainrequest.md b/jin-jie-zhi-shi/10/kua-yu-fang-fa/xdomainrequest.md new file mode 100644 index 0000000..83deef8 --- /dev/null +++ b/jin-jie-zhi-shi/10/kua-yu-fang-fa/xdomainrequest.md @@ -0,0 +1,2 @@ +# XDomainRequest + diff --git a/jin-jie-zhi-shi/10/kua-yu.md b/jin-jie-zhi-shi/10/kua-yu.md new file mode 100644 index 0000000..7466b22 --- /dev/null +++ b/jin-jie-zhi-shi/10/kua-yu.md @@ -0,0 +1,2 @@ +# 跨域 + diff --git a/jin-jie-zhi-shi/11/README.md b/jin-jie-zhi-shi/11/README.md new file mode 100644 index 0000000..dea0aff --- /dev/null +++ b/jin-jie-zhi-shi/11/README.md @@ -0,0 +1,71 @@ +# 模块化 + +## 模块化 + +* 不使用模块化 +* 使用模块化 +* AMD +* CommonJS +* ES6 + +### 不使用模块化 + +* `util getFormatDate函数` +* `a-util.js aGetFormatDate函数使用getFormatDate` +* `a.js aGetFormatDate` +* 定义 + +```javascript +//util.js +function getFormatDate(date,type) { + //type === 1返回 2017-06-15 + //type === 2返回 2017年6月15日格式 + //... +} +//a-util.js +function aGetFormatDate(data) { + //返回 + return getFormatDate(date,2); +} +// a.js +var dt = new Date() +console.log(aGetFormatDate(dt)); +``` + +* 使用 + +```markup + + + + + +``` + +### 使用模块化 + +```javascript +//util.js +export{ + getFormatDate:function (data,type) { + //type === 1 返回 2017-06-15 + //type === 2 返回 2017年6月15日格式 + } +} +//a-util.js +var getFormatDate = require('util.js'); +export{ + aGetFormatDate:function (date) { + //要求返回 2017年6月15日格式 + return getFormatDate(date,2); + } +} +// a.js +var aGetFormatDate = require('a-util.js') +var dt = new Date(); +console.log(aGetFormatDate(dt)); + +//直接‘’,其他的根据依赖关系自动引用 +//那两个函数，没必要做成全局变量，不会带来污染和覆盖 +``` + diff --git a/jin-jie-zhi-shi/11/amd.md b/jin-jie-zhi-shi/11/amd.md new file mode 100644 index 0000000..2427382 --- /dev/null +++ b/jin-jie-zhi-shi/11/amd.md @@ -0,0 +1,63 @@ +# AMD + +* require.js `requirejs.org/` +* 全局define函数 +* 全局require函数 +* 依赖JS会自动、异步加载 + +```javascript +//util.js +define(function () { + return{ + getFormatDate: function (date,type) { + if (type === 1) { + return '2017-06-15' + } + if (type === 2) { + return '2017年6月15日' + } + } + } +}); + +//a-util.js +define(['./util.js'],function (util) { + return{ + aGetFormatDate: function (date) { + return util.getFormatDate(date,2); + } + } +}); + +// a.js +define('[./a-util.js]',function (aUtil) { + return{ + printDate:function (date) { + console.log(aUtil.aGetFormatDate); + } + } +}); + +//main.js +require('[./a.js]',function (a) { + var date = new Date(); + a.printDate(date); +}); +``` + +* 使用 + +```markup + + + + + Document + + +

AMD test

+ + + +``` + diff --git a/jin-jie-zhi-shi/11/cmd.md b/jin-jie-zhi-shi/11/cmd.md new file mode 100644 index 0000000..e161396 --- /dev/null +++ b/jin-jie-zhi-shi/11/cmd.md @@ -0,0 +1,33 @@ +# CommonJS + +* nodejs模块化规范，现在被大量用于前端，原因： + * 前端开发依赖的插件和库，都可以从npm中获取 + * 构建工具的高度自动化，是的使用npm的成本非常低 + * CommonJS不会异步加载JS，而是同步一次性加载出来 + +```javascript +module.exports = { + getFormatDate:function (data,type) { + if (type === 1) { + return '2017-06-15'; + } + if (type === 2) { + return '2017年6月15日'; + } + } +} + +// a-util.js +var util = require('util.js') +module.exports = { + aGetFormatDate:function (data) { + return util.getFormatDate(data,2); + } +} +``` + +## AMD和CommonJS的使用场景 + +* 需要异步加载JS，使用AMD +* 使用了npm之后建议使用CommonJS + diff --git a/jin-jie-zhi-shi/11/es6mo-kuai-hua.md b/jin-jie-zhi-shi/11/es6mo-kuai-hua.md new file mode 100644 index 0000000..95f1c7f --- /dev/null +++ b/jin-jie-zhi-shi/11/es6mo-kuai-hua.md @@ -0,0 +1,2 @@ +# ES6模块化 + diff --git a/jin-jie-zhi-shi/12/README.md b/jin-jie-zhi-shi/12/README.md new file mode 100644 index 0000000..695e900 --- /dev/null +++ b/jin-jie-zhi-shi/12/README.md @@ -0,0 +1,2 @@ +# 安全🔐 + diff --git a/jin-jie-zhi-shi/12/csrf.md b/jin-jie-zhi-shi/12/csrf.md new file mode 100644 index 0000000..56b1178 --- /dev/null +++ b/jin-jie-zhi-shi/12/csrf.md @@ -0,0 +1,2 @@ +# CSRF + diff --git a/jin-jie-zhi-shi/12/xss.md b/jin-jie-zhi-shi/12/xss.md new file mode 100644 index 0000000..d037aa2 --- /dev/null +++ b/jin-jie-zhi-shi/12/xss.md @@ -0,0 +1,2 @@ +# XSS + diff --git a/jin-jie-zhi-shi/13/README.md b/jin-jie-zhi-shi/13/README.md new file mode 100644 index 0000000..06d5210 --- /dev/null +++ b/jin-jie-zhi-shi/13/README.md @@ -0,0 +1,4 @@ +# 应用 + +* [Socket.io库](https://www.gitbook.com/book/tyrmars/javascript-steppitguide/edit#) + diff --git a/jin-jie-zhi-shi/13/async+awaityi-bu-diao-yong.md b/jin-jie-zhi-shi/13/async+awaityi-bu-diao-yong.md new file mode 100644 index 0000000..e506173 --- /dev/null +++ b/jin-jie-zhi-shi/13/async+awaityi-bu-diao-yong.md @@ -0,0 +1,41 @@ +# async+await异步调用 + +最早的的使用异步操作的时候，我们一般会用setTimeout，会出现回掉地狱的情况 + +```javascript +setTimeout(()=>{ + setTimeout(()=>{ + setTimeout(()=>{ + console.log('1') + },1000) + },1000) +},1000) +``` + +ES6中Promise + +```javascript +//promise +()=>{ + axios.post('/user/readmsg',{from}) + .then(res=>{ + const userid = getState().user._id + if( res.status === 200 && res.data.code === 0){ + dispatch(msgRead({userid,from,num:res.data.num})) + } + }) +} +``` + +ES7 async+await + +```javascript +async ()=>{ + const res = await axios.post('/user/readmsg',{from}) + const userid = getState().user._id + if( res.status === 200 && res.data.code === 0){ + dispatch(msgRead({userid,from,num:res.data.num})) + } +} +``` + diff --git a/jin-jie-zhi-shi/13/axios.md b/jin-jie-zhi-shi/13/axios.md new file mode 100644 index 0000000..5164eea --- /dev/null +++ b/jin-jie-zhi-shi/13/axios.md @@ -0,0 +1,32 @@ +# axios + +简洁好用的发送请求库，`npm install axios --save`安装 + +* axios.interceptors设置拦截器，比如全局的loading +* axios.get,post发送请求，返回promise对象 + +## 发送请求 + +```javascript +//get请求 +``` + +## 拦截请求 + +```javascript +//拦截请求 +import axios from 'axios' +axios.interceptors.request.use( + function(config){ + //doing + } +) + +//拦截响应 +axios.interceptors.request.use( + function(config){ + //doing + } +) +``` + diff --git a/jin-jie-zhi-shi/13/socketio.md b/jin-jie-zhi-shi/13/socketio.md new file mode 100644 index 0000000..0f4a8c5 --- /dev/null +++ b/jin-jie-zhi-shi/13/socketio.md @@ -0,0 +1,46 @@ +# Socket.io库 + +## Socket.io是什么？ + +### 基于事件的实时双向通信库 + +* 基于websocket协议 +* 前后端通过事件进行双向通信 +* 配合express，快速开发实时应用 + +## Socket.io和Ajax区别 + +### 基于不同的网络协议 + +* Ajax基于http协议，单向，实时获取数据只能轮询 +* socket.io基于websocket双向通信协议，后端可以主动推送数据 +* 现代浏览器均可以支持websocket + +![](../../.gitbook/assets/桌面%20宽屏.png) + +## Socket.io后端API + +### 配合express + +* IO = require$'socket.io'$$http$ +* io.on 监听事件 +* io.emit 触发事件 + +## Socket.io前端API + +### 配合 express + +* import io from 'socket.io-client' +* io.on 监听事件 +* io.emit 触发事件 + +## Socket.io合并HTTP + +```javascript +const express = require('express') +const app = express() +//work with express +const server = require('http').Server(app) +const io = require('socket.io')(server) +``` + diff --git a/jin-jie-zhi-shi/14.md b/jin-jie-zhi-shi/14.md new file mode 100644 index 0000000..6df4cdb --- /dev/null +++ b/jin-jie-zhi-shi/14.md @@ -0,0 +1,2 @@ +# 设计模式 + diff --git a/jin-jie-zhi-shi/16.md b/jin-jie-zhi-shi/16.md new file mode 100644 index 0000000..f353747 --- /dev/null +++ b/jin-jie-zhi-shi/16.md @@ -0,0 +1,16 @@ +# 性能优化 + +## 页面性能 + +* 浏览器缓存 + +### 缓存分类 + +* 强缓存：直接拿来用的缓存 + * **Expires** Expires：Thu, 21 Jan 2018 23:39:02 GMT **（表示绝对时间，时间来自服务器，但是做比较的时候以本地浏览器的时间作为比较）** + * **Cache-Control** Cache-Control：max-age = 3600**（客户端相对时间）它的判断优先级高** +* 协商缓存：本地有副本，但无法确实是否可以使用，需要询问服务器 + * **Last-Modified （服务端发过来修改时间）=== If-Modified-Since （通过这个Key值询问是否变化）** + * **Etag （哈希值，如果修改时间变了，但是内容没变通过对比Etag值来判断是否可以再用）** + * **If-None-Match是一个条件式请求首部。对于** `GET` **和** `HEAD` **请求方法来说，当且仅当服务器上没有任何资源的**`ETag`**属性值与这个首部中列出的相匹配的时候，服务器端会才返回所请求的资源，响应码为 200 。对于其他方法来说，当且仅当最终确认没有已存在的资源的** `ETag` **属性值与这个首部中所列出的相匹配的时候，才会对请求进行相应的处理。** + diff --git a/jin-jie-zhi-shi/17.md b/jin-jie-zhi-shi/17.md new file mode 100644 index 0000000..d6a3fb8 --- /dev/null +++ b/jin-jie-zhi-shi/17.md @@ -0,0 +1,86 @@ +# 异常监控 + +* 前端错误的分类 +* 错误的捕获方式 +* 上报错误的基本原理 + +## 1、前端错误的分类 + +* 即时运行错误：代码错误 +* 资源加载错误 + +## 2、错误的捕获方式 + +### 即时运行错误捕获方式 + +1. try...catch +2. window.onerror + +### 资源加载错误 + +1. object.onerror +2. performance.getEntries +3. Error事件捕获 + +* 资源加载错误事件不会冒泡，只会在本身这个object报错事件进行响应 +* performace.getEntries这个API获取所有资源的加载地址 + +![](../.gitbook/assets/performance.png) + +* Error事件捕获 + +```markup + + + + + + + + + + + +``` + +![](../.gitbook/assets/onerror.png) + +### 跨域资源加载错误 + +1. 在script标签增加crossorigin属性（客户端错误） +2. 设置JS资源响应头Access-Control-Allow-Origin:\*（服务端做） + +## 3、错误监控 + +* 上报错误的基本原理 + * 使用Ajax通信进行上报 + * 利用Image对象上报 + +```markup + + + + + + + + + + + + +``` + +![](../.gitbook/assets/uploaderror.png) + diff --git a/jin-jie-zhi-shi/19-javascriptgong-ju/README.md b/jin-jie-zhi-shi/19-javascriptgong-ju/README.md new file mode 100644 index 0000000..e7af555 --- /dev/null +++ b/jin-jie-zhi-shi/19-javascriptgong-ju/README.md @@ -0,0 +1,2 @@ +# 工具 + diff --git a/jin-jie-zhi-shi/19-javascriptgong-ju/shi-jian-cao-zuo.md b/jin-jie-zhi-shi/19-javascriptgong-ju/shi-jian-cao-zuo.md new file mode 100644 index 0000000..acab8d3 --- /dev/null +++ b/jin-jie-zhi-shi/19-javascriptgong-ju/shi-jian-cao-zuo.md @@ -0,0 +1,29 @@ +# 时间操作 + +## 时间内整天数据筛选 + +```text + +``` + +## 获取时间内整天 + +```typescript +/** + * getXAxis（）方法作用：获取开始日期和结束日期之间（包含开始日期和结束日期）的日期数组，可作为时间轴坐标等 + * @param filters: {tab:0/1/2, startTime:开始日期, endTime:结束日期} + * 说明： tab：取值0或1或2，分别表示日、月、年，对应的startTime和endTime的格式分别为'yyyy-MM-dd'、'yyyy-MM'、'yyyy' + */ +export function getXAxis(startTime: number, endTime: number): any { + const length = (endTime - startTime) / (1000 * 24 * 60 * 60) + 1; + const start = moment(startTime); + const xAxis = new Array(length); + for (let i = 0; i < length; i++) { + start.set('date', start.get('date') + 1); + xAxis[i] = moment(startTime).format('YYYY-MM-DD'); + } + + return xAxis; +} +``` + diff --git a/node_modules/jquery/AUTHORS.txt b/node_modules/jquery/AUTHORS.txt deleted file mode 100644 index c32c25f..0000000 --- a/node_modules/jquery/AUTHORS.txt +++ /dev/null @@ -1,301 +0,0 @@ -Authors ordered by first contribution. - -John Resig -Gilles van den Hoven -Michael Geary -Stefan Petre -Yehuda Katz -Corey Jewett -Klaus Hartl -Franck Marcia -Jörn Zaefferer -Paul Bakaus -Brandon Aaron -Mike Alsup -Dave Methvin -Ed Engelhardt -Sean Catchpole -Paul Mclanahan -David Serduke -Richard D. Worth -Scott González -Ariel Flesler -Jon Evans -TJ Holowaychuk -Michael Bensoussan -Robert Katić -Louis-Rémi Babé -Earle Castledine -Damian Janowski -Rich Dougherty -Kim Dalsgaard -Andrea Giammarchi -Mark Gibson -Karl Swedberg -Justin Meyer -Ben Alman -James Padolsey -David Petersen -Batiste Bieler -Alexander Farkas -Rick Waldron -Filipe Fortes -Neeraj Singh -Paul Irish -Iraê Carvalho -Matt Curry -Michael Monteleone -Noah Sloan -Tom Viner -Douglas Neiner -Adam J. Sontag -Dave Reed -Ralph Whitbeck -Carl Fürstenberg -Jacob Wright -J. Ryan Stinnett -unknown -temp01 -Heungsub Lee -Colin Snover -Ryan W Tenney -Pinhook -Ron Otten -Jephte Clain -Anton Matzneller -Alex Sexton -Dan Heberden -Henri Wiechers -Russell Holbrook -Julian Aubourg -Gianni Alessandro Chiappetta -Scott Jehl -James Burke -Jonas Pfenniger -Xavi Ramirez -Jared Grippe -Sylvester Keil -Brandon Sterne -Mathias Bynens -Timmy Willison <4timmywil@gmail.com> -Corey Frang -Digitalxero -Anton Kovalyov -David Murdoch -Josh Varner -Charles McNulty -Jordan Boesch -Jess Thrysoee -Michael Murray -Lee Carpenter -Alexis Abril -Rob Morgan -John Firebaugh -Sam Bisbee -Gilmore Davidson -Brian Brennan -Xavier Montillet

小暑

小雪

清明

芒种

雨水

JavaScript学习