├── .idea ├── .name ├── compiler.xml ├── copyright │ └── profiles_settings.xml ├── encodings.xml ├── jsLibraryMappings.xml ├── misc.xml ├── modules.xml ├── testJS.iml ├── uiDesigner.xml └── workspace.xml ├── 1.闭包.html ├── 10.序列化.html ├── 11.toString.html ├── 12.数组.html ├── 13.数组迭代.html ├── 14.数组方法.html ├── 15.变量和函数的声明前置.html ├── 16.this表示全局变量.html ├── 17.构造函数中是否有return.html ├── 18.call和apply方法改变this指向.html ├── 19.bind.html ├── 2.this的用法.html ├── 20.函数属性&arguments.html ├── 21.闭包2.html ├── 22.常见错误之循环闭包.html ├── 23.解决Function方法体过长.html ├── 24.eval计算器.html ├── 25.完整原型链.html ├── 26.继承的三种方法.html ├── 27.作用域链.html ├── 28.执行上下文EC和变量对象VO.html ├── 29.再谈原型链.html ├── 3.localStorage.html ├── 30.正则表达式.html ├── 31.Ajax.html ├── 32.递归应用.html ├── 33.复杂的面试题.html ├── 34.变量提升练习题.html ├── 35.练习.html ├── 36.再谈闭包.html ├── 37.循环点击事件中的问题.html ├── 38.闭包的基本模式.html ├── 39.for循环中setTimeout出现的问题.html ├── 4.构造函数.原型.实例化对象.html ├── 40.斐波拉契数列的性能问题.html ├── 41.px em rem的区别.html ├── 42.CSS3新增的盒子模型属性.html ├── 43.线穿过文字的效果.html ├── 44.共用一边.html ├── 45.右箭头的纯css做法.html ├── 46.下拉菜单.html ├── 47.下拉菜单第二种方法.html ├── 48.线上搜索.html ├── 49.JQ转JS (用JS的方法写JQ语法).html ├── 5.原型链.html ├── 50.JS转JQ.html ├── 51.手风琴效果.html ├── 52.用正则表达式去除字符串两边的空格.html ├── 53.全面理解ES6中的Promise.html ├── 54.数组去重.html ├── 55.实现圆形点击区域.html ├── 56.箭头函数中的this.html ├── 57.将伪数组转化为真数组.html ├── 58.用flex布局让中间盒子高度自适应.html ├── 59.bind的用法.html ├── 6.继承.html ├── 7.原型链2.html ├── 8.判断数据类型.html ├── 9.经典继承.html ├── README.md ├── es6 ├── 1.let.html ├── 10.函数的name属性.html ├── 11.箭头函数.html ├── 12.深度拷贝问题.html ├── 13.iterator迭代器.html ├── 14.generators生成器.html ├── 15.类class.html ├── 16.get和set方法.html ├── 17.static静态方法.html ├── 18.extends类的继承.html ├── 19.Set方法.html ├── 2.const.html ├── 20.Map方法.html ├── 3.解构.html ├── 4.字符模板.html ├── 5.strings的方法.html ├── 6.设置函数默认参数值.html ├── 7.spread.html ├── 8.rest.html ├── 9.解构参数.html └── script.js ├── hello.js ├── img ├── 11.jpg ├── 22.jpg ├── 33.jpg ├── 44.jpg ├── 55.jpg ├── down.gif ├── left.jpg ├── right.jpg └── up.gif ├── jquery-1.12.1.min.js ├── movie.mp4 ├── nodeJS └── 1.__dirname&readFile │ ├── foo.js │ └── test │ ├── bar.js │ └── test.js ├── popup.js ├── question ├── 1.Array和HTMLCollection.html ├── 2.数组去重.html ├── 3.闭包.html ├── 4.原型.html ├── 5.数组降维.html └── 5.画一个特殊形状.html ├── step.js └── testJS ├── 10.序列化.html ├── 11.toString.html ├── 12.数组.html ├── 13.数组迭代.html ├── 14.数组方法.html ├── 15.变量和函数的声明前置.html ├── 16.this表示全局变量.html ├── 17.构造函数中是否有return.html ├── 18.call和apply方法改变this指向.html ├── 19.bind.html ├── 2.this的用法.html ├── 20.函数属性&arguments.html ├── 21.闭包2.html ├── 22.常见错误之循环闭包.html ├── 23.解决Function方法体过长.html ├── 24.eval计算器.html ├── 25.完整原型链.html ├── 26.继承的三种方法.html ├── 27.作用域链.html ├── 28.执行上下文EC和变量对象VO.html ├── 29.再谈原型链.html ├── 3.localStorage.html ├── 30.正则表达式.html ├── 31.Ajax.html ├── 32.递归应用.html ├── 33.复杂的面试题.html ├── 34.变量提升练习题.html ├── 35.练习.html ├── 36.再谈闭包.html ├── 37.循环点击事件中的问题.html ├── 38.闭包的基本模式.html ├── 39.for循环中setTimeout出现的问题.html ├── 4.构造函数.原型.实例化对象.html ├── 40.斐波拉契数列的性能问题.html ├── 41.px em rem的区别.html ├── 42.CSS3新增的盒子模型属性.html ├── 43.线穿过文字的效果.html ├── 44.共用一边.html ├── 45.右箭头的纯css做法.html ├── 46.下拉菜单.html ├── 47.下拉菜单第二种方法.html ├── 48.线上搜索.html ├── 49.JQ转JS (用JS的方法写JQ语法).html ├── 5.原型链.html ├── 50.JS转JQ.html ├── 51.手风琴效果.html ├── 52.用正则表达式去除字符串两边的空格.html ├── 53.全面理解ES6中的Promise.html ├── 54.数组去重.html ├── 55.实现圆形点击区域.html ├── 56.箭头函数中的this.html ├── 57.将伪数组转化为真数组.html ├── 58.用flex布局让中间盒子高度自适应.html ├── 59.bind的用法.html ├── 6.继承.html ├── 7.原型链2.html ├── 8.判断数据类型.html ├── 9.经典继承.html ├── hello.js ├── img ├── 11.jpg ├── 22.jpg ├── 33.jpg ├── 44.jpg ├── 55.jpg ├── down.gif ├── left.jpg ├── right.jpg └── up.gif ├── jquery-1.12.1.min.js ├── movie.mp4 ├── popup.js └── question ├── 1.Array和HTMLCollection.html ├── 2.数组去重.html ├── 3.闭包.html ├── 4.原型.html ├── 5.数组降维.html └── 5.画一个特殊形状.html /.idea/.name: -------------------------------------------------------------------------------- 1 | testJS -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/jsLibraryMappings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 44 | 45 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /.idea/testJS.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /.idea/uiDesigner.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | -------------------------------------------------------------------------------- /1.闭包.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /10.序列化.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /11.toString.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /12.数组.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /13.数组迭代.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /14.数组方法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 120 | 121 | 122 | 123 | 124 | -------------------------------------------------------------------------------- /15.变量和函数的声明前置.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /16.this表示全局变量.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 71 | 72 | 73 | 74 | 75 | -------------------------------------------------------------------------------- /17.构造函数中是否有return.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /18.call和apply方法改变this指向.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /19.bind.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 59 | 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /2.this的用法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /20.函数属性&arguments.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /21.闭包2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /22.常见错误之循环闭包.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 14 | 36 | 37 | 38 |
aaa
39 |
bbb
40 |
ccc
41 | 42 | -------------------------------------------------------------------------------- /23.解决Function方法体过长.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 15 | 54 | 55 | 56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /24.eval计算器.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 20 | 21 | 22 | 23 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /25.完整原型链.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /26.继承的三种方法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 46 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /27.作用域链.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /28.执行上下文EC和变量对象VO.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /29.再谈原型链.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 55 | 56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /3.localStorage.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /30.正则表达式.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 11 | 12 | 13 |
Loading …
14 | 15 | -------------------------------------------------------------------------------- /31.Ajax.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 25 | 26 | 27 |

使用 AJAX 修改该文本内容

28 | 29 | 30 | -------------------------------------------------------------------------------- /32.递归应用.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 35 | 36 | 37 |
我是div 38 |

我是p标签我是span标签我是span标签我是span标签

39 |

我是p标签我是span标签我是span标签我是span标签

40 |

我是p标签我是span标签我是span标签我是span标签

41 |
42 |
我是div 43 |

我是p标签我是span标签我是span标签我是span标签

44 |

我是p标签我是span标签我是span标签我是span标签

45 |

我是p标签我是span标签我是span标签我是span标签

46 |
47 |
我是div 48 |

我是p标签我是span标签我是span标签我是span标签

49 |

我是p标签我是span标签我是span标签我是span标签

50 |

我是p标签我是span标签我是span标签我是span标签

51 |
52 | 53 | -------------------------------------------------------------------------------- /33.复杂的面试题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /34.变量提升练习题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /35.练习.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /36.再谈闭包.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 53 | 54 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /37.循环点击事件中的问题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 14 | 33 | 34 | 35 |
第0个div
36 |
第1个div
37 |
第2个div
38 |
第3个div
39 |
第4个div
40 |
第5个div
41 |
第6个div
42 | 43 | -------------------------------------------------------------------------------- /38.闭包的基本模式.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 54 | 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /39.for循环中setTimeout出现的问题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /4.构造函数.原型.实例化对象.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /40.斐波拉契数列的性能问题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 91 | 92 | 93 | 94 | 95 | -------------------------------------------------------------------------------- /41.px em rem的区别.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 20 | 22 | 23 | 24 | 25 | 26 |

我是p标签 27 | 我是span标签 28 |

29 | 30 | -------------------------------------------------------------------------------- /42.CSS3新增的盒子模型属性.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 40 | 41 | 42 |
43 |

44 |

45 |

46 |
47 | 48 | -------------------------------------------------------------------------------- /43.线穿过文字的效果.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 19 | 20 | 21 |

联系我们

22 | 23 | -------------------------------------------------------------------------------- /44.共用一边.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 23 | 24 | 25 |
26 |
27 | 28 | -------------------------------------------------------------------------------- /45.右箭头的纯css做法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 20 | 21 | 22 |
更多 23 | 24 | 25 |
26 | 27 | -------------------------------------------------------------------------------- /46.下拉菜单.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 42 | 43 | 44 |
45 |
购物
46 | 52 |
53 | 54 | 67 | -------------------------------------------------------------------------------- /47.下拉菜单第二种方法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 41 | 42 | 43 |
44 | 购物 45 | 51 |
52 | 53 | 63 | -------------------------------------------------------------------------------- /48.线上搜索.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 33 | 34 | 35 |
36 | 37 | 38 |
39 | 40 | -------------------------------------------------------------------------------- /49.JQ转JS (用JS的方法写JQ语法).html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 25 | 26 | 27 | 30 | 31 | 32 |
33 | 34 | -------------------------------------------------------------------------------- /5.原型链.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /50.JS转JQ.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 15 | 16 | 17 | 20 | 21 | -------------------------------------------------------------------------------- /51.手风琴效果.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 36 | 37 | 48 | 49 | 50 |
51 | 58 |
59 | 60 | -------------------------------------------------------------------------------- /52.用正则表达式去除字符串两边的空格.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /53.全面理解ES6中的Promise.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 232 | 233 | 234 | 235 | 236 | -------------------------------------------------------------------------------- /54.数组去重.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /55.实现圆形点击区域.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 14 | 15 | 16 |
222sdfsgegerweg方式开发及水电费快圣诞节疯狂点击付款的风景
17 | 18 | -------------------------------------------------------------------------------- /56.箭头函数中的this.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /57.将伪数组转化为真数组.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /58.用flex布局让中间盒子高度自适应.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 41 | 42 | 43 |
44 |
45 |
222
46 |
47 |
48 | 53 | 54 | -------------------------------------------------------------------------------- /59.bind的用法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /6.继承.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /7.原型链2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /8.判断数据类型.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /9.经典继承.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # JavaScript-testJS 2 | 高级JavaScript中的面向对象的知识点以及典型的案例 3 | -------------------------------------------------------------------------------- /es6/1.let.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 18 | -------------------------------------------------------------------------------- /es6/10.函数的name属性.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 27 | -------------------------------------------------------------------------------- /es6/11.箭头函数.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 14 | -------------------------------------------------------------------------------- /es6/12.深度拷贝问题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 这一块还不是很懂 6 | 7 | 8 | 9 | 10 | 29 | -------------------------------------------------------------------------------- /es6/13.iterator迭代器.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 30 | -------------------------------------------------------------------------------- /es6/14.generators生成器.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 39 | -------------------------------------------------------------------------------- /es6/15.类class.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 24 | -------------------------------------------------------------------------------- /es6/16.get和set方法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 36 | -------------------------------------------------------------------------------- /es6/17.static静态方法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 26 | -------------------------------------------------------------------------------- /es6/18.extends类的继承.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 36 | -------------------------------------------------------------------------------- /es6/19.Set方法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 27 | -------------------------------------------------------------------------------- /es6/2.const.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 17 | -------------------------------------------------------------------------------- /es6/20.Map方法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 29 | -------------------------------------------------------------------------------- /es6/3.解构.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 30 | -------------------------------------------------------------------------------- /es6/4.字符模板.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 38 | -------------------------------------------------------------------------------- /es6/5.strings的方法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 20 | -------------------------------------------------------------------------------- /es6/6.设置函数默认参数值.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 19 | -------------------------------------------------------------------------------- /es6/7.spread.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 17 | -------------------------------------------------------------------------------- /es6/8.rest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 24 | -------------------------------------------------------------------------------- /es6/9.解构参数.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 | 10 | 18 | -------------------------------------------------------------------------------- /es6/script.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by ruiwang on 2017/6/30. 3 | */ 4 | 'use strict'; 5 | let breakfast = dessert => dessert; 6 | 7 | let breakfast1 = (dessert1,drink1) => (dessert1,drink1); -------------------------------------------------------------------------------- /hello.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by ruiwang on 2017/5/11. 3 | */ 4 | function hello(){ 5 | console.log("Hello World!"); 6 | } 7 | hello(); -------------------------------------------------------------------------------- /img/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/img/11.jpg -------------------------------------------------------------------------------- /img/22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/img/22.jpg -------------------------------------------------------------------------------- /img/33.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/img/33.jpg -------------------------------------------------------------------------------- /img/44.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/img/44.jpg -------------------------------------------------------------------------------- /img/55.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/img/55.jpg -------------------------------------------------------------------------------- /img/down.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/img/down.gif -------------------------------------------------------------------------------- /img/left.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/img/left.jpg -------------------------------------------------------------------------------- /img/right.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/img/right.jpg -------------------------------------------------------------------------------- /img/up.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/img/up.gif -------------------------------------------------------------------------------- /movie.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/movie.mp4 -------------------------------------------------------------------------------- /nodeJS/1.__dirname&readFile/foo.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by ruiwang on 2017/6/2. 3 | */ 4 | var fs=require('fs'); 5 | fs.readFile(__dirname+"./test.js","utf8",function(err,data){ 6 | console.log(data); 7 | if(err){ 8 | console.log(err); 9 | } 10 | }) //有点问题,先不急着使用 -------------------------------------------------------------------------------- /nodeJS/1.__dirname&readFile/test/bar.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by ruiwang on 2017/6/2. 3 | */ 4 | function add(a,b){ 5 | return a+b; 6 | } 7 | module.exports=add; -------------------------------------------------------------------------------- /nodeJS/1.__dirname&readFile/test/test.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by ruiwang on 2017/6/2. 3 | */ 4 | var add=require('./bar.js'); 5 | console.log(add(1,2)); -------------------------------------------------------------------------------- /popup.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by ruiwang on 2017/6/28. 3 | */ 4 | /** 5 | * Created by ruiwang on 17/6/26. 6 | */ 7 | 'use strict'; 8 | import React, {Component} from 'react'; 9 | import { 10 | StyleSheet, 11 | Image, 12 | ScrollView, 13 | Text, 14 | View, 15 | TouchableOpacity, 16 | Animated, 17 | TouchableWithoutFeedback, 18 | TouchableHighlight 19 | } from 'react-native'; 20 | import {Basic,Color,Global,Actions,AppDevice,CMIcons,CMModal} from 'LocalReference'; 21 | import CMfaceNotice from '../../libs/CMfaceNotice/index'; 22 | var deviceWidth = AppDevice.screenWidth(); 23 | var deviceHeight = AppDevice.screenHeight(); 24 | var minWidth = AppDevice.minWidth(); 25 | export default class BottomModal extends Component { 26 | constructor(props) { 27 | super(props); 28 | this.props = props; 29 | this.state = { 30 | modalVisible: false, 31 | modalAnimatedHeight: new Animated.Value(-400), 32 | chaAnim: new Animated.Value(0), 33 | loanState: props.loanState ? props.loanState : 0, 34 | title: this.props.title, 35 | content: this.props.content, 36 | } 37 | } 38 | 39 | showBtnModalOrNo() { 40 | var _this = this; 41 | var isShow = this.state.modalVisible; 42 | if (isShow) { 43 | Animated.timing( // Uses easing functions 44 | _this.state.chaAnim, // The value to drive 45 | {toValue: 0, duration: 150} // Configuration 46 | ).start(()=> { 47 | Animated.timing( // Uses easing functions 48 | _this.state.modalAnimatedHeight, // The value to drive 49 | {toValue: -400, duration: 300} // Configuration 50 | ).start(()=> { 51 | _this.CMModal.hideModal(); 52 | _this.setState({ 53 | modalVisible: false, 54 | }) 55 | _this.props.checkFaceRecognition(); 56 | }); 57 | }) 58 | } else { 59 | _this.setState({ 60 | modalVisible: true, 61 | }) 62 | _this.CMModal.showModal(function () { 63 | Animated.timing(// Uses easing functions 64 | _this.state.modalAnimatedHeight, // The value to drive 65 | {toValue: 0, duration: 300} // Configuration 66 | ).start(()=> { 67 | Animated.timing(// Uses easing functions 68 | _this.state.chaAnim, // The value to drive 69 | {toValue: 1, duration: 150} // Configuration 70 | ).start(); 71 | }); 72 | }); 73 | } 74 | } 75 | 76 | render() { 77 | let _this = this; 78 | return ( 79 | {this.CMModal=refs;}} 81 | > 82 | this.showBtnModalOrNo()} activeOpacity={1}/> 83 | 84 | 85 | 86 | this.showBtnModalOrNo()} activeOpacity={1} 87 | style={[styles.modalChaView]}> 88 | 我知道了 89 | 90 | 91 | 92 | 93 | ) 94 | } 95 | } 96 | 97 | const styles = StyleSheet.create({ 98 | modalSpace: { 99 | flex: 1, 100 | backgroundColor: 'rgba(0, 0, 0,0.7)', 101 | }, 102 | modalContainer: { 103 | alignItems: 'center', 104 | position:'relative', 105 | height:deviceHeight * 0.78 106 | }, 107 | modalAnimate: { 108 | backgroundColor: 'white' 109 | }, 110 | modalTitle: { 111 | color:'#333', 112 | fontSize: 17, 113 | marginTop: 18, 114 | marginBottom: 18, 115 | fontWeight:'400' 116 | }, 117 | itemSeparator: { 118 | height: minWidth, 119 | backgroundColor: Color.CM_BorderColor, 120 | }, 121 | modalText: { 122 | marginTop: 25, 123 | // marginBottom: 180, 124 | color: '#2a2a2a', 125 | fontSize: 16, 126 | fontWeight: '200', 127 | width: deviceWidth * 0.9, 128 | lineHeight: 22, 129 | textAlign:'justify', 130 | }, 131 | modalChaView: { 132 | position:'absolute', 133 | bottom:0, 134 | left:0, 135 | alignItems:'center', 136 | justifyContent:'center', 137 | width:deviceWidth, 138 | height:50, 139 | backgroundColor:Color.CMBlueColor 140 | }, 141 | modalChaText: { 142 | color:Color.CM_WhiteColor, 143 | fontSize:17, 144 | } 145 | }); 146 | -------------------------------------------------------------------------------- /question/1.Array和HTMLCollection.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 |
10 |
11 |
12 |
13 | 24 | 25 | -------------------------------------------------------------------------------- /question/2.数组去重.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /question/3.闭包.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /question/4.原型.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /question/5.数组降维.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 49 | 50 | 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /question/5.画一个特殊形状.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 31 | 32 | 33 |
34 |
35 |
36 | 37 | -------------------------------------------------------------------------------- /testJS/10.序列化.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /testJS/11.toString.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /testJS/12.数组.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /testJS/13.数组迭代.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /testJS/14.数组方法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 120 | 121 | 122 | 123 | 124 | -------------------------------------------------------------------------------- /testJS/15.变量和函数的声明前置.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /testJS/16.this表示全局变量.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 71 | 72 | 73 | 74 | 75 | -------------------------------------------------------------------------------- /testJS/17.构造函数中是否有return.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /testJS/18.call和apply方法改变this指向.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /testJS/19.bind.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 59 | 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /testJS/2.this的用法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /testJS/20.函数属性&arguments.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /testJS/21.闭包2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /testJS/22.常见错误之循环闭包.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 14 | 36 | 37 | 38 |
aaa
39 |
bbb
40 |
ccc
41 | 42 | -------------------------------------------------------------------------------- /testJS/23.解决Function方法体过长.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 15 | 54 | 55 | 56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /testJS/24.eval计算器.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 20 | 21 | 22 | 23 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /testJS/25.完整原型链.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /testJS/26.继承的三种方法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 46 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /testJS/27.作用域链.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /testJS/28.执行上下文EC和变量对象VO.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /testJS/29.再谈原型链.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 55 | 56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /testJS/3.localStorage.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 | 9 |
10 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /testJS/30.正则表达式.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 11 | 12 | 13 |
Loading …
14 | 15 | -------------------------------------------------------------------------------- /testJS/31.Ajax.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 25 | 26 | 27 |

使用 AJAX 修改该文本内容

28 | 29 | 30 | -------------------------------------------------------------------------------- /testJS/32.递归应用.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 35 | 36 | 37 |
我是div 38 |

我是p标签我是span标签我是span标签我是span标签

39 |

我是p标签我是span标签我是span标签我是span标签

40 |

我是p标签我是span标签我是span标签我是span标签

41 |
42 |
我是div 43 |

我是p标签我是span标签我是span标签我是span标签

44 |

我是p标签我是span标签我是span标签我是span标签

45 |

我是p标签我是span标签我是span标签我是span标签

46 |
47 |
我是div 48 |

我是p标签我是span标签我是span标签我是span标签

49 |

我是p标签我是span标签我是span标签我是span标签

50 |

我是p标签我是span标签我是span标签我是span标签

51 |
52 | 53 | -------------------------------------------------------------------------------- /testJS/33.复杂的面试题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /testJS/34.变量提升练习题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /testJS/35.练习.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /testJS/36.再谈闭包.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 53 | 54 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /testJS/37.循环点击事件中的问题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 14 | 33 | 34 | 35 |
第0个div
36 |
第1个div
37 |
第2个div
38 |
第3个div
39 |
第4个div
40 |
第5个div
41 |
第6个div
42 | 43 | -------------------------------------------------------------------------------- /testJS/38.闭包的基本模式.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 54 | 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /testJS/39.for循环中setTimeout出现的问题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /testJS/4.构造函数.原型.实例化对象.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /testJS/40.斐波拉契数列的性能问题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 91 | 92 | 93 | 94 | 95 | -------------------------------------------------------------------------------- /testJS/41.px em rem的区别.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 20 | 22 | 23 | 24 | 25 | 26 |

我是p标签 27 | 我是span标签 28 |

29 | 30 | -------------------------------------------------------------------------------- /testJS/42.CSS3新增的盒子模型属性.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 40 | 41 | 42 |
43 |

44 |

45 |

46 |
47 | 48 | -------------------------------------------------------------------------------- /testJS/43.线穿过文字的效果.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 19 | 20 | 21 |

联系我们

22 | 23 | -------------------------------------------------------------------------------- /testJS/44.共用一边.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 23 | 24 | 25 |
26 |
27 | 28 | -------------------------------------------------------------------------------- /testJS/45.右箭头的纯css做法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 20 | 21 | 22 |
更多 23 | 24 | 25 |
26 | 27 | -------------------------------------------------------------------------------- /testJS/46.下拉菜单.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 42 | 43 | 44 |
45 |
购物
46 | 52 |
53 | 54 | 67 | -------------------------------------------------------------------------------- /testJS/47.下拉菜单第二种方法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 41 | 42 | 43 |
44 | 购物 45 | 51 |
52 | 53 | 63 | -------------------------------------------------------------------------------- /testJS/48.线上搜索.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 33 | 34 | 35 |
36 | 37 | 38 |
39 | 40 | -------------------------------------------------------------------------------- /testJS/49.JQ转JS (用JS的方法写JQ语法).html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 25 | 26 | 27 | 30 | 31 | 32 |
33 | 34 | -------------------------------------------------------------------------------- /testJS/5.原型链.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /testJS/50.JS转JQ.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 15 | 16 | 17 | 20 | 21 | -------------------------------------------------------------------------------- /testJS/51.手风琴效果.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 36 | 37 | 48 | 49 | 50 |
51 | 58 |
59 | 60 | -------------------------------------------------------------------------------- /testJS/52.用正则表达式去除字符串两边的空格.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /testJS/53.全面理解ES6中的Promise.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 232 | 233 | 234 | 235 | 236 | -------------------------------------------------------------------------------- /testJS/54.数组去重.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /testJS/55.实现圆形点击区域.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 14 | 15 | 16 |
222sdfsgegerweg方式开发及水电费快圣诞节疯狂点击付款的风景
17 | 18 | -------------------------------------------------------------------------------- /testJS/56.箭头函数中的this.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /testJS/57.将伪数组转化为真数组.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /testJS/58.用flex布局让中间盒子高度自适应.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 41 | 42 | 43 |
44 |
45 |
222
46 |
47 |
48 | 53 | 54 | -------------------------------------------------------------------------------- /testJS/59.bind的用法.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /testJS/6.继承.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /testJS/7.原型链2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /testJS/8.判断数据类型.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /testJS/9.经典继承.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /testJS/hello.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by ruiwang on 2017/5/11. 3 | */ 4 | function hello(){ 5 | console.log("Hello World!"); 6 | } 7 | hello(); -------------------------------------------------------------------------------- /testJS/img/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/testJS/img/11.jpg -------------------------------------------------------------------------------- /testJS/img/22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/testJS/img/22.jpg -------------------------------------------------------------------------------- /testJS/img/33.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/testJS/img/33.jpg -------------------------------------------------------------------------------- /testJS/img/44.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/testJS/img/44.jpg -------------------------------------------------------------------------------- /testJS/img/55.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/testJS/img/55.jpg -------------------------------------------------------------------------------- /testJS/img/down.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/testJS/img/down.gif -------------------------------------------------------------------------------- /testJS/img/left.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/testJS/img/left.jpg -------------------------------------------------------------------------------- /testJS/img/right.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/testJS/img/right.jpg -------------------------------------------------------------------------------- /testJS/img/up.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/testJS/img/up.gif -------------------------------------------------------------------------------- /testJS/movie.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spicyboiledfish/JavaScript-testJS/1e27bd5d622f66b44b3c2c2986273fdcbf954c2d/testJS/movie.mp4 -------------------------------------------------------------------------------- /testJS/popup.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by ruiwang on 2017/6/28. 3 | */ 4 | /** 5 | * Created by ruiwang on 17/6/26. 6 | */ 7 | 'use strict'; 8 | import React, {Component} from 'react'; 9 | import { 10 | StyleSheet, 11 | Image, 12 | ScrollView, 13 | Text, 14 | View, 15 | TouchableOpacity, 16 | Animated, 17 | TouchableWithoutFeedback, 18 | TouchableHighlight 19 | } from 'react-native'; 20 | import {Basic,Color,Global,Actions,AppDevice,CMIcons,CMModal} from 'LocalReference'; 21 | import CMfaceNotice from '../../libs/CMfaceNotice/index'; 22 | var deviceWidth = AppDevice.screenWidth(); 23 | var deviceHeight = AppDevice.screenHeight(); 24 | var minWidth = AppDevice.minWidth(); 25 | export default class BottomModal extends Component { 26 | constructor(props) { 27 | super(props); 28 | this.props = props; 29 | this.state = { 30 | modalVisible: false, 31 | modalAnimatedHeight: new Animated.Value(-400), 32 | chaAnim: new Animated.Value(0), 33 | loanState: props.loanState ? props.loanState : 0, 34 | title: this.props.title, 35 | content: this.props.content, 36 | } 37 | } 38 | 39 | showBtnModalOrNo() { 40 | var _this = this; 41 | var isShow = this.state.modalVisible; 42 | if (isShow) { 43 | Animated.timing( // Uses easing functions 44 | _this.state.chaAnim, // The value to drive 45 | {toValue: 0, duration: 150} // Configuration 46 | ).start(()=> { 47 | Animated.timing( // Uses easing functions 48 | _this.state.modalAnimatedHeight, // The value to drive 49 | {toValue: -400, duration: 300} // Configuration 50 | ).start(()=> { 51 | _this.CMModal.hideModal(); 52 | _this.setState({ 53 | modalVisible: false, 54 | }) 55 | _this.props.checkFaceRecognition(); 56 | }); 57 | }) 58 | } else { 59 | _this.setState({ 60 | modalVisible: true, 61 | }) 62 | _this.CMModal.showModal(function () { 63 | Animated.timing(// Uses easing functions 64 | _this.state.modalAnimatedHeight, // The value to drive 65 | {toValue: 0, duration: 300} // Configuration 66 | ).start(()=> { 67 | Animated.timing(// Uses easing functions 68 | _this.state.chaAnim, // The value to drive 69 | {toValue: 1, duration: 150} // Configuration 70 | ).start(); 71 | }); 72 | }); 73 | } 74 | } 75 | 76 | render() { 77 | let _this = this; 78 | return ( 79 | {this.CMModal=refs;}} 81 | > 82 | this.showBtnModalOrNo()} activeOpacity={1}/> 83 | 84 | 85 | 86 | this.showBtnModalOrNo()} activeOpacity={1} 87 | style={[styles.modalChaView]}> 88 | 我知道了 89 | 90 | 91 | 92 | 93 | ) 94 | } 95 | } 96 | 97 | const styles = StyleSheet.create({ 98 | modalSpace: { 99 | flex: 1, 100 | backgroundColor: 'rgba(0, 0, 0,0.7)', 101 | }, 102 | modalContainer: { 103 | alignItems: 'center', 104 | position:'relative', 105 | height:deviceHeight * 0.78 106 | }, 107 | modalAnimate: { 108 | backgroundColor: 'white' 109 | }, 110 | modalTitle: { 111 | color:'#333', 112 | fontSize: 17, 113 | marginTop: 18, 114 | marginBottom: 18, 115 | fontWeight:'400' 116 | }, 117 | itemSeparator: { 118 | height: minWidth, 119 | backgroundColor: Color.CM_BorderColor, 120 | }, 121 | modalText: { 122 | marginTop: 25, 123 | // marginBottom: 180, 124 | color: '#2a2a2a', 125 | fontSize: 16, 126 | fontWeight: '200', 127 | width: deviceWidth * 0.9, 128 | lineHeight: 22, 129 | textAlign:'justify', 130 | }, 131 | modalChaView: { 132 | position:'absolute', 133 | bottom:0, 134 | left:0, 135 | alignItems:'center', 136 | justifyContent:'center', 137 | width:deviceWidth, 138 | height:50, 139 | backgroundColor:Color.CMBlueColor 140 | }, 141 | modalChaText: { 142 | color:Color.CM_WhiteColor, 143 | fontSize:17, 144 | } 145 | }); 146 | -------------------------------------------------------------------------------- /testJS/question/1.Array和HTMLCollection.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 7 | 8 |
9 |
10 |
11 |
12 |
13 | 24 | 25 | -------------------------------------------------------------------------------- /testJS/question/2.数组去重.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /testJS/question/3.闭包.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /testJS/question/4.原型.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /testJS/question/5.数组降维.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 50 | 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /testJS/question/5.画一个特殊形状.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Title 6 | 31 | 32 | 33 |
34 |
35 |
36 | 37 | --------------------------------------------------------------------------------