- 博客(11)
- 收藏
- 关注
RSS订阅原创 拷贝与继承
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&g.
2020-08-08 19:16:25
241
原创 继承
/* 继承 : 从父类（父构造函数）得到相关的属性和方法，给子类（子构造函数）。那么通过子构造函数创建出来的对象，就能够拥有父构造函数的属性和方法。 继承：复用代码的一种形式。 */ //如何实现继承： //1. 完成属性的继承 父类.call() //2. 完成方法的继承 function Person(){ //父类 this.username = 'xiaoming'; this.age = 2...
2020-08-06 23:15:26
118
原创 原型与原型链基本概念
function Person(){ this.name = 'xiaoming'; this.showName = function(){ return '我叫：' + this.name; }; } var p1 = new Person(); var p2 = new Person(); console.log( p1.showName == p2.showName ); //fal...
2020-08-06 23:13:20
200
原创 递归算法
递归算法//递归算法：函数体内调用函数自身。递归容易产生死循环。如果不想出现死循环，就得在满足一定的条件下停止调用自己，来停止递归。 //递归解决的问题：把一个复杂的应用，可以拆解成若干个简单的应用，就可以利用递归去做。 /* function foo(){ foo(); } foo(); */ // 前面：求阶乘 !5 -> 5 * 4 * 3 * 2 * 1 function foo(n){ if(.
2020-08-05 22:45:10
154
原创 对象的引用与拷贝
1、对象的引用问题var a = { username : 'xiaoming' }; var b = a; b.username = 'xiaoqiang'; console.log( a ); // xiaoqiang 对象的引用问题2、对象的拷贝 //对象的拷贝，用来解决对象之间的引用问题，希望让对象之间互相不影响。 var a = { username : 'xiaoming' }; var b = {}; for(var ..
2020-08-05 20:06:28
173
原创 堆栈
1、堆栈//在JS中很多时候，值相同，但不一定相等。 // JS数据类型： // 基本类型：字符串、布尔值、数字 ，之间的比较，只要值相同，就表示相等。 // 对象类型：数组、对象、函数，之间的比较，不仅值需要相同，并且内存中的引用地址也要相同，才认为他们是相等的。 //内存的引用地址？内存是由堆栈组成的，内存就是存储计算机当中的数据。 var a = 5; var b = a; b += 3; //consol
2020-08-05 20:00:52
90
原创 面向对象基础-构造函数
1、构造函数不具备预解析功能 var p1 = new Person(); console.log( p1.showName() ); //会报错的 function Person(){ this.name = 'xiaoming'; } Person.prototype.showName = function(){ return '我叫：' + this.name; } /* 注意的点：当写面向对象程序的时候.
2020-08-05 19:27:15
126
原创 JS封装运动框架
function move( options ){ var elem = options.elem; var targetObj = options.targetObj; var cbFn = options.cbFn || function(){}; //默认给一个空函数 var fx = options.fx || 'linear'; //添加了默认的运动形式 var d = options.time || 400; //添加了默认的运动时间 va.
2020-08-04 22:54:18
111
原创 JS强制数据类型转换
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><s...
2020-07-13 16:24:32
198
原创 图片默认间隙问题解决方法
Document /* 方法二，给图片加vertical-align: top/bottom/middle; /img{background: yellow;vertical-align: middle; / 改变元素基线位置，上中下 */}div{width: 600px;height: 200px;background: yellow;} ...
2020-07-04 08:46:45
1851
原创 不定宽导航水平居中
不定宽导航水平居中 不定宽导航水平居中 <div class="nav"> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">选择器</a><
2020-07-04 08:44:45
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人