![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
深海里搁浅的猫
这个作者很懒,什么都没留下…
展开
-
前端实现图片懒加载,提高用户体验
定义 图片懒加载又称图片延时加载、惰性加载,即在用户需要使用图片的时候加载,这样可以减少请求,节省带宽,提高页面加载速度,相对的,也能减少服务器压力。 惰性加载是程序人性化的一种体现,提高用户体验,防止一次性加载大量数据,而是根据用户需要进行资源的请求。 实现 懒加载的难点在于确定某张图片是否是用户需要的资源,在浏览器中,用户需要的是可视区内的资源,因此我们只需要判断图片是否转载 2018-01-16 14:49:11 · 516 阅读 · 0 评论 -
各类证件类型的格式校验
1、身份证校验 function isCardID(sId) { var that = this; var aCity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江", 31: "上海",原创 2018-01-23 14:06:57 · 13262 阅读 · 0 评论 -
常用的正则表达式汇总
1、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或原创 2018-01-24 16:24:04 · 294 阅读 · 0 评论 -
移动端网页滑动到底部
移动端网页滑动到底部触发事件 .m-test {height: 2000px;background: green;} var flag=1; var rgb = 0; $(window).bind("scroll", function () { if(getScrollHeight() < getDocumentTop(转载 2018-01-25 15:39:42 · 1672 阅读 · 0 评论 -
前端特效:使用js实现奇幻水母效果
cloth html { overflow: hidden; touch-action: none; content-zooming: none; } body { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; background: #000; } canvas {转载 2018-01-25 16:29:10 · 1084 阅读 · 0 评论 -
js递归遍历数组获取所有的叶子节点
var arr=[];function queryList(json,arr) { for (var i = 0; i < json.length; i++) { var sonList = json[i].sonList; if (sonList.length == 0) { arr.push(json[i]); ...原创 2018-04-02 17:22:53 · 10248 阅读 · 3 评论 -
js实现搜索框模糊查询
需要给input框绑定一个onChange事件function inputChange(e) { var queryList = this.props.course.queryList; var list = []; var val = e.target.value; if (queryList != undefined &&...原创 2018-04-02 17:28:43 · 9899 阅读 · 0 评论