-
main div 匹配所有后代元素 main>div 匹配子元素查看全部
-
return parent?document.getElementById(parent).getElementByClassName(clsName):document.getElementByClassName(clsName);查看全部
-
瀑布流三種實現方法查看全部
-
瀑布流布局實現方式比較 【css3和js實現方法比較】 --css3方式-- 1：不需要計算，瀏覽器自動計算，只需設置1列寬，性能高 2:列寬隨著瀏覽器寬口大小進行改變，用戶體驗不好； 3：圖片排序按照垂直順序排列，打亂圖片顯示順序 4.圖片加載還是需要js --js方式-- js性能相對要差！查看全部
-
【原理】css3多欄布局column 【知識點】 ①column的瀏覽器兼容問題，不同內核要寫其前綴 -webkit -ms -o -moz ②column-width 和column-count沒有必要同時出現 ③column-rule設置列與列之間的邊框 ④column-gap 設置列間距，不一定定義多少，實際就顯示多少。其計算規則：用當前瀏覽器寬口寬除以定義的列寬，剩下的距離平均分配查看全部
-
jQuery的：對象本質、支持連綴、隱式迭代 Jquery對象本質“可以看成”是一個包含一個 dom數組和所有Jquery方法的容器（補充：方法在所有jq對象共享的jq原型屬性prototype中，jq對象本質是一個“類數組”）。 要使用Jquery，就必須將dom元素轉成 Jquery對象，然后才能調用JQ對象的 便捷方法。 每當我們調用選擇器方法查找dom樹里的元素時，其實就是把找到的dom元素存入一個JQ對象里的dom數組中，然后再把這個JQ對象返回。 當我們調用Jquery方法時（如 html()），jq方法會遍歷內部 dom數組，并調用每個dom元素的對應的dom屬性或方法（如innerHTML），完成操作。 其中Jq方法遍歷內部dom數組的過程就叫做【隱式迭代】。 ①scroll事件 $(window).on('scroll',function(){}); ②獲取結果集中最后一個元素$('#main>div').last(); ③獲取距離頁面頂部的距離$lastBox.offset().top; js:offsetTop ④$(window).scrollTop();滾動條滾動的距離 ⑤$(window).height();瀏覽器可視窗口的高度 ⑥創建元素$('<div>'); ⑦插入元素append和appendTo查看全部
-
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對象、查看全部
-
ele.cssText查看全部
-
offsetWidth獲取寬度查看全部
-
@瀑布流布局---2-6 onscroll事件實現瀑布流布局的圖片加載功能 【原理】 當滾動滾動條時，判斷是否要加載新的圖片，通過一個函數，返回布爾值。 需要加載的條件： 頁面最下面的元素box在視口中露出一半的高度時，開始加載。具體計算：(scrollTop+可視寬口高度)>(box.offsetTop+自身高度一半)時，加載（如圖所示）。 【知識點】 ①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);插入查看全部
-
@瀑布流布局---2-6 onscroll事件實現瀑布流布局的圖片加載功能 【原理】 當滾動滾動條時，判斷是否要加載新的圖片，通過一個函數，返回布爾值。 需要加載的條件： 頁面最下面的元素box在視口中露出一半的高度時，開始加載。具體計算：(scrollTop+可視寬口高度)>(box.offsetTop+自身高度一半)時，加載（如圖所示）。 【知識點】 ①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);插入查看全部
-
瀑布流布局實現的三種方法查看全部
-
可以用document.querySelector("里面放Class名")方法取得放圖片全部DIV的啊，但是效率要低一點，但是返回的是一個數組，不能直接改樣式，還是得遍歷一下。遍歷取到的數組和遍歷父級里的子級，哪個方法更簡便？我覺得都差不多！差別也就是兩三行代碼而已！查看全部
-
一：每一塊的寬度要一樣查看全部
-
jQuery的兩大優點：支持連綴，隱式迭代查看全部
舉報
0/150
提交
取消