文章分类 -  js&jquery

jquery构造器的实现
摘要：jQuery的$符号非常神奇，它可以接受一个字符，也可以接受一个文档对象或window对象，亦可以传个函数进行变为domReady加载器。显然，能做到这一步，其实现是相当的复杂，这个实现就是它的init方法，jQuery的真实构造器。它功能也随着版本的升级而升级，越来越长。2009-01-13发布的... 阅读全文
posted @ 2014-09-09 17:51 huhl 阅读(156) 评论(0) 推荐(0)
关于图片的预加载
摘要：看到了一章关于图片预加载的博文，其代码如下：function loadImage(url, callback) { var img = new Image(); //创建一个Image对象，实现图片的预下载 img.src = url; if (i... 阅读全文
posted @ 2014-09-09 17:42 huhl 阅读(133) 评论(0) 推荐(0)
动态加载图片与脚本
摘要：动态加载图片许多方法。第一种方法，随便创建一个块状元素如DIV，把它加入DOM树，然后用CSS设置背景图片。第二种前半部分同第一种，只不过这次用innerHTML加一张图片变成它的子元素。第三种，利用createElement("img")，然后加入DOM与指定它的src属性。第四种，new Ima... 阅读全文
posted @ 2014-09-09 10:56 huhl 阅读(230) 评论(0) 推荐(0)
将一段数字从右到左每隔三位插入一个逗号
摘要：window.onload = function(){ //整个测试由小刀提供 var testFun = function( callback, str ){ var tipElem = document.createElement( 'div' ), st... 阅读全文
posted @ 2014-09-09 10:05 huhl 阅读(193) 评论(0) 推荐(0)
如何将阿拉伯数字每三位一逗号分隔，如：15000000转化为15,000,000
摘要："15000000".split("").reverse().join("").replace(/(\d{3})/g, "$1,").split("").reverse().join("");"115000000".split("").reverse().join("").replace(/(\d{... 阅读全文
posted @ 2014-09-09 09:34 huhl 阅读(155) 评论(0) 推荐(0)
弹出层异步登录的事
摘要：现在大多网站都集成了弹出层登录, 如 重庆人才网, 智联招聘, 搜才网, tmall,速捷网等, 且弹出层登录一般还都是采用异步的方式, 很利于用户体验. 如图:下面学习吧来分析下弹出层登录的那些事;首先我们来建立一个弹出层的方法:var SJ = {};SJ.login = function ()... 阅读全文
posted @ 2014-08-28 17:41 huhl 阅读(460) 评论(0) 推荐(0)
前端工程与性能优化
摘要：来自：http://fex.baidu.com/blog/2014/03/fis-optimize/ 阅读全文
posted @ 2014-08-25 17:08 huhl 阅读(64) 评论(0) 推荐(0)
【转】说说JSON和JSONP，也许你会豁然开朗
摘要：前言 由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端... 阅读全文
posted @ 2014-08-25 14:58 huhl 阅读(136) 评论(0) 推荐(0)
重载jquery on方法实现click事件在移动端的快速响应
摘要：其实我想表达的是jquery click事件如何在移动端自动转换成touchstart事件。因为移动端click事件会比touchstart事件慢几拍移动设备某个元素上事件执行顺序是：touchstarttouchmovetouchendclick｛mousedown->mousemove->mou... 阅读全文
posted @ 2014-08-18 16:27 huhl 阅读(2185) 评论(0) 推荐(0)
【转】JavaScript延迟加载lazyload的实现
摘要：懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载.在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页，淘宝网,QQ空间等.因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官... 阅读全文
posted @ 2014-08-17 23:20 huhl 阅读(87) 评论(0) 推荐(0)
【转】console.time 简单分析javascript动态添加Dom节点的性能
摘要：本文代码约定1 el: 指的是增加直接点的DOM节点2 totalNum: 为100000(值越大越能体现差距)指的是循环创建的DOM节点3 for(var i=0;i123"; }el.innerHTML = str;console.timeEnd("time1");2 .使用innerHTML和... 阅读全文
posted @ 2014-08-15 11:24 huhl 阅读(130) 评论(0) 推荐(0)
【转】详解JavaScript DOM中的Node节点
摘要：在DOM（文档对象模型）中，HTML文档的层次结构被表示为树形结构，HTML文档的树形表示主要包含表示元素或标记的节点和标识文本串的节点构成。在JavaScript DOM中，Node常常被翻译成节点，下面我们通过实例，来了解一下Node的属性及方法。Node的属性介绍：nodeType：显示节点的... 阅读全文
posted @ 2014-08-15 11:22 huhl 阅读(578) 评论(0) 推荐(0)
【转】【移动端兼容问题研究】事件机制详解（涉及移动兼容）
摘要：前言这篇博客有点长，如果你是高手请您读一读，能对其中的一些误点提出来，以免我误人子弟，并且帮助我提高如果你是javascript菜鸟，建议您好好读一读，真的理解下来会有不一样的收获在下才疏学浅，文中难免会有不同程度的错误，请您指正留言目录javascript事件基础事件捕获/冒泡事件对象事件模拟移动... 阅读全文
posted @ 2014-08-15 11:21 huhl 阅读(167) 评论(0) 推荐(0)