-
區別transition與animation的使用 transition需要事件觸發，animation可以直接自動觸發，而且功能上更為強大，包括可以設置不同時間段的動畫規則，還有狀態的控制，事件等等。查看全部
-
/*主體部分*/ #content { width : 60%; height : 60%; top : 20%; left : 20%; overflow : ?; position : absolute; border : 1px solid #ccc; } /*使content在頁面居中*/查看全部
-
我們把小男孩子所有的動作分解一下 走路到頁面的2/3的時候，主題頁面開始滑動 走路到1/2的時候，到了商店門口 進出商店 走路到1/4到了橋邊 走路到1/2到了橋上 注意：小男孩走路范圍其實只有一個頁面區域，因為父容器是content元素查看全部
-
封裝的目的是增強安全性和簡化編程，使用者不必了解具體的實現細節，而只是要通過外部接口，以特定的訪問權限來使用類的成員 這個主題案例，我采用的是面向接口編程的寫法，簡單的說就是將行為封裝分布在各個對象中，并讓這些對象自己各自負責自己的行為，這也是面向對象設計的一個優點查看全部
-
.pauseWalk { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; } 動畫的暫停方式查看全部
-
overflow : hidden;隱藏溢出部分查看全部
-
前段學習查看全部
-
并列結構 <div id='content'> <ul class='content-wrap'> <li> 頁面1 </li> <li> 頁面2 </li> <li> 頁面3 </li> </ul> //與頁面根節點并列 <div id="boy" class="charector"></div> </div>查看全部
-
轉換、動畫、音頻、漸變查看全部
-
注意下position與offset的取值不同點，.offset()是相對于文檔（document）的當前位置,.position()是相對于父級元素的位移，一個元素可以嵌套多個position所以這里要特別注意下。scale是一個縮放效果查看全部
-
.sun { background: url(assets/images/sun.png); position: absolute; top: 10%; //設置位置 height: 201px; width: 201px; //設置大小，必須 z-index: 1; //設置置頂，optional }查看全部
-
通過background-size 一般可以設置 100% 100%的方式平鋪元素，這樣設置后圖片就能自適應大小縮放了查看全部
-
animation-iteration-count動畫播放次數查看全部
-
Promise 是一種令代碼異步行為更加優雅的抽象，有了它，我們就可以像寫同步代碼一樣去寫異步代碼。通過$.Deferred處理（延遲對象），每一個代碼執行部分都被封裝了起來，只留了Deferred的接口處理了，等于是我們把執行的流程控制交給了Deferred，這樣的好處就是我們在寫嵌套函數的時候，可以用deferred提供的管道風格編寫同步代碼了 步驟 var dtd = $.Deferred(); //創建 dtd.resolve(); //成功 dtd.then() //執行回調查看全部
-
http://www.jb51.net/article/36595.htm查看全部
舉報
0/150
提交
取消