-
①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
提交
取消