第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
    1. querySelector() 方法僅僅返回匹配指定選擇器的第一個(gè)元素

    2. e.target 是目標(biāo)對(duì)象,e.event是目標(biāo)所發(fā)生的事件。

    查看全部
  • //Canvas繪制的總體步驟
    //1.創(chuàng)建HTML頁面,設(shè)置畫布標(biāo)簽
    ????<canvas?id="cvs"></canvas>
    //2.編寫js,獲取DOM對(duì)象
    ????var?cvs?=?document.getElementById('cvs');?//畫布
    //3.獲取2D上下文
    ????var?ctx?=?cvs.getContext('2d');?//?畫筆
    //4.設(shè)置繪制線樣式、顏色
    ??ctx.fillStyle?=?"red";
    ??ctx.strokeStyle?=?"red";
    //5.繪制矩形,或者填充矩形(x,y,w,h)
    ??ctx.strokeRect(10,?10,?190,?100);
    ??ctx.fillRect(20,?10,?20,?20);
    ??
    ??直線:
    ???ctx.moveTo(50,50);
    ???ctx.lineTo(200,200);
    ???ctx.stroke();
    ??圓:
    ???cxt.beginPath();???
    ???cxt.arc(50,50,40,2,Math.PI*2,true);????
    ???cxt.closePath();???
    ???cxt.stroke();
    ??漸變:
    ???var?c=document.getElementById("myCanvas");
    ???var?cxt=c.getContext("2d");
    ???var?grd=cxt.createLinearGradient(0,0,175,50);
    ???grd.addColorStop(0,"#FF0000");
    ???grd.addColorStop(1,"#00FF00");
    ???cxt.fillStyle=grd;
    ???cxt.fillRect(0,0,175,50);
    ??圖像;
    ???var?c=document.getElementById("myCanvas");
    ???var?cxt=c.getContext("2d");
    ???var?img=new?Image()
    ???img.src="flower.png"
    ???cxt.drawImage(img,0,0);


    查看全部
    1 采集 收起 來源:CANVAS概述

    2018-05-23

    1. svg是基于XML標(biāo)記語言可縮放矢量圖形,支持無損縮放。

    2. SVG的優(yōu)勢(shì):

      文件體積小,能夠被大量的壓縮

      圖片可以無限放大而不失真(矢量圖的基本特征)

      在視網(wǎng)膜顯示屏上效果極佳

      能夠?qū)崿F(xiàn)互動(dòng)和濾鏡效果

    3. viewport是SVG圖像的可見區(qū)域,個(gè)SVG圖像理論上可以無限大,但是在同一時(shí)刻只有圖像的某些部分可以被看見。這個(gè)可見的區(qū)域就被稱為viewport。

      <svg>元素中使用widthheight屬性來指定viewport的尺寸。

    4. <svg?width="100px"?height="50px"></svg>//單位可帶可不帶,默認(rèn)為px
    5. 詳情見:https://developer.mozilla.org/zh-CN/docs/Web/SVG

    查看全部
    0 采集 收起 來源:SVG概述

    2018-05-23

  • https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js

    查看全部
    0 采集 收起 來源:代碼封裝

    2018-05-22

  • ?//1.傳建一個(gè)觀察者對(duì)象
    ??var?observer=new?Observer();
    ?//2.?通過subscribe方法,實(shí)現(xiàn)一個(gè)函數(shù)的觀察
    ?observer.publish("任務(wù)名",處理函數(shù))?
    ?//3.?通過publish觸發(fā)觀察事件,在任意時(shí)刻觸發(fā)了這個(gè)觀察的任務(wù)名,將會(huì)觸發(fā)這個(gè)事件訂閱subscribe方法
    ?observer.punlish("任務(wù)名")
    ?//4.?取消事件訂閱,意味著就不會(huì)執(zhí)行了
    ?observer.unsubscribe("任務(wù)名")


    查看全部
    1. deferred對(duì)象是jQuery對(duì)Promises接口的實(shí)現(xiàn)

      詳解見https://www.cnblogs.com/losesea/p/4415676.html

    2. var?dtd=$Deferred();//創(chuàng)建
      dtd.resolve();????//成功
      dtd.then();??????????//執(zhí)行回調(diào)


    查看全部
    2 采集 收起 來源:異步編程梳理

    2018-05-22

  • 1.3D視圖:
    ????需要指定一個(gè)元素為容器并設(shè)置transform-style:preserve-3d,這樣它的后代元素也會(huì)有3D效果
    ????(如果孫元素也有3D效果,還需給子元素設(shè)置preserve-3d)
    ????三維變形也可以用transform屬性來設(shè)置
    ????可以呈現(xiàn)3D的屬性:translate3d、?scale3d???rotateX??rotateY??rotateZ
    2.透視效果:
    ????perspective(length)?為一個(gè)元素設(shè)置三維透視的距離。僅作用于元素的后代,而不是其元素本身。


    查看全部
    1 采集 收起 來源:3D變換的梳理

    2018-05-22

  • 1.background-size解決自適應(yīng)問題
    2.運(yùn)動(dòng)=關(guān)鍵幀+坐標(biāo)變化(position+translate)
    3.?transition-property:?width;(過渡的CSS屬性的名稱)
    ???transition-duration:?1s;(過渡效果花費(fèi)的時(shí)間。默認(rèn)是?0。)
    ???transition-timing-function:?linear;(過渡效果的時(shí)間曲線。默認(rèn)是?"ease"。)
    ???transition-delay:?2s;(過渡效果何時(shí)開始。默認(rèn)是?0。)
    ???簡(jiǎn)寫:$(".bird").transition({????'right':?"3rem",},?10000,'linear',function(){????alert("結(jié)束")});


    查看全部
    1. CSS3的animation的八個(gè)屬性:
      animation-name:動(dòng)畫名
      animation-duration:時(shí)間
      animation-delay:延時(shí)
      animation-iteration-count:次數(shù)
      animation-derection:方向
      animation-play-state:控制
      animation-fill-mode:狀態(tài)
      animation-timing-function:關(guān)鍵幀變化steps()函數(shù)
    2. 簡(jiǎn)寫animation:(name?duration?timing-function?iteration-count)
    3. -moz-?支持火狐瀏覽器
    4. -webkit-???支持Safari和chrome
    5. -o-?支持Opera



    查看全部
  • 1.resizeEvt?=?'orientationchange'?in?window???'orientationchange'?:?'resize'
    //用來監(jiān)聽當(dāng)然窗口的變化,一旦有變化就需要重新設(shè)置根字體的值
    2.window.addEventListener(resizeEvt,?recalc,?false);
    document.addEventListener('DOMContentLoaded',?recalc,?false);
    //綁定瀏覽器縮放和加載時(shí)間
    3.docEl.style.fontSize?=?20?*?(docEl.clientWidth?/?320)?+?'px';
    //表示在不同屏幕尺寸下,設(shè)置不同的跟字體大小,比如在320的屏幕尺寸下,跟字體大小為16px.
    4.16px=1rem



    查看全部
  • :呈現(xiàn)3d效果需要3部分

    1. ?父元素或者當(dāng)前運(yùn)動(dòng)元素上設(shè)置透視角perspective,perspective屬性的值決定了3D效果的強(qiáng)度

    2. 3D視圖,設(shè)置在父元素上,子元素都可以相對(duì)與父元素的平面進(jìn)行3d變形操作

    3. 3D變形函數(shù),translate3d、scale3d、rotateX、rotateY、rotateZ等等


    查看全部
    0 采集 收起 來源:3D變換的梳理

    2018-05-21

  • animation-name :動(dòng)畫名 animation-duration:時(shí)間 animation-delay:延時(shí) animation-iteration-count:次數(shù) animation-direction:方向 animation-play-state:控制 animation-fill-mode:狀態(tài) animation-timing-function:關(guān)鍵幀變化
    查看全部
  • 一、 技術(shù)點(diǎn)分解
    查看全部
    0 采集 收起 來源:編程思路

    2018-01-16

  • 知識(shí)點(diǎn)2
    查看全部
    0 采集 收起 來源:編程思路

    2018-01-16

  • 知識(shí)點(diǎn)1
    查看全部
    0 采集 收起 來源:編程思路

    2018-01-16

舉報(bào)

0/150
提交
取消
課程須知
本課程為高級(jí)案例課程,其中所用的大部分知識(shí)點(diǎn)不做深入剖析,只講解如何使用,部分代碼需要由你自己填充。 需要具備如下知識(shí): 1、HTML4、HTML5 2、CSS2、CSS3 3、JavaScript、jQuery 4、面向?qū)ο笏枷?5、SVG基礎(chǔ)知識(shí) 6、Canvas基礎(chǔ)知識(shí)
老師告訴你能學(xué)到什么?
1、rem式布局 2、轉(zhuǎn)場(chǎng)特效 3、異步編程處理 4、CSS3動(dòng)畫過渡 5、JS動(dòng)畫實(shí)現(xiàn) 6、H5的音樂效果 7、H5的視頻效果 8、SVG畫圖 9、canvas畫圖

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買該課程,無需重復(fù)購(gòu)買,感謝您對(duì)慕課網(wǎng)的支持!