Skip to content

Commit 01889ca

Browse files
dunizbdunizb
committed
框架封装
1 parent 7a2a2b2 commit 01889ca

16 files changed

Lines changed: 856 additions & 18 deletions

‎.idea/workspace.xml‎

Lines changed: 44 additions & 18 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎JS面向对象/apply转换数组.html‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>apply转换数组</title>
6+
</head>
7+
<body>
8+
</body>
9+
<script type="text/javascript">
10+
/*
11+
var a = {};
12+
a[ 0 ] = 'a';
13+
a[ 1 ] = 'b';
14+
a.length = 2;
15+
16+
// 数组自带的方法 concat
17+
// 语法: arr.concat( 1, 2, 3, [ 4, [ 5 ] ] );
18+
// 特点不修改原数组
19+
20+
var arr = [];
21+
//var newArr = arr.concat( a ); // 如果是伪数组放到这里 无效
22+
23+
var newArr = Array.prototype.concat.apply( arr, a );
24+
25+
// 该调用实际上利用了 apply 可以将第二个参数, 伪数组展开的方式使用参数
26+
// 而算法上还是希望将 伪数组中的每一个元素, 与当前数组合并, 返回新数组
27+
// 由于当前数组中什么东西都没有, 因此相当于将 伪数组 转换为 数组
28+
*/
29+
30+
// push实现
31+
/*
32+
var a = { length: 0 }; // 伪数组
33+
a[ a.length++ ] = 'abc'; // a[ 0 ] = 'abc'; a.length++;
34+
a[ a.length++ ] = 'def';
35+
36+
// 使用一个空数组, 将元素一个个放到数组中即可
37+
var arr = [];
38+
// arr.push( a ); // 此时不会将元素展开, 而是将这个伪数组作为一个元素加到数组中
39+
// 再次利用 apply 可以展开伪数组的特征
40+
arr.push.apply( arr, a );
41+
*/
42+
43+
// unshift
44+
/*
45+
var a = { length: 0 }; // 伪数组
46+
a[ a.length++ ] = 'abc'; // a[ 0 ] = 'abc'; a.length++;
47+
a[ a.length++ ] = 'def';
48+
49+
var arr = [];
50+
51+
arr.unshift.apply( arr, a );
52+
*/
53+
54+
var a = { length: 0 };
55+
a[ a.length++ ] = 'abc';
56+
a[ a.length++ ] = 'def';
57+
a[ a.length++ ] = '123';
58+
a[ a.length++ ] = '王钢蛋';
59+
a[ a.length++ ] = '456';
60+
61+
62+
// 假设他是一个数组, 就是应该 从 0 项开始截取到 最后
63+
// 如果可以的话, 应该 a.slice( 0 )
64+
// 但是他没有该方法
65+
// 借用 数组的 slice, 将 this 转换成 这个伪数组
66+
67+
var arr = [];
68+
// var newArr = arr.slice.apply( a, [ 0 ] );
69+
// 在使用的时候 为了简单也可以不传递第二个参数
70+
// var newArr = arr.slice.call( a );
71+
72+
// var newArr = arr.splice.call( a, 0 );
73+
74+
</script>
75+
</html>

‎JavaScript/内置对象/冒泡排序（终极优化）.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>冒泡排序（终极优化）</title>
6+
<meta name="Generator" content="Sublime Text3">
7+
<meta name="Author" content="dunizb">
8+
<meta name="website" content="http://www.mybry.com">
9+
<meta name="Description" content="读你，这世间唯有梦想和好姑娘不可辜负~~">
10+
<link type="image/x-icon" rel="shortcut icon" href="../image/favicon.ico" />
11+
<script type="text/javascript">
12+
var arr = [6,5,4,3,2,1];
13+
document.write("原始数组："+arr);
14+
var m = 0; //轮数
15+
var n = 0; //次数
16+
for(var i=0; i<arr.length-1; i++){
17+
var flag = true;
18+
for(var j=0; j<arr.length-1-i; j++){
19+
if(arr[j] > arr[j+1]){
20+
var temp = arr[j];
21+
arr[j] = arr[j+1];
22+
arr[j+1] = temp;
23+
flag = false;
24+
}
25+
n++;
26+
}
27+
m++;
28+
if(flag){
29+
break;
30+
}
31+
}
32+
document.write("<br/>排序后的数组："+arr);
33+
document.write("<br/>轮数："+m);
34+
document.write("<br/>次数："+n);
35+
</script>
36+
<body>
37+
38+
</body>
39+
</html>

‎JavaScript/内置对象/数组分隔.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head lang="en">
4+
<meta charset="UTF-8">
5+
<title></title>
6+
<style>
7+
#box {
8+
position: absolute;
9+
width: 100px;
10+
height: 100px;;
11+
background-color: red;
12+
left: 0;
13+
top:0;
14+
}
15+
</style>
16+
</head>
17+
<body>
18+
<input type="button" value="点击" id="btn" />
19+
<div id="box"></div>
20+
21+
<script type="text/javascript">
22+
var arr = ["关羽","张飞","赵云","马超","黄忠"];
23+
var str = arr[0];
24+
var separator = "|"; //分隔符
25+
for(var i=1;i<arr.length;i++){
26+
str += "|" + arr[i];
27+
}
28+
console.log(str);
29+
</script>
30+
</body>
31+
</html>

‎JavaScript/内置对象/求数组最大值、最小值、平均值.html‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>求数组最大值、最小值、平均值</title>
6+
</head>
7+
<body>
8+
</body>
9+
<script type="text/javascript">
10+
var arr = [2,3,1,21,43,45,4,6,8];
11+
12+
function getMax( array ) {
13+
var temp = array[0];
14+
for(var i=1; i<array.length; i++){
15+
if(array[i] > temp){
16+
temp = array[i];
17+
}
18+
}
19+
return temp;
20+
}
21+
22+
console.log("最大值："+getMax(arr));
23+
24+
function getMin(array){
25+
var temp = array[0];
26+
for(var i=1; i<array.length; i++){
27+
if(array[i] < temp){
28+
temp = array[i];
29+
}
30+
}
31+
return temp;
32+
}
33+
34+
console.log("最小值："+getMin(arr));
35+
36+
function getVag(array){
37+
var sum = 0;
38+
var length = array.length;
39+
for(var i=0; i<length; i++){
40+
sum += array[i];
41+
}
42+
return sum/length;
43+
}
44+
console.log("平均值："+getVag(arr));
45+
</script>
46+
</html>

框架封装/对象封装/common.js renamed to 框架封装/01-对象封装/common.js

File renamed without changes.

框架封装/对象封装/each.html renamed to 框架封装/01-对象封装/each.html

File renamed without changes.

框架封装/01-测试组合选择器代码.html renamed to 框架封装/02-选择器/01-测试组合选择器代码.html

File renamed without changes.

框架封装/02-后代元素选择器测试.html renamed to 框架封装/02-选择器/02-后代元素选择器测试.html

File renamed without changes.

框架封装/each函数的封装.html renamed to 框架封装/02-选择器/each函数的封装.html

File renamed without changes.

0 commit comments

Comments
 (0)