wp7021的博客

放大镜效果 * { margin: 0; padding: 0; } img { vertical-align: top; } .box { width: 350px; height: 35

js瀑布流原理： 1、计算一行能放几张图片，假如为num（当前可视区宽度 / 图片宽度（这里图片宽度是规定好的一个固定值，所有图片宽度一样））       2、获取一行中最矮的那张图片，让第索引号大于num的图片放到最矮的图片后面3、当当前可视区域高度加上滚动条滚动高度大于最后一张图片距离顶部的高度时再加载其他图片，其他图片的加载就是重复上面的步骤具体代码如下：

数组常用属性和方法一、常用属性1、length使用length 应该注意的问题 （javascript 很容易因为length 的问题导致整个数组的长度修改）1、对 arr 的length 赋值会导致 arr修改例： var arr1 = [1,3,5,14,24]; var arr2 = [1,3,5,7,9]; arr1.length = 7 arr2.len

几种容易混淆的关于尺寸的方法一、offset家族offset家族是一套方便的获取元素尺寸的方法；1、offsetWidth  和  offsetHeight得到对象的宽度和高度(对象自己的，与他人无关)offsetWidth =  width  + border  +  padding例：div { width:220px; border-left:2px soli

这里记录下一些js容易忘的知识1、乘方和开根号Math.pow(a,b)      →        a的b次方Math.sqrt(a)          →       a开方2、用户输入prompt就是专门用来弹出能够让用户输入的对话框的，但必须要用一个变量来接受用户输入的值例：var a = prompt("请输入内容")结果：3、docu

JavaScript的innerWidth与innerHeight这两个属性是window对象的只读属性,声明了窗口的文档显示区的高度和宽度，以像素(px)为计量单位。 (注意：这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度)兼容写法：  function client() { if (window.innerWidth != null) {

本文是根据本人自身参加的一些面试以及平时看到的前端面试题进行的总结：注：由于没有用手机拍照记录，有些是凭记忆记下来的，可能描述不太准确的地script方敬请谅解1、请用 javascript 编写“打印出九九乘法表”的逻辑代码var str=" "; for(var i=1;i<=9;i++) { for(var j=1;j<=i;j++) {

自己手动写一个jsonp跨域的组件上代码： (function (window, document, undefined) { // 1、挂载回调函数 // 2、将data转换为字符串形式 // 3、处理url中的回调参数 // 4、创建一个script标签 // 5、将script标签放到页面中 var callbackFnName

1、统计一个字符串出现最多的字母 let findMaxDuplicateChar = function(str){ if(str.lenght === 1){ return str; } var charObj = {}; for(let i=0, len=str.length; i<len; i++){ if(!charObj

原生javascripts 轮播图一、无缝滚动轮播图 无缝滚动 *{ margin:0; padding:0; } .box { width: 600px; height: 200px;