12 2015 档案

如何循环遍历document.querySelectorAll()方法返回的结果
摘要：使用JavaScript的forEach方法，我们可以轻松的循环一个数组，但如果你认为document.querySelectorAll()方法返回的应该是个数组，而使用forEach循环它：/* Will Not Work */document.querySelectorAll('.module'... 阅读全文
posted @ 2015-12-22 16:32 唸随爱 阅读(773) 评论(0) 推荐(0)
你不需要jQuery
摘要：http://www.webhek.com/you-do-not-need-jquery 阅读全文
posted @ 2015-12-22 16:32 唸随爱 阅读(146) 评论(0) 推荐(0)
你不需要jQuery(二)
摘要：完全没有否定jQuery的意思，jQuery是一个神奇的、非常有用的工具，可以节省我们大量的时间。但是，有些时候，我们只需要jQuery的一个小功能，来完成一个小任务，完全没有必要加载整个jQuery程序库。下面是一些用简单JavaScript实现jQuery功能特征的代码汇总。当然，这个汇总并不完... 阅读全文
posted @ 2015-12-22 16:30 唸随爱 阅读(305) 评论(0) 推荐(0)
你不需要jQuery(三)：新AJAX方法fetch()
摘要：XMLHttpRequest来完成ajax有些老而过时了。fetch()能让我们完成类似 XMLHttpRequest (XHR) 提供的ajax功能。它们之间的主要区别是，Fetch API 使用了Promises，它让接口更简单、简洁，避免了回调的复杂性，省去了使用复杂的 XMLHttpRequ... 阅读全文
posted @ 2015-12-22 16:23 唸随爱 阅读(8629) 评论(0) 推荐(0)
你不需要jQuery(四)
摘要：jQuery是个好东西。它诞生于IE6在互联网称霸的那个时代。jQuery的存在让我们的代码能很好的兼容各种平台。然而，到如今，浏览器技术已经取得了巨大的进步。我们可以自由的使用所有最新众多ES5/ES6提供的原生API，配合革命性的HTML5 API，我们对DOM的操作变得从未如此的容易。WEB开... 阅读全文
posted @ 2015-12-22 16:18 唸随爱 阅读(292) 评论(0) 推荐(0)
zepto点击事件兼容pc和mobile
摘要：判断pc还是mobile，重写click事件var CLICK='click';(function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAge... 阅读全文
posted @ 2015-12-22 16:13 唸随爱 阅读(974) 评论(0) 推荐(0)
你不需要jQuery(五)
摘要：什么不用jQuery？因为它让你的网站体积变得臃肿。你的网站并不真的需要jQuery，不需要它带来的额外体积、带宽和加载时间。用原生JavaScript简单实现jQuery提供的功能和方法查找、选择页面元素// jQuery 实现var els = $('.el');// 原生JavaScript实... 阅读全文
posted @ 2015-12-22 14:13 唸随爱 阅读(249) 评论(0) 推荐(0)
如何在JavaScript里防止事件函数的高频触发和调用
摘要：网页中JavaScript最基本的功能是监听或响应用户的动作，这非常的有用。用户的动作有些频率非常高，有的十分罕见。有些监听器函数的执行如闪电般完成，而有些繁重的会把浏览器拖死。拿浏览器窗口的resize事件来说，这种事件会在浏览器窗口大小的每一尺度变化都触发一次，如果监听器体量很大，你的浏览器很快... 阅读全文
posted @ 2015-12-22 14:00 唸随爱 阅读(1252) 评论(0) 推荐(0)
WEB开发者必备的7个JavaScript函数
摘要：防止高频调用的debounce函数这个debounce函数对于那些执行事件驱动的任务来说是必不可少的提高性能的函数。如果你在使用scroll,resize,key*等事件触发执行任务时不使用降频函数，也行你就犯了重大的错误。下面这个降频函数debounce能让你的代码变的高效：// 返回一个函数，t... 阅读全文
posted @ 2015-12-22 13:50 唸随爱 阅读(266) 评论(0) 推荐(0)
json分别算出元素的个数和最多的元素
摘要：个数：var str = 'aaafsdsaaasasasasaa'; var json = {}; for (var i = 0; i iMax){ iMax = json[h]; iIndex = h; ... 阅读全文
posted @ 2015-12-16 11:53 唸随爱 阅读(653) 评论(0) 推荐(0)
jquery 对 Json 的各种遍历
摘要：grep　each inArray map 遍历json对象： 遍历json对象有如下 json对象：var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};遍历方法：for(var ... 阅读全文
posted @ 2015-12-15 14:32 唸随爱 阅读(163) 评论(0) 推荐(0)
判断图片是否加载完成
摘要：最简单：document.getElementById("img2").onload=function(){}性能优化：function loadImage(url, callback) { var img = new Image(); //创建一个Image对象，实现图片的预下载 img.src ... 阅读全文
posted @ 2015-12-14 10:25 唸随爱 阅读(319) 评论(0) 推荐(0)