-
講的不錯,充分利用了gpu加速性能特性,讓體驗更加順暢。沒有用到類似zepto之類的框架,執行效率很高。當然有可以進一步優化的地方,比如在ul元素中插入li,可以先生成一個字符串,然后一次加速。以免過多的reflow和repaint查看全部
-
<meta name="apple-touch-fullscreen">查看全部
-
+new Date JQuery 源碼就是這樣的查看全部
-
{-webkit-backface-visibility:hidden;}//禁止元素在動畫過程中閃白查看全部
-
構造函數三步曲 1.init初始化 2.readerDOM添加DOM 4.bindDom操作DOM查看全部
-
dom&&([index...)] 可以判斷在dom存在時再連接下面,防出錯查看全部
-
使li水平顯示的方法: 1.float; 2.-webkit-transform:translate3d(x,0,0);改變x的值查看全部
-
開始學習咯查看全部
-
使用position:absolute;會消耗內存;查看全部
-
{-webkit-backface-visibility:hidden;}//禁止元素在動畫過程中閃白查看全部
-
使內容居中的方法: 1,{line-height:568px;vertical-align:middle;} 2,{display:table-cell;vertical-align:middle;} 3,{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}查看全部
-
待解決問題:為什么list數組中的每個元素圖片的寬和高的數值是怎么來定的?為什么要這樣定?查看全部
-
一到js組件的部分就蒙了查看全部
-
我自己在做的時候發現有這么一個情況:我是用的列表,四張圖片,在ul上添加的transform屬性,想要實現圖片自動輪播,并且可觸摸滑動的功能。然后最開始我是這么寫的:transformX(0)……自動輪播實現了,但是卻無法觸摸滑動(添加了觸摸事件的監聽),其實也不是不能觸摸滑動,只是只能在圖片切換的瞬間執行力觸摸事件并滑動,而且不是正常的滑動。糾結了一下午,后來發現可能和z軸有關,于是換成了translate3d(0,0,0)……觸摸事件正常觸發。修改完所有的bug之后完全達到期望的功能……不過對第一種情況還是不太理解,總覺得應該可以才對……如果您看到了的話,期望您的相關回復。謝謝。查看全部
-
DOM結構的關鍵在于1.算出頁面的高寬比。2.圖片寬高比大于頁面,則定高為頁面高,因為瘦,水平居中;圖片寬高比小于頁面,則定寬為頁面寬,因為矮,垂直居中。圖片寬高,要么后端給出,要么前端延遲得出。查看全部
舉報
0/150
提交
取消