摘要: /* 节流:一个函数执行一次后,只有大于设定的设定周期后才会执行第二次 */ /** * 节流函数 * @param fn 要被节流的函数 * @param delay 规定的时间 */ function throttle(fn, delay) { var lastTime = 0; return 阅读全文
posted @ 2020-08-03 15:03 迷失地 阅读(135) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图片懒加载</title> <style> * { margin: 0; padding: 0; } .img-item { width: 612px; height: 238px 阅读全文
posted @ 2020-04-01 14:21 迷失地 阅读(154) 评论(0) 推荐(0) 编辑
摘要: var a = (1-1,1+1);//先计算逗号前面的再计算逗号后面的,然后把后面的值赋给a 阅读全文
posted @ 2019-11-28 11:16 迷失地 阅读(2151) 评论(0) 推荐(0) 编辑
摘要: 当内部函数被保存到外部时,将会生成闭包。闭包会导致原有作用域链不释放,造成内存泄露自由变量跨作用域取值时,要去创建这个函数的作用域取值,而不是“父作用域”函数内部变量无法在函数外部访问在一个闭包环境内修改变量值,不会影响另一个闭包中的变量闭包作用:1.实现公有变量2.可以做缓存3.实现封装,属性私有 阅读全文
posted @ 2019-11-27 10:54 迷失地 阅读(146) 评论(0) 推荐(0) 编辑
摘要: this 1、在普通函数下,this的指向是window。2、有事件源,指向事件源本身。3、在定时器下(除es6),指向window。 setTimeout(()=>{ console.log(this) },0) 4、在对象下,this指向的是自己本身。 5、回调函数下的this,一般指向wind 阅读全文
posted @ 2019-08-30 14:51 迷失地 阅读(143) 评论(0) 推荐(0) 编辑
摘要: html部分 姓名 年龄 性别 身高 张三 26 男 176 李四 20 男 185 js部分 ;(function($){ ... 阅读全文
posted @ 2019-05-15 09:34 迷失地 阅读(152) 评论(0) 推荐(0) 编辑
摘要: IFC(Inline Formatting Contexts)直译为"内联格式化上下文",IFC的line box(线框)高度由其包含行内元素中最高的实际高度计算而来(不受到竖直方向的padding/margin影响) IFC中的line box一般左右都贴紧整个IFC,但是会因为float元素而扰 阅读全文
posted @ 2018-10-25 14:14 迷失地 阅读(583) 评论(0) 推荐(0) 编辑
摘要: 为什么需要flex.css? 在移动端开发中,并不是所有的浏览器,webview,微信等各种版本都支持标准的flex, flex属性大全 flex-box属性说明 阅读全文
posted @ 2017-09-29 16:22 迷失地 阅读(535) 评论(0) 推荐(0) 编辑
摘要: 移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 阅读全文
posted @ 2017-06-13 15:41 迷失地 阅读(4048) 评论(0) 推荐(0) 编辑
摘要: DOM的滚动 DOM规范中并没有规定各浏览器需要实现怎样的滚动页面区域,各浏览器实现了相应的方法,可以使用不同的方式控制页面区域的滚动。这些方法作为HTMLElement类型的扩展存在,所以它能在所有元素上使用。 1、scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素 阅读全文
posted @ 2017-06-02 14:30 迷失地 阅读(1956) 评论(0) 推荐(0) 编辑