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