Javascript
文章平均质量分 65
Jsheng
这个作者很懒,什么都没留下…
展开
-
AJAX 的 XMLHttpRequset的对象池
在ajax应用中,通常一个页面要同时发送多个请求,如果只有一个XMLHttpRequest对象,前面的请求还未完成,后面的就会把前面的覆盖掉,如果每次都创建一个新的XMLHttpRequest对象,也会造成浪费。解决的办法就是创建一个XMLHttpRequset的对象池,如果池里有空闲的对象,则使用此对象,否则将创建一个新的对象。 代码如下: var XMLHtt...原创 2011-09-23 14:49:17 · 110 阅读 · 0 评论 -
Javascript中模拟接口
接口:规定一组规则,但不限定实现这些规则的具体方法,实现这些接口的类必须具有接口所规定的方法。接口与抽象类的区别:简单而言,类与接口的关系为a live b can do something,类与抽象类的关系为a is b,so a can do anything b can,另外,抽象类除了虚函数也可以有实现了的方法。js中模拟根据“鸭式辨型”来模拟接口。1.鸭式辨型:像鸭子一样走路并呱呱叫的...原创 2011-11-09 19:13:26 · 149 阅读 · 0 评论 -
2011/11/9 JS代码小记
注意:FF和Chrome不支持createElement('button') 所以要改成input 然后设置type.. eval('btn').value 等价于getElementById('btn').value (不过这不符合w3c标准) IE9 FF7 Chrome14 <html> <head> <met...原创 2011-11-09 21:38:54 · 73 阅读 · 0 评论 -
(转)整理浏览器对网页的兼容性问题(一)——JS&DOM篇
浏览器市场的百花争艳既打破了IE一家独霸的垄断局面也给网页开发者带来不小的麻烦,IE、FireFox、Opera、Safari……还有新秀Chrome...昨日黄花Netscape...Oh My God!究竟哪款浏览器可以完美展现我的网页效果?我那制作精美的网页在哪款浏览器上又糟糕的一塌糊涂?本文仅关注占浏览器市场份额绝大部分的IE与FireFox对网页开发中的兼容性问题,文中所涉及经验部分...原创 2011-11-10 17:23:23 · 77 阅读 · 0 评论 -
(转)整理浏览器对网页的兼容性问题(二)——CSS篇
二、 CSS兼容性: 1. CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义!important 可被FireFox和IE7识别* 可被IE6、IE7识别_ 可被IE6识别*+ 可被IE7识别 2. ...原创 2011-11-10 17:25:41 · 86 阅读 · 0 评论 -
几种压缩算法原理介绍
先给出一个JS实现的ZIP:http://stuartk.com/jszip/1. RLERLE又叫Run Length Encoding,是一个针对无损压缩的非常简单的算法。它用重复字节和重复的次数来简单描述来代替重复的字节。尽管简单并且对于通常的压缩非常低效,但它有的时候却非常有用(例如,JPEG就使用它)。1.1. 原理图2.1显示了一个如何使用RLE算法来对一...原创 2012-05-25 20:04:19 · 123 阅读 · 0 评论 -
四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWi...
四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offse...原创 2011-11-28 09:27:39 · 168 阅读 · 0 评论 -
跨浏览器可拖动的Div (2011-11-27)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/ht原创 2011-11-28 10:01:02 · 110 阅读 · 0 评论 -
(转)高性能JavaScript的几点
随着web应用的复杂度日渐提高,JavaScript代码量也变得越来越多,所以JavaScript在浏览器中性能应得到更多的关注。这事又因为JavaScript的阻塞特性而变得复杂。要提高JavaScript的性能一方面需要浏览器方面提升优化自身的JS引擎,另一方面作为JS程序开发员应该编写高效的JS代码来提高web程序的性能。本文立足于后一种情况。这将是一系列的文章,有关优化...原创 2011-12-02 19:20:15 · 127 阅读 · 0 评论 -
(转)理清apply(),call()的区别和关系
from:http://www.popo4j.com/article/the-differences-of-apply-and-call.html 如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始...原创 2011-12-05 16:58:57 · 73 阅读 · 0 评论 -
关于js的作用域链
from:http://wenku.baidu.com/view/a4290ad9ce2f0066f5332229.html 关于js的作用域链,早有耳闻,也曾看过几篇介绍性的博文,但一直都理解的模棱两可。近日又精心翻看了一下《悟透Javascript》这本书,觉得写得太深刻,在“代码的时空”一节里有一段介绍作用域链的地方寥寥数语,回味无穷(其实还是理解的模棱两可^_^)。现在整...原创 2011-12-05 17:15:31 · 57 阅读 · 0 评论 -
性能分析工具firebug.console.profile(title)
原文地址:http://www.cnblogs.com/zhenn/archive/2011/02/20/1959186.html很多的web开发人员都使用Mozilla firefox并且绝大多数都使用firebug来测试、调试前端代码,firebug在调试html+css方面的能力是毋庸置疑的,但仅仅使用它来完成这样的任务并没有发挥firebug的巨大潜能。JavaScri...原创 2011-12-08 15:53:03 · 90 阅读 · 0 评论 -
JavaScript中的arguments,callee,caller
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:arguments:arguments 该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的 Function 对象的名字。 n :选项。要传递给 Function 对象的从0开始的参数值索引。说明Arguments是进行函数调...原创 2011-12-09 16:00:08 · 57 阅读 · 0 评论 -
不用递归,循环算0-9999之和(js)
var i=0,sum=eval(new Array(10000).join('+(++i)'));console.log(sum);for(var j=0,sum2=0;j<10000;j++){ sum2+=j;}console.log(sum2);原创 2012-02-17 19:15:18 · 194 阅读 · 0 评论 -
function sleep
//毫秒(function sleep(t){ for (var m= new Date;;) if (new Date -m > t) break;})(1000);原创 2012-02-17 19:16:16 · 84 阅读 · 0 评论 -
(转)Javascript中大括号“{}”的多义性
JS中大括号有四种语义作用语义1,组织复合语句,这是最常见的 Js代码 if( condition ) { //... }else { //... } for() { //... } 语义2,对象直接量声明 Js代码 var obj = { nam...原创 2012-02-25 11:21:11 · 69 阅读 · 0 评论 -
Ext Js 4.x 扩展自己的XType
如果想用自己定制的XType(比如这里想用一个Obj存el和vl两个属性) 可以自己来扩展Ext.data.Types 大致的流程.... 定义类型 function MyExtType(v, data, name) { /** * @objEl 第一次v传人为 MyExtType [object] 里面有 vl ,...原创 2012-03-03 14:26:07 · 200 阅读 · 0 评论 -
js绑定带参数的事件以及手动触发事件
如果大家将一张网页看成一个form的话,大致上就成了一个web form的模型。在win form 下要想手动触发某一个对象的事件是很简单的,只要发送一条消息即可达成。(PostMessage) 但是网页并不是基于消息机制的,如果我们想在一张网页上写出一个类似于按键精灵的功能该如何实现呢?为大家介绍js下的几个方法:1. createEvent(eventType)参数:even...原创 2011-11-09 10:33:45 · 407 阅读 · 0 评论 -
Augment.js 为旧浏览器增加现代Javascript的功能支持
index: http://olivernn.github.com/augment.js/Augment.js能给系统内建对象增加现代Javascript功能的支持,但并不会覆盖浏览器已有的实现,它只增加不支持的功能。 Array.prototype.every - Checks whether all elements in the array pass the te...原创 2012-01-18 12:06:21 · 143 阅读 · 0 评论 -
分享:myFocus一个专注于焦点图/轮换图制作的Javascript库
分享 一个很好用的图片轮换的js库 以后不用到处找了 很方便 说明: myFocus是一个专注于焦点图/轮换图制作的Javascript库,它小巧而且是完全独立的Javascript库,大概是6~7KB左右的大小(min版),用它可以轻松的制作出网上绝大部分常见的焦点图(甚至包括flash焦点图),而且制作出的焦点图体积也非常的小(1KB左右),功能也十分的完备,因为是轻量级,...原创 2011-09-24 21:09:43 · 86 阅读 · 0 评论 -
jQuery向上循环滚动(仿新浪微博未登录首页滚动微博显示)
本文来自:http://www.wufangbo.com/jquery-scroll-upward-cycle新浪微博未登录首页有一个“大家正在说”的模块,动态滚动最新发布的微博。从需求上来说,这个功能需要实时调用最新的微博数据,单就前端开发来说,其需求可以拆分如下:1 内容持续滚动;2 新微博将下面的微博先推下去,然后淡入进来;3 鼠标经过内容暂停滚动;4 容器...原创 2011-09-25 12:52:11 · 133 阅读 · 0 评论 -
使用JSON进行数据传输
使用JSON进行数据传输一、选择的意义在异步应用程序中发送和接收信息时,可以选择以纯文本和 XML 作为数据格式。为了更好的使用ajax,我们将学习一种有用的数据格式 JavaScript Object Notation(JSON),以及如何使用它更轻松地在应用程序中移动数据和对象。JSON是一种简单的数据交换格式,在某些方面,它的作用与XML非常类似,但比XML更为简单,JSO...原创 2011-10-10 10:35:41 · 102 阅读 · 0 评论 -
使用createElement动态创建HTML对象
document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。 下面,我们用实例来讲述一下appendChild() 方法...原创 2011-10-21 08:54:34 · 428 阅读 · 0 评论 -
Struts2+JQuery+JSON应用
使用JSON需要引人下列jar包:json-lib-2.3-jdk15.jar commons-beanutils-1.7.0.jar commons-httpclient-3.1.jar commons-lang-2.3.jar commons-logging-1.0.4.jar commons-collections-3.1.jar ezmorph-1.0.3.jar ...原创 2011-10-21 12:07:58 · 75 阅读 · 0 评论 -
收藏的两个多tab切换
留着可能以后有用原创 2011-12-13 19:02:36 · 134 阅读 · 0 评论 -
onunload和onbeforeunload区别
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script> 脚本中通过window.onunload来指定或者在<body>里指定。 区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正...原创 2011-12-15 18:54:41 · 167 阅读 · 0 评论 -
JS判断浏览器能力
对象/特征检测法该方法是一种判断浏览器能力(而非浏览器的确切型号)的通用方法。大部分JS专家认为这个方法最合适,因为他们认为按照该方法所编写的脚本是经得起未来考验的。//获取IE浏览器的版本号//返回数值,显示IE的主版本号function getIEVer() { var ua = navigator.userAgent; //获取用户端信息 var b = ...原创 2011-12-15 20:47:15 · 85 阅读 · 0 评论 -
浏览器支持的JS版本及JS对象图
来自zh.wikipedia.org的JavaScript版本表版本历史版本发布日期基于Netscape NavigatorMozilla FirefoxInternet ExplorerOperaSafariGoogle Chrome1.01996年3月 2.0 3.0 1.11996年8月 3.0...原创 2011-12-20 10:38:57 · 111 阅读 · 0 评论 -
document.getElementsByClassName的理想实现
来自: 司徒正美 bloghttp://www.cnblogs.com/rubylouvre/archive/2009/07/24/1529640.html 先看一下各浏览器对document.getElementsByClassName的支持当然如果游览器原生支持,就用原生的。各主流游览器的支持情况IE8IE7IE6FF3FF2...原创 2011-12-20 14:41:42 · 131 阅读 · 0 评论 -
全世界最短的IE判定
var ie = !-[1,]; 还能说什么呢..... 心里只有无穷的崇拜 [1,]在标准浏览器会返回字符串"1",相当于调用[1,].toString,,IE则返回"1,"。但是这样IE与标准都会通过检测,因此使用负号强制转换为数字,标准能成功转换为1,1会在if中自动转换为true,而IE则转换为NaN,再自动转换为fal...原创 2011-12-20 15:45:39 · 59 阅读 · 0 评论 -
各浏览器对document.getElementById等方法的实现差异
本文来自:http://www.cnblogs.com/snandy/archive/2011/03/24/1993380.html 所有Web前端同仁对 document.getElementById 都非常熟悉了。开发过程中经常需要用其获取页面id为xx的元素,自从元老级JS库Prototype流行后,都喜欢这么简写它?12// 方式1...原创 2011-12-21 13:15:13 · 125 阅读 · 0 评论 -
关于JS中的constructor与prototype
我们都知道,在JS中有一个function的东西。一般人们叫它函数。比如下面的代码 function Person(name) { alert(name); } Person('js');//js 上面的代码中,Person的表现的确跟一般的函数没有什么区别,接着看下面的代码 代码function Person(n...原创 2011-12-22 19:53:26 · 69 阅读 · 0 评论 -
parentNode、parentElement,childNodes、children
parentNode、parentElement,childNodes、children 它们有什么区别呢? ----------------------------------------------------------------------parentElement 获取对象层次中的父对象。 parentNode 获取文档层次中的父对象。 childNodes 获取作为指定对象直接后...原创 2011-12-26 17:38:43 · 83 阅读 · 0 评论 -
js中的onchange和onpropertychange
当一个HTML元素的属性用js改变的时候,都能通过 onpropertychange来捕获。例如一个 <input name="text1" id="text1" />对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获。 也就 是说:onpropertychange事件在用键盘每改变一下文本框的值或用js改变...原创 2011-12-28 11:26:15 · 166 阅读 · 0 评论 -
Javascript中的~和~~
<script type="text/javascript"> // ~ var testData = -2.9; var testResult = (typeof testData === "number" && !isNaN(testData) && testData !== Infini...原创 2011-12-30 15:58:03 · 76 阅读 · 0 评论 -
ExtJS4.0 分享Grid导出Excel插件(3.28更新支持4.1)
需要将ExtJS Grid 导出 Excel 的同学可以试一试这个插件 是从官方论坛淘来的 我自己做了些修改和扩展 用法很简单 引入 bootstrap.js 和压缩包里的 export-all.js 就可以使用了 具体可以参考 main.js (下面是定义Grid的时候 指定一个toolbar 为 xtype: 'exporterbutton') ...2012-03-12 17:00:04 · 246 阅读 · 0 评论