-
SVG是基于xml標(biāo)記語(yǔ)言可縮放矢量圖形，支持無(wú)損縮放的同時(shí)也因?yàn)槭莇om節(jié)點(diǎn)，所以也支持事件，但是弊端也很明顯，dom的數(shù)量非常大，復(fù)雜度高，渲染就比較慢了，也不適合游戲的開發(fā)，一般會(huì)用canvas之后會(huì)介紹 SVG有什么優(yōu)勢(shì)？ ?文件體積小，能夠被大量的壓縮 ?圖片可無(wú)限放大而不失真(矢量圖的基本特征) ?在視網(wǎng)膜顯示屏上效果極佳 ?能夠?qū)崿F(xiàn)互動(dòng)和濾鏡效果查看全部
-
創(chuàng)建一個(gè)觀察者對(duì)象 var observer = new Observer(); 通過(guò)調(diào)用subscribe方法，實(shí)現(xiàn)一個(gè)事件的觀察 observer.subscribe("任務(wù)名"，處理函數(shù)) 通過(guò)publish觸發(fā)觀察事件，在任意時(shí)刻觸發(fā)了這個(gè)觀察的任務(wù)名，將會(huì)觸發(fā)這個(gè)事件訂閱subscribe方法 observer.publish("任務(wù)名") 取消事件訂閱，意味著就不會(huì)執(zhí)行了 observer.unsubscribe("任務(wù)名")查看全部
-
結(jié)：呈現(xiàn)3d效果需要3部分 父元素或者當(dāng)前運(yùn)動(dòng)元素上設(shè)置透視角perspective，perspective屬性的值決定了3D效果的強(qiáng)度 3D視圖，設(shè)置在父元素上，子元素都可以相對(duì)與父元素的平面進(jìn)行3d變形操作 3D變形函數(shù)，translate3d、scale3d、rotateX、rotateY、rotateZ等等查看全部
-
e.target 是目標(biāo)對(duì)象，e.event是目標(biāo)所發(fā)生的事件。查看全部
-
querySelector() 方法返回文檔中匹配指定 CSS 選擇器的一個(gè)元素。 注意： querySelector() 方法僅僅返回匹配指定選擇器的第一個(gè)元素。如果你需要返回所有的元素，請(qǐng)使用 querySelectorAll() 方法替代。查看全部
-
要想實(shí)現(xiàn)3D的效果，只需指定一個(gè)元素為容器并設(shè)置transform-style：preserve-3d，那么它的后代元素便會(huì)有3D效果查看全部
-
<script type="text/javascript"> var docEl = document.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //設(shè)置根字體大小 docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; }; //綁定瀏覽器縮放與加載時(shí)間 window.addEventListener(resizeEvt, recalc, false); document.addEventListener('DOMContentLoaded', recalc, false); </script>查看全部
-
animation中的step() 1、只有第一個(gè)參數(shù)的時(shí)候keyframes中的最后一個(gè)不計(jì)入動(dòng)畫。 2、有第二個(gè)參數(shù)： 第二個(gè)參數(shù)是start時(shí)，keyframes中的第一個(gè)不計(jì)入動(dòng)畫； 第二個(gè)參數(shù)是end時(shí)，keyframes中的最后一個(gè)不計(jì)入動(dòng)畫。查看全部
-
rem布局？查看全部
-
var docEl = document.documentElement, //當(dāng)設(shè)備的方向變化（設(shè)備橫向持或縱向持）此事件被觸發(fā)。綁定此事件時(shí)， //注意現(xiàn)在當(dāng)瀏覽器不支持orientationChange事件的時(shí)候我們綁定了resize 事件。 //總來(lái)的來(lái)就是監(jiān)聽當(dāng)然窗口的變化，一旦有變化就需要重新設(shè)置根字體的值 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //設(shè)置根字體大小 docEl.style.fontSize = 20 * (docEl.clientWidth/320)+'px'; }; //綁定瀏覽器縮放與加載時(shí)間 window.addEventListener(resizeEvt, recalc, false);//當(dāng)設(shè)備的方向發(fā)生變化時(shí)，觸發(fā)事件，從新計(jì)算fontsize document.addEventListener('DOMContentLoaded', recalc, false);//當(dāng)查看全部
-
父元素或者當(dāng)前運(yùn)動(dòng)元素上設(shè)置透視角perspective，perspective屬性的值決定了3D效果的強(qiáng)度 3D視圖，設(shè)置在父元素上，子元素都可以相對(duì)與父元素的平面進(jìn)行3d變形操作 3D變形函數(shù)，translate3d、scale3d、rotateX、rotateY、rotateZ等等查看全部
-
SVG是基于xml標(biāo)記語(yǔ)言可縮放矢量圖形，支持無(wú)損縮放的同時(shí)也因?yàn)槭莇om節(jié)點(diǎn)，所以也支持事件，但是弊端也很明顯，dom的數(shù)量非常大，復(fù)雜度高，渲染就比較慢了，也不適合游戲的開發(fā)，一般會(huì)用canvas查看全部
-
CSS3的Animation有八個(gè)屬性 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)鍵幀變化查看全部
-
animation-name animation-duration animation-delay animation-iteration-count animation-direction animation-play-state animation-fill-mode animation-timing-function查看全部
-
必須通過(guò)絕對(duì)尺寸獲取圖片坐標(biāo)，否則就會(huì)出錯(cuò)，大多情況下可能會(huì)準(zhǔn)備2套圖片查看全部
舉報(bào)
0/150
提交
取消