OOP
Vivian_shuang
Be a IT engineer!
展开
-
面向对象初识
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> head> body> script type="text/javascript"> var x = 0; function test(){ // 键值-key value 属性 // 函数(面向过程)-> 方法(面向) } // 字面量原创 2016-08-08 08:21:12 · 204 阅读 · 3 评论 -
对象原型
DOCTYPE html> html> head> meta charset="UTF-8"> title>对象原型title> head> body> script type="text/javascript"> function Animal(name) { this.name = name; } // 构造函数首字母必须大写 var dog原创 2016-08-08 08:22:32 · 209 阅读 · 4 评论 -
数组扩展
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> head> body> script type="text/javascript"> // 面向对象三个特征:封装,继承,多态 var arr = [1, 2, 3, 4, 5]; // map 函数:对数组里每一个元素做相同的操作 var原创 2016-08-08 08:23:32 · 238 阅读 · 3 评论 -
字符串扩展
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> head> body> script type="text/javascript"> var str = "weather"; console.log(str); // 给字符串添加一个打印自身的方法 String.prototype.nLog =原创 2016-08-08 08:24:28 · 311 阅读 · 3 评论 -
原型链
DOCTYPE html> html> head> meta charset="UTF-8"> title>原型链title> head> body> script type="text/javascript"> function Animal(){ this.name = "大黄"; } var daHuang = new Animal(); funct原创 2016-08-08 08:25:00 · 226 阅读 · 1 评论 -
大图滚动(面向对象版)
DOCTYPE html> html> head> meta charset="UTF-8"> title>面向对象版title> style type="text/css"> * { margin: 0; padding: 0; } #wrap { width: 700px; height: 500px; overflow: hidden;原创 2016-08-08 08:26:25 · 393 阅读 · 7 评论 -
面向对象方法仿写JQuery
DOCTYPE html> html> head> meta charset="utf-8" /> title>title> head> body> script type="text/javascript"> // 参数分三种情况: // 1. 字符串:选择器 // 2. function:ready方法 // 3. 原生对象:原生对象转JQ对象 function原创 2016-08-08 08:27:18 · 1748 阅读 · 5 评论 -
面向对象方法仿写JQuery2
DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> head> body> div.wrap*3>input*3--> div> div class="wrap"> input type="text"> input type="text"> in原创 2016-08-08 08:28:09 · 866 阅读 · 4 评论 -
canvas放大镜
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> head> body> canvas id="canvas" width="500" height="410">canvas> script type="text/javascript"> var canvas = document原创 2016-08-08 08:36:57 · 372 阅读 · 4 评论