@kable 你理解錯了,函數(shù)名不帶括號就是一個指向棧內(nèi)這個函數(shù)的指針不用帶括號的
2016-12-23
oBoxs[i].style.left = oboxW * index + 'px' ;
oboxW * index 寬度在調(diào)試器內(nèi)看到小數(shù) ,那么小數(shù)的運算沒有整數(shù)運算準確,可能會出現(xiàn)小數(shù)點后出現(xiàn)多為小數(shù);建議可以把結果向下取整;或四合五入了;小建議可以優(yōu)化下(新手勿噴,個人見解,有不對的對方希望大哥大姐們,提出批評指導;希望給建議 =.= 謝謝)
oboxW * index 寬度在調(diào)試器內(nèi)看到小數(shù) ,那么小數(shù)的運算沒有整數(shù)運算準確,可能會出現(xiàn)小數(shù)點后出現(xiàn)多為小數(shù);建議可以把結果向下取整;或四合五入了;小建議可以優(yōu)化下(新手勿噴,個人見解,有不對的對方希望大哥大姐們,提出批評指導;希望給建議 =.= 謝謝)
2016-12-23
var $boxs=$("#main>div"); 可以等于 var $box=$(".box")不是直接有類選擇器么
2016-12-16
這節(jié)課的主要內(nèi)容——加載更多的圖片。
1.何時加載:最后一張圖片的距離父元素頂端位置與盒子高度的一半之和要小于滾動條的長度與可視區(qū)頁面高度之和 即(offsetTop+盒子高度的一半<scrollTop+clientHeight)
2.怎么加載:json數(shù)據(jù)交換格式;創(chuàng)造元素并開始嵌套(用到append()方法)
————————————
糾正一下,是appendChild()方法 語法:parent.appendChild(children)
1.何時加載:最后一張圖片的距離父元素頂端位置與盒子高度的一半之和要小于滾動條的長度與可視區(qū)頁面高度之和 即(offsetTop+盒子高度的一半<scrollTop+clientHeight)
2.怎么加載:json數(shù)據(jù)交換格式;創(chuàng)造元素并開始嵌套(用到append()方法)
————————————
糾正一下,是appendChild()方法 語法:parent.appendChild(children)
2016-12-16
這節(jié)課的主要內(nèi)容——盒子排列。
3個步驟:
1.找到上一行里高度最小的盒子(即空隙最大的地方)
2. 把要排列隊列里的第一個的盒子定位到這個空白處(需要兩個數(shù)值,第一個是上一行最矮盒子的高度【方法:Math.min.apply()】,第二個是上一行最矮盒子的左邊距【兩種辦法:盒子寬*最矮盒子下標;數(shù)組里最小盒子的offsetLeft?!?
3. 更新這一列的高度,最矮元素的高,加上當前盒子的高度
3個步驟:
1.找到上一行里高度最小的盒子(即空隙最大的地方)
2. 把要排列隊列里的第一個的盒子定位到這個空白處(需要兩個數(shù)值,第一個是上一行最矮盒子的高度【方法:Math.min.apply()】,第二個是上一行最矮盒子的左邊距【兩種辦法:盒子寬*最矮盒子下標;數(shù)組里最小盒子的offsetLeft?!?
3. 更新這一列的高度,最矮元素的高,加上當前盒子的高度
2016-12-15
這節(jié)課的主要內(nèi)容就是——固定第一行盒子。
共3個步驟:
1.確定列數(shù):以當前的頁面寬度,除以一個 box 的寬度,結果取整{Math.floor()}
2.確定 main 容器的寬度:列數(shù)(即每行中能容納box的個數(shù))乘以一個 box 的寬(也可以這樣寫:oParent.style.width = oBoxW*cols+'px';)
3.定位第一行盒子:將 box 集合作為數(shù)組取出,遍歷子元素,加入入數(shù)組
共3個步驟:
1.確定列數(shù):以當前的頁面寬度,除以一個 box 的寬度,結果取整{Math.floor()}
2.確定 main 容器的寬度:列數(shù)(即每行中能容納box的個數(shù))乘以一個 box 的寬(也可以這樣寫:oParent.style.width = oBoxW*cols+'px';)
3.定位第一行盒子:將 box 集合作為數(shù)組取出,遍歷子元素,加入入數(shù)組
2016-12-14