-
①scrollTop標準模式和混雜模式的兼容問題。 標準模式--document.body.scrollTop 混雜模式--document.documentElement.scrollTop; 兼容的寫法：var scrollTop = document.body.scrollTop||document.documentElement.scrollTop; ②當前瀏覽器的可視窗口的高度 標準模式--document.body.clientHeight 混雜模式--document.documentElement.clientHeight; ③三元運算符代替if..else(比較簡便) ④數據加載：將來自后臺的json數據渲染到前端 創建元素,將數據填進去（這里是img的src） ⑤document.createElement創建元素 parentObj.appendChild(obj);插入對象到尾部查看全部
-
原理： 數據加載的時候通過絕對定位來找到box的位置，而box的位置又是相對于main來定義的，所以main要用position:relative;來定義 特點： 等寬不等高 HTML中的類： #main、.box、.pic 外層套一個div為.box來設置padding作為pic之間的間隔，不推薦margin。因為獲取數據塊高度offset().height能夠獲取padding間距離，而不會獲取margin的間距。 box與box之間用padding來去間隔位置，而不用margin查看全部
-
實現瀑布流布局的三個方法： （1）JavaScript原生方法 （2）jQuery方法 （3）CSS3的多欄布局查看全部
-
CSS3還有一個缺點老師沒提到，就是各種瀏覽器對于CSS多欄文本布局的兼容性，IE10+才支持此屬性，所有要想在PC端上實現瀑布流布局，還是乖乖用JS實現吧查看全部
-
css3實現的瀑布流和js實現的瀑布流比較:css3性能較高，不過由于他是縱向排列的，先排滿第一列后再從第二列開始排，這樣會破壞圖片原來的順序。其次是css3列間距的計算規則使得在不同尺寸的屏幕中列間距會有較大反差,這樣會影響用戶體驗。js實現的瀑布流不會有上面的兩個缺點，但是性能相對要差！查看全部
-
1、jQuery是繼prototype之后又一個優秀的Javascript框架 2、$(window).width() 瀏覽器視窗的寬度 outerWidth() = padding+border+width; width() = width 3、$.inArray(所找元素,數組) 該方法用于獲取元素的索引 4.jQuery遍歷的函數each $boxs.each(function(index,value){ }); index 索引值，value對應的值 5.eq(n),從結果集中選取第n的元素 6.$.inArray(value,arr)工具函數，用來判斷某個值在數組中的索引 7.each遍歷的value是DOM對象。將value DOM對象轉換為jQuery對象才能使用其方法 ：$(value) jQuery的$.inArray()方法直接可以得到一個數在數組中的索引 $(dom) 將Dom對象轉換成jQuery對象查看全部
-
①scrollTop標準模式和混雜模式的兼容問題。 標準模式--document.body.scrollTop 混雜模式--document.documentElement.scrollTop; 兼容的寫法：var scrollTop = document.body.scrollTop||document.documentElement.scrollTop; ②當前瀏覽器的可視窗口的高度 標準模式--document.body.clientHeight 混雜模式--document.documentElement.clientHeight; ③三元運算符代替if..else(比較簡便) ④數據加載：將來自后臺的json數據渲染到前端 創建元素,將數據填進去（這里是img的src） ⑤document.createElement創建元素 parentObj.appendChild(obj);插入對象到尾部查看全部
-
offsetTop獲取元素與其父盒子之間的距離查看全部
-
。。。查看全部
-
apply（）用于改變函數或者方法中this的指向查看全部
-
實現瀑布流布局的三個方法： （1）JavaScript原生方法 （2）jQuery方法 （3）CSS3的多欄布局查看全部
-
Javascript 實現瀑布流布局，每個數據塊上的 position 屬性應定義為（absolute） （1）選項A相對定位是要定義在所有數據塊的父盒子上的 （2）選項B是固定位置，在瀑布流中用不到 （3）選項D為靜態是起不到定位的作用的查看全部
-
offsetwidth 獲取元素寬度查看全部
-
Javascript 實現瀑布流布局，每個數據塊上的 position 屬性應定義為（absolute） （1）選項A相對定位是要定義在所有數據塊的父盒子上的 （2）選項B是固定位置，在瀑布流中用不到 （3）選項D為靜態是起不到定位的作用的查看全部
-
*{margin:0; padding:0;} #main{position:relative;} .box{padding:15px 15px; float:left;} .pic{padding:10px; border:1px solid #ccc; border-radius:5px; box-shadow:0 0 5 #ccc;} .pic{ width:165; height:auto;}查看全部
舉報
0/150
提交
取消