-
Chrome emluation 模擬器，模擬移動端行為查看全部
-
var imageObj = new Image(); imageObj.onload = function(){ var cvs = $("#aa").getContext('2d'); cvs.width = xx; cvs.height = xx; cvs.drawImage(this,0,0); } imageObj.src = 'xxx/xx.png'查看全部
-
swipe:swipeLeft swipRight swipUp swipDown查看全部
-
事件代理查看全部
-
@keyframes查看全部
-
image object查看全部
-
canvas代替img標簽 img標簽由手機端瀏覽器渲染，canvas使用物理設備GPU渲染 《html5 canvas》 drawImage();查看全部
-
touchstart,touchmove,touchend touchcancel click事件300ms延遲 touch事件支持多點觸摸 手勢操作查看全部
-
jquery mobile angular mobile zepto.js查看全部
-
手勢操作 設備分辨率的問題 響應式布局 CSS3代替傳統DOM animation，使用gpu渲染查看全部
-
$('#container').delegate('li','tap',function(){}); 給li來綁定 tap 事件查看全部
-
<meta name="viewport" content="width=device-width,initial-scale=1.0"> 指定viewport，寬度為設備的寬度，為了讓不同分辨率的正常顯示而縮放 viewport：對于不同的設備而言，分辨率和物理尺寸都是不一樣的。對網頁會進行縮放，為了在不同設備上展示效果一樣，使用viewport查看全部
-
animation-name:myfirst;/*執行的動畫名稱（ @keyframes 動畫的名稱）*/ animation-duration: 5s;/*執行時間5s（規定動畫完成一個周期所花費的秒或毫秒。默認是 0。）*/ animation-timing-function: linear;/*執行方式：線性。其他方式：ease-in 又慢到快；ease-out 由快到慢*/ animation-delay: 2s;/*動畫開始執行的時間延時*/ animation-iteration-count:infinite;/*動畫無限循環*/ animation-direction:alternate;/*動畫應該輪流反向播放(規定動畫是否在下一周期逆向地播放。默認是 "normal"。)*/ aniamtion-play-state:running;/* 屬性規定動畫正在運行還是暫停*/查看全部
-
鼠標事件touchstart touchmove touchend touchcancel tap:singleTap doubleTap longTap swipe:swipeLeft swipRight swipUp swipDown查看全部
-
移動端開發框架和庫： 移動端講究 “輕” ，“效率” 1、jq mobile 2、Angluar mobile 3、Zepto.js 語法跟jq一樣，輕量、高效查看全部
舉報
0/150
提交
取消