js
文章平均质量分 63
appteam_vlctech
这个作者很懒,什么都没留下…
展开
-
在JavaScript的数组中进行数组元素查找和替换(JS的indexOf等)
Extend JavaScript Array Method Array.prototype.indexOf=function(substr,start){var ta,rt,d='\0';if(start!=null){ta=this.slice(start);rt=start;}else{ta=this;rt=0;}var str=d+ta.join(d)+d,t=st原创 2013-09-18 12:26:19 · 1738 阅读 · 0 评论 -
新发现getBoundingClientRect() 来获取页面元素的位置
getBoundingClientRect() 来获取页面元素的位置 document.documentElement.getBoundingClientRect 下面这是MSDN的解释:SyntaxoRect = object.getBoundingClientRect()Return ValueReturns a TextRe转载 2013-01-20 19:51:42 · 655 阅读 · 0 评论 -
js sleep
1.[javascript] view plaincopyfunction sleep(n) { var start=new Date().getTime(); while(true) if(new Date().getTime()-start> n) bre原创 2013-01-18 14:30:15 · 304 阅读 · 0 评论 -
javascript图片预加载技术
lightbox类效果为了让图片居中显示而使用预加载,需要等待完全加载完毕才能显示,体验不佳(如filick相册的全屏效果)。javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。这是大部分人使用预加载获取图片大小的例子:010203040506转载 2012-12-21 14:12:03 · 342 阅读 · 0 评论 -
javascript嵌套函数的效率问题
javascript嵌套函数的效率问题 javascript自诞生以来就是一门受争议的编程语言,很多人也对javascript的语法表示不解,例如javascript嵌套函数。本文来自Nettuts+的一篇教程,详细的介绍了javascript中嵌套函数效率问题,从小处说起,一直说到匿名函数、继承,感觉不错。匿名函数 javascript开发中常转载 2012-12-21 12:17:37 · 909 阅读 · 0 评论 -
Writing Fast, Memory-Efficient JavaScript
Writing Fast, Memory-Efficient JavaScriptJavaScript engines such as Google’s V8 (Chrome, Node) are specifically designed for the fast execution of large JavaScript applications. As you develop转载 2012-12-21 10:31:30 · 1316 阅读 · 0 评论 -
js获取页面传递参数(完整版)
function request(para){var i;var searchString=location.search;para = para.toLowerCase();searchString=searchString.toLowerCase();var pos=searchString.indexOf("?");if (pos==0){var str,原创 2012-12-19 14:12:37 · 793 阅读 · 0 评论 -
使用SeaJS实现模块化JavaScript开发
From:http://www.cnblogs.com/leoo2sk/archive/2011/06/27/write-javascript-with-seajs.html前言SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只转载 2013-01-04 14:17:43 · 700 阅读 · 0 评论 -
JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文转载 2012-12-18 10:21:27 · 318 阅读 · 0 评论 -
javascript图片浏览器的核心——图片预加载
网站开发时经常需要在某个页面需要实现对大量图片的浏览,如果考虑流量的话,大可以像pconline一样每个页面只显示一张图片,让用户每看一张图片就需要 重新下载一下整个页面。不过,在web2.0时代,更多人愿意用javascript来实现一个图片浏览器,让用户无需等待过长的时间就能看到其他图片。知道了一张图片的地址,需要把它在一个固定大小的html容器(可以是div等)里边显示出来,最重要的转载 2013-02-18 15:16:49 · 422 阅读 · 0 评论 -
CSS和Javascript的标签属性对应表
在写javascript中,经常要用到style对象的css属性,很多不记得其实很好记,基本就是CSS中的“-”转化为javascript的驼峰写法,除了注意下float盒子标签和属性对照CSS语法(不区分大小写)JavaScript语法(区分大小写)borderborderborder-bottomborderBottom转载 2013-02-18 15:33:03 · 505 阅读 · 0 评论 -
在已有的子节点前插入/删除一个新的子节点
removeChild() 方法可从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。语法:nodeObject.removeChild(node)参数描述node必需。指定需要删除的节点。insertBefore() 方法可在已有的子节点前插入一个新的子节点。此方法原创 2013-05-20 14:49:22 · 1260 阅读 · 0 评论 -
JSON.parse()
JSON.parse()方法 本文章介绍一下javascript in json 中 json2.js中的parse()方法。以下为json2js中的原文介绍JSON.parse(text, reviver)This method parses a JSON text to produce an object or array.It can throw转载 2013-05-20 09:42:43 · 510 阅读 · 0 评论 -
javaScript call 函数的用法说明
javaScript 中的 call() 是一个奇妙的方法,但也是一个让人迷惑的方法,先看一下官方的解释。call 方法 请参阅 应用于:Function 对象 要求 版本 5.5 调用一个对象的一个方法,以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 t转载 2013-04-23 14:58:02 · 468 阅读 · 0 评论 -
如何减少浏览器的repaint和reflow?
文本内容主要包括以下几点:什么是repaint/reflow?什么情况下会触发浏览器的repaint/reflow?浏览器自身所作的优化如何优化你的脚本来减少repaint/reflow?一、什么是repaint/reflow?页面在加载的过程中,需要对文档结构进行解析,同时需要结合各种各样的样式来计算这个页面长什么样子,最后再经过浏览器的渲染页面就转载 2013-02-22 16:24:52 · 438 阅读 · 0 评论 -
变量私有化保护
变量的私有化在函数内部的变量是私有的,外面是不可以访问到函数内部的变量的,但是函数内部可以访问到外部的变量。看下面的代码:function Foo(paramOne) { var thisIsPrivate = paramOne; this.bar = function() { return thisIsPrivate;原创 2013-02-22 14:37:05 · 1436 阅读 · 1 评论 -
js处理date类型的各种方法
Date.prototype.isLeapYear 判断闰年Date.prototype.Format 日期格式化Date.prototype.DateAdd 日期计算Date.prototype.DateDiff 比较日期差Date.prototype.toString 日期转字符串Date.prototype.toArray 日期分割为数组Date.prototype.转载 2013-03-07 09:33:24 · 1042 阅读 · 0 评论 -
获取当前日期或者前七天日期
Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this.原创 2013-03-04 12:16:15 · 1693 阅读 · 0 评论 -
超出字数隐藏
function hideNum(thisId,showLeng){ var nowId = document.getElementById(thisId); var nowLeng = nowId.innerHTML.length; if(nowLeng > showLeng){ var nowWord = nowId.原创 2013-02-18 15:53:39 · 628 阅读 · 0 评论 -
关于一个JS功能实现的思维方式
一、关于功能情境先来简单的,页面上一个“兑换礼品”的按钮,这个按钮上有如下些逻辑判断:1. 用户是否已经登录,如果没有登录,则弹出登录框,让其执行登录操作(无刷新),登录成功后执行2;否则直接执行2.2. 如果用户已经登录或登录成功,弹出选择礼品数目的弹框,让用户进行数目设置。上面的逻辑功能该如何实现?二、现实世界的映射我们习惯于将现实世界的思维转载 2012-12-18 14:11:03 · 384 阅读 · 0 评论 -
javascript的缓动效果(第1部分)
原文地址:http://www.cnblogs.com/rubylouvre/archive/2009/09/16/1566699.html缓动,学名为Tween,缓冲移动的简称。要想页面内容切换起来舒服,就使用淡入淡出特效,要想让页面元素动起来自然,就要使用缓动效果。这两个混合起来,可以衍生多种特效的。感谢Flash开发人员为我们做了那么多先行研究,我们直接把它们拆出来装在各种菜单与相册转载 2012-12-29 10:50:02 · 404 阅读 · 0 评论 -
Javascript绝句欣赏
1. 取整同时转成数值型:’10.567890′|0结果: 10’10.567890′^0结果: 10-2.23456789|0结果: -2~~-2.23456789结果: -22. 日期转数值:var d = +new Date(); //12956984167923. 类数组对象转数组:var arr = [].slice.call(转载 2012-12-29 10:02:32 · 316 阅读 · 0 评论 -
JS this
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面分四种情况,详细讨论this的用法转载 2012-08-30 21:17:19 · 232 阅读 · 0 评论 -
js通过Class Name获取一个对象的数组
DOM 提供了一个名为 getElementById() 的方法,这个方法将返回一个对象,这个对象就是参数 id 所对应的元素节点。另外,getElementByTagName() 方法会返回一个对象的数组,每一个对象分别对应着文档里有给定标签的一个元素。这个方法的参数是 html 标签的名字。现在我们考虑一个问题,能不能通过标签的类名class name来获取该对象呢?下面是这个猜想的程序实转载 2012-07-30 16:24:07 · 1452 阅读 · 0 评论 -
特效集锦
http://www.joelambert.co.uk/flux/ http://www.youku.com/playlist_show/id_17105254.html转载 2012-08-03 16:23:45 · 292 阅读 · 0 评论 -
js 指定文字逐条显示
var max=0; function textlist() { max=textlist.arguments.length; for (i=0; i this[i]=textlist.arguments[i]; } tl=new textlist("曾经有一份真诚的爱情放在我面前,","我没有珍转载 2012-07-10 13:39:36 · 1330 阅读 · 0 评论 -
Ajax异步 解析xml
function loadXMLDoc(url)//1.ajax 请求数据{ if (window.XMLHttpRequest) //创建XmlHttpRequest对象 { xmlhttp=new XMLHttpRequest();// code for IE7+, Firefox, Chrome, Opera, Safari } else {原创 2012-06-28 14:58:11 · 380 阅读 · 0 评论 -
ff支持的Ajax请求
var xmlhttp;function loadXMLDoc(url){xmlhttp=null;if (window.XMLHttpRequest) {// code for IE7, Firefox, Mozilla, etc. xmlhttp=new XMLHttpRequest(); if (xmlhttp.overrideMimeType){ xmlh原创 2012-06-27 11:20:24 · 369 阅读 · 0 评论 -
js获取DIV的位置坐标的三种方法!
js获取DIV的位置坐标的三种方法! 方法一: var odiv=document.getElementById('divid');alert(odiv.getBoundingClientRect().left);alert(odiv.getBoundingClientRect().top); 方法转载 2012-06-13 11:52:41 · 13246 阅读 · 0 评论 -
JS获取元素尺寸和位置
获取元素尺寸的方法1.通过clientWidth, offsetWidth, scrollWidth.clientWidht, clientLeft, clientX, offsetWidth, scrollWidth等具体的含义看DOM。clientWidth=width+padding相当jQuery的innerWidth();offsetWidth=width+padding转载 2012-06-08 11:07:28 · 3361 阅读 · 0 评论 -
js中escape()函数和unescape()函数的功能
1.escape 方法 对 String 对象编码以便它们能在所有计算机上可读, escape(charString) 必选项 charstring 参数是要编码的任意 String 对象或文字。 说明 escape 方法返回一个包含了 charstring 内容转载 2012-08-31 15:55:18 · 387 阅读 · 0 评论 -
关于createDocumentFragment
createDocumentFragment有什么作用呢?调用多次document.body.appendChild(),每次都要刷新页面一次。效率也就大打折扣了,也正使用document.createDocumentFragment()创建一个文档碎片,把所有的新结点附加在其上,然后把文档碎片的内容一次性添加到document中,这也就只需要一次页面刷新就可。他支持以下DOM2方法:转载 2012-08-23 09:55:30 · 428 阅读 · 0 评论 -
本地存储 关于cookie
最近面试的过程中,碰到了一些关于本地存储的问题,主题也不知道写什么好,就随便写个本地存储。我问了许多的前端,使用Cookie会有什么弊端,很多都是回答说不安全之类的,不安全那是肯定的,不过只要服务端在使用Cookie的时候适当的加个密就可以防止很多安全的问题了,这不是我们前端主要关心的问题。在日常的开发过程中,本人碰到了以下问题:1. 存储大小问题2. 在请求过程中会带过去服务转载 2012-12-29 09:51:20 · 555 阅读 · 0 评论 -
javascript的缓动效果(第2部分)
原文地址:http://www.cnblogs.com/rubylouvre/archive/2009/09/17/1567607.html这部分对原先的缓动函数进行抽象化,并结合缓动公式进行强化。成品的效果非常惊人逆天。走过路过不要错过。好了,打诨到此为止。普通的加速减速是难以让人满意的,为了实现弹簧等让人眼花缭乱的效果必须动用缓动公式。我见过两套缓动公式,一套是早期Robert转载 2012-12-29 10:56:38 · 696 阅读 · 0 评论 -
JavaScript深度克隆(深度拷贝)一个对象
我有一个前端笔试题:使用JavaScript深度克隆一个对象。可是我发现大多数人都是空白,问他为什么不做,大部分说不懂这题目的意思。科普一下:js一般有两种不同数据类型的值:基本类型(包括undefined,Null,boolean,String,Number),按值传递;引用类型(包括数组,对象),按址传递,引用类型在值传递的时候是内存中的地址。例如:转载 2012-12-28 14:31:26 · 1361 阅读 · 2 评论 -
JSON对象和字符串之间的相互转换
比如我有两个变量,我要将a转换成字符串,将b转换成JSON对象:1var a={"name":"tom","sex":"男","age":"24"};2 3var b='{"name":"Mike","sex":"女","age":"29"}';转载 2012-12-05 11:07:27 · 312 阅读 · 0 评论 -
CSS3+js实现多彩炫酷旋转圆环时钟效果
CSS3+js实现多彩炫酷旋转圆环时钟效果by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1016一、demo以及下载上图为Firefox3.6下的效果截图,在IE浏览器下也有效果,只是微微有些bug,这个后面会说的。您可以转载 2012-11-16 14:45:16 · 2049 阅读 · 0 评论 -
网页文字滚动marquee
网页中的marquee对象,可以用来制作滚动字幕,下面,给大家详细介绍该对象的参数及实例。 一、marquee语法 bgcolor=#n direction=left|right|up|down behavior=type height=n hspace=n scrollamount=n Scrolldelay=n wid转载 2012-11-05 10:58:25 · 902 阅读 · 0 评论 -
关于document.implementation.createDocument()
导入文档对于支持W3C模型的浏览器,使用document.implementation.createDocument()函数来请求XML文档并导入到JavaScript中;而对于Microsoft Windows Internet Explore,则是使用Microsoft.XMLDOM对象。和其他的不兼容性一样,这也意味着JavaScript程序员在编写代码时需要了解并考虑到这一区别。转载 2012-10-09 09:12:23 · 7481 阅读 · 0 评论 -
经典网站内容收集整理
引爆你的Javascript代码进化 http://www.hicss.net/我知道你不知道的负Margin http://www.hicss.net/转载 2012-09-07 09:25:45 · 468 阅读 · 0 评论