CSS3 transform
rotate 旋轉(zhuǎn)
translate 平移
scale 縮放
skew 扭曲
????rotate 深入
rotate() Z軸
rotateX() X軸
????透視效果
perspective(px) 透視的強度
????數(shù)值越小越明顯
????推薦范圍: 800-1200
????切記:
????????transform一定要加初始值
translate
translate(x,y) x軸和y軸方向平移
Z軸平移
translateZ()
開啟3D模式
????transform-style: preserve-3d;
????????開啟3D模式,一般加給父級
????????perspective一般加給父級
例子1:
3D正反面
父級
-webkit-transform-style: preserve-3d;
-webkit-transition: 1s all ease;
-webkit-transform: perspective(800px) rotateY(0deg);
子級
正面
-webkit-transform: translateZ(1px);
反面
-webkit-transform: translateZ(-1px) scale(-1,1);
例子2:
3d盒子(立方體)
父級
-webkit-transform-style: preserve-3d;
-webkit-transition: 1s all ease;
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
子級
front translateZ(1px);
back translateZ(-1px);
left translate(-150px,0) rotateY(-90deg);
right translate(150px,0) rotateY(90deg);
top translate(0,-150px) rotateX(90deg);
bottom translate(0,150px) rotateX(-90deg);
????定時器并不穩(wěn)定
????當transition走完執(zhí)行的事件
????transitionend????必須用事件綁定加
翻書效果
翻書
iNow oBox oFront oBack oPage2
0 1 1 2 2
1 2 2 3 3
2 3 3 1 1
3 1 1 2 2
4 2 2 3 3
5 3 3 1 1
6 1 1 2 2
iNow%3+1
(iNow+1)%3+1
爆炸
反轉(zhuǎn)
字符串對象
str.charAt()
str.indexOf()
str.lastIndexOf()
str.substring()
str.split()
str.toUpperCase()
str.toLowerCase()
數(shù)組對象
arr.push()
arr.pop()
arr.unshift()
arr.shift()
arr.splice()
arr.join()
arr.concat()
arr.reverse()
arr.sort()
Math 對象
Math.random() 獲取0-1的隨機小數(shù)填帽,絕對不包括1
取整
Math.floor() 向下取整
Math.ceil() 向上取整
Math.round() 四舍五入
其他
Math.pow() n次方 冪
Math.pow(3,2) 3的2次方
Math.sqrt() 開方
Math.max(10,30,0,100,25) 最大值
Math.min() 最小值
Math.abs() 絕對值
三角函數(shù)
Math.PI π
Math.sin()
Math.cos()
Math.atan2()
function rnd(n,m){
return parseInt();
}
i的問題
????1. 循環(huán)中加事件蛛淋,事件中使用i
????2. 循環(huán)中加定時器,定時器中使用i
????函數(shù)
????i值問題怎么解決?
????????封閉空間篡腌、自執(zhí)行函數(shù)褐荷、閉包
????傳統(tǒng)語言
????????c語言
????????????申請空間(1000)
????????????...用
????????????free(1000)
????????內(nèi)存泄露
????????內(nèi)存溢出
????垃圾回收機制 ????生命周期????生存周期
????局部 很短????函數(shù)調(diào)用完成后,里面的局部變量會消失
????全局 很長????關(guān)閉頁面的時候
????閉包 可長可短
????????只要里面的函數(shù)還有用哀蘑,函數(shù)中局部變量就不會消失
????????只要里面的函數(shù)還有用诚卸,函數(shù)中所有的局部變量就不會消失
????????只要里面的函數(shù)還有用,那整條作用域鏈上的變量就不會消失
function show(){
var a = 12;
}
調(diào)用前 沒有a
show(); 調(diào)用中 有a
調(diào)用后 沒有a
function show(){
var a = 12;
document.onclick = function(){
alert(a);
};
}
調(diào)用前 沒有a
show() 調(diào)用中 有a
調(diào)用后 有a
function show(){
var a = 12;
var b = 5;
document.onclick = function(){
alert(a);
};
}
調(diào)用前 沒有a绘迁,沒有b
show() 調(diào)用中 有a合溺,有b
調(diào)用后 有a,有b
var a = 12;
function show(){
var b = 5;
function show2(){
var c = 3;
document.onclick = function(){
alert(a);
};
}
show2();
}
作用域鏈:現(xiàn)在自身找缀台,如果沒有棠赛,找父級,如果在沒有再往上找。直到找到全局睛约。
閉包是什么?
遞歸
????函數(shù)調(diào)用自己鼎俘,只是遞歸的一種形式
????大事化小
????1. 兔子不吃東西,不會死
????2. 兔子可以近親繁殖
????3. 小兔子辩涝,三個月長大
1 2 3 4 5 6 7 8 9 10 11 12
1 1 2 3 5 8 13 21 34 55 89 144
12 144 1440
24 46368 463680
36 14930352 149303520
48 4807526976 48075269760
斐波那契數(shù)列
斐波那契算法
兔子數(shù)列
99乘法表