猿来是你三十而立,砥砺前行,不忘初心,勇闯猿类

03 2019 档案

移动端 上拉刷新,下拉加载 效果
摘要:前言 在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如iscroll,pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新 实现下拉刷新主要分为三步: 监听原生touchstart事件,记录其初始 阅读全文

posted @ 2019-03-26 14:24 青瑟少年 阅读(3244) 评论(0) 推荐(1)

jQuery中对未来的元素绑定事件用 on
摘要:最近项目需要点击弹窗里面的a标签出现外连接跳转提示 开始代码: 发现点击a标签后无提示窗选择直接跳转走了,打log事件也没有触发,检查代码也无问题,思来想去发现竟然是未来元素在作怪。 改后代码: 完美解决这个问题! 阅读全文

posted @ 2019-03-15 10:05 青瑟少年 阅读(6231) 评论(0) 推荐(0)

立即执行函数 IIFE
摘要:立即执行函数表达式IIFE(Immediately-invoked function expression)我们知道,在javascript(ES5)中,是没有块级作用域的概念的。看一个例子 for (var i = 0; i < 5; i++) { }console.log(i); //5因为没有 阅读全文

posted @ 2019-03-07 16:41 青瑟少年 阅读(328) 评论(0) 推荐(1)

什么是置换元素和非置换元素?
摘要:置换元素 置换元素是指:浏览器根据元素的标签和属性,来决定元素的具体显示内容。 例如:浏览器根据<img>标签的src属性显示图片。根据标签的type属性决定显示输入框还是按钮。 置换元素在其显示中生成了框,这也就是有的内联元素能够设置宽高的原因。 html中的<img><input><textar 阅读全文

posted @ 2019-03-07 13:58 青瑟少年 阅读(3868) 评论(0) 推荐(0)

如何让div中的table水平居中
摘要:有时候在div中加上 <div style="text-align:center"></div>里面的table是不会居中的我们可以在table中加上 margin:auto 解决此问题。 阅读全文

posted @ 2019-03-01 15:33 青瑟少年 阅读(10881) 评论(0) 推荐(0)