(17.05.08)transform宛乃、translate悠咱、開啟3d模式、字符串對象征炼、數(shù)組對象析既、Math對象、Math取整谆奥、次方眼坏、最大、最小酸些、絕對值宰译、i的問題?魄懂、垃圾回收機制沿侈、局部/全局/閉包的生命周期、作用域鏈市栗、遞歸缀拭?

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乘法表
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末贸伐,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子怔揩,更是在濱河造成了極大的恐慌捉邢,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件商膊,死亡現(xiàn)場離奇詭異伏伐,居然都是意外死亡,警方通過查閱死者的電腦和手機晕拆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進店門藐翎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人实幕,你說我怎么就攤上這事吝镣。” “怎么了茬缩?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵赤惊,是天一觀的道長。 經(jīng)常有香客問我凰锡,道長,這世上最難降的妖魔是什么圈暗? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任掂为,我火速辦了婚禮,結(jié)果婚禮上员串,老公的妹妹穿的比我還像新娘勇哗。我一直安慰自己,他們只是感情好寸齐,可當我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布欲诺。 她就那樣靜靜地躺著,像睡著了一般渺鹦。 火紅的嫁衣襯著肌膚如雪扰法。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天毅厚,我揣著相機與錄音塞颁,去河邊找鬼。 笑死,一個胖子當著我的面吹牛祠锣,可吹牛的內(nèi)容都是我干的酷窥。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼伴网,長吁一口氣:“原來是場噩夢啊……” “哼蓬推!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起澡腾,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤沸伏,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蛋铆,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體馋评,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年刺啦,在試婚紗的時候發(fā)現(xiàn)自己被綠了留特。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡玛瘸,死狀恐怖蜕青,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情糊渊,我是刑警寧澤右核,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站渺绒,受9級特大地震影響贺喝,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜宗兼,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一躏鱼、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧殷绍,春花似錦染苛、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至登钥,卻和暖如春畔师,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背怔鳖。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工茉唉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留固蛾,地道東北人。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓度陆,卻偏偏與公主長得像艾凯,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子懂傀,可洞房花燭夜當晚...
    茶點故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 看了很多視頻趾诗、文章,最后卻通通忘記了蹬蚁,別人的知識依舊是別人的恃泪,自己卻什么都沒獲得。此系列文章旨在加深自己的印象犀斋,因...
    DCbryant閱讀 1,864評論 0 4
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,111評論 25 707
  • AJax 優(yōu)化 緩存 Ajax 請求盡量使用GET, 僅取決于cookie數(shù)量 Cookie 優(yōu)化 減少Cooki...
    KeKeMars閱讀 9,354評論 5 89
  • 結(jié)婚后贝乎,是不是一開始甜甜蜜蜜的? 可是生娃后叽粹,是不是常感到心累览效?崩潰? 為什么虫几? 因為我們有個豬隊友按覆印! 曾經(jīng)因為...
    彩虹花兒開閱讀 348評論 0 0
  • 年初的時候辆脸,制定了今年看完七本理財書的計劃但校,上周看完第二本《小狗錢錢》 -----一本享譽理財界的書,現(xiàn)在才...
    一橙子閱讀 579評論 5 6