javascript
寒风问雪
专注于服务器领域前端领域
展开
-
js中this的用法
js中this的用法Posted on 2011-10-14 14:06 ritazhou 阅读(5811) 评论(0) 编辑 收藏 this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。但是总有一个原则,那就是this指的是调用函数的那个对象。1、纯粹函数调用。function test() { this.x = 1; alert(转载 2012-09-12 23:48:03 · 444 阅读 · 0 评论 -
Javascript 编程风格
Douglas Crockford 是 Javascript 权威,Json 格式就是他的发明。 去年 11 月他有一个演讲(Youtube),谈到了好的 Javascript 编程风格是什么。 我非常推荐这个演讲,它不仅有助于学习 Javascript,而且能让你心情舒畅,因为 Crockford 讲得很幽默,时不时让听众会心一笑。 下面,我根据这个演讲和转载 2013-03-13 16:38:13 · 522 阅读 · 0 评论 -
10大支持移动“触摸操作”的JavaScript框架推荐
为什么说移动开发是一项非常艰苦的工作?原因很多,比如非常耗时、压力无处不在等等。最重要的一点是,作为一名移动开发者,你必须始终秉承“活到老学到老”,还要明了最新的发展趋势、问题及解决方案等。比如跨浏览器的兼容性、屏幕分辨率及有问题的HTML、CSS代码等这些在过去难以解决,如今却能得到很好解决的难题。但开发者却仍然需要不断地学习新技术,只有这样才能保证自己不out,也才能让自己在竞争激烈的移动开发转载 2013-03-12 21:22:39 · 594 阅读 · 0 评论 -
JQueryJs框架之两对小括号()()的理解
如果大家看jquery的sourcecode就知道一开始就有两对小括号,是什么意思呢! 真的是比较困惑, 这么神奇的代码,什么意思啊? 我们先看看jQuery一开始是怎么写的:(function(){ // jquery 代码 })(); 它是由什么组成呢? 有一个匿名函数(函数没有名字),此匿名函数被一对小括号包裹着,这对小括号右边还有一对小括号.我们再看转载 2013-03-13 11:10:31 · 579 阅读 · 0 评论 -
如何提升JavaScript函数的运行速度
Nicholas为您讲解如何提升JavaScript函数的运行速度!这 篇是Nicholas讨论如果防止脚本失控的第二篇,主要讨论了如何重构嵌套循 环、递归,以及那些在函数内部同时执行很多子操作的函数。基本的思想和上一节trunk()那个例子一致,如果几个操作没有特定的执行顺序,而且互相不是 依赖关系,我们就可以通过异步调用的方式加以执行,不止可以减少执行的次数,还可以防止脚本失控。本文还介绍转载 2013-03-13 16:07:56 · 623 阅读 · 0 评论 -
jsonp详解
json相信大家都用的多,jsonp我就一直没有机会用到,但也经常看到,只知道是“用来跨域的”,一直不知道具体是个什么东西。今天总算搞明白了。下面一步步来搞清楚jsonp是个什么玩意。同源策略首先基于安全的原因,浏览器是存在同源策略这个机制的,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。看起来不知道什么意思,实践一下就知道了。1.随便建两个网页转载 2013-03-13 11:03:13 · 535 阅读 · 0 评论 -
JS判断手机浏览器
判断原理:JavaScript是前端开发的主要语言,我们可以通过 编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另 一种是通过分析浏览器的userAgent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的 版本一般只能通过分析浏览器的userA转载 2013-03-13 11:06:16 · 758 阅读 · 0 评论 -
什么是匿名函数
一、什么是匿名函数?在Javascript定义一个函数一般有如下三种方式:函数关键字(function )语句:function fnMethodName(x) { alert(x);} 函数字面量(Function Literals):var fnMethodName = function (x) { alert(x);} Function()构造函数:v转载 2013-03-13 13:11:22 · 1377 阅读 · 0 评论 -
深入详解javascript之delete操作符
最近重新温习JS,对delete操作符一直处于一知半解的状态,偶然发现一篇文章,对此作了非常细致深入的解释,看完有茅塞顿开的感觉,不敢独享,大致翻译如下。原文地址:http://perfectionkills.com/understanding-delete/P.S. 作者是PrototypeJS的开发组成员之一 ========分割线========转载 2013-03-13 15:57:53 · 477 阅读 · 0 评论 -
你真懂JavaScript吗?
介绍大叔整理的《深入理解JavaScript系列》已经快20篇了,不知道大家看的如何了? 除了大家熟知的闭包、原型、作用域以外,不知道大家是否真正理解了JavaScript的核心特性,在网上发现几个小题目非常有意思,正好适合考察大家对JavaScript的理解。如果大家有兴趣(或者自认为对JavaScript了解还不错的人),可以尝试着回答一下下面5个题目的输出结果(不要google或ba转载 2013-03-13 16:50:01 · 497 阅读 · 0 评论 -
js中function new function new Function
函数是JavaScript中很重要的一个语言元素,提供了一个function关键字和内置对象Function,下面是其可能的用法和它们之间的关系。 使用方法一: var foo01 = function() //or fun01 = function() { var temp = 100; this.temp = 200; retu转载 2013-03-15 11:35:41 · 870 阅读 · 0 评论 -
js中构造函数new与return
/** * JavaScript 是面向对象的语言,但是他的面向对象不是基于类的,是基于原型的; * 但是他的一些特性(函数是数据),使得它可以模拟基于类的面向对象,但是 JavaScript 并不支持和 Java 一样的类, * 因此 JavaScript 中的"类"可以称作"伪类" */ // /** * 构造函数: js 中用来和 new 运算符一起使用的函数称作转载 2013-03-15 11:26:07 · 2960 阅读 · 0 评论 -
JS中用new 创建对象及在构造函数中return的使用
核心提示: 创建具备特定类型的对象可以通过使用new关键字用构造函数模式来完成,function Emp(){this.name="Ray";}var p = new Emp();在这个过程中,JS中用new 创建对象及在构造函数中return的使用,相当于以Emp()为“模版”创建了 创建具备特定类型的对象可以通过使用new关键字用构造函数模式来完成。function转载 2013-03-15 11:29:22 · 1381 阅读 · 0 评论 -
认识js中的function和this
javascript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的。通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前,先看一下函数的使用语法:以下是引用片段:function func1(…){…}var func2=function(…){…};var func3=function func4(…){…};v转载 2013-03-19 15:12:04 · 939 阅读 · 0 评论 -
Javascript面向对象教程:Object与Function
破洛洛文章简介:JavaScript的面向对象是基于原形的,所有对象都有一条属于自己的原型链。Object与Function可能很多看Object instanceof Function , Function instanceof Object都为true而迷惑,所以首先看下对象的实例。JavaScript的面向对象是基于原形的,所有对象都有一条属于自己的原型链。Obj转载 2013-03-25 14:21:02 · 729 阅读 · 0 评论 -
Javascript原型链的原理,JS的__proto__,prototype相关知识!(转)
说到prototype,就不得不先说下new的过程。我们先看看这样一段代码:var Person = function () { };var p = new Person();script>很简单的一段代码,我们来看看这个new究竟做了什么?我们可以把new的过程拆分成以下三步: var p={}; 也就是说,初始化一个对象p。 p.__proto_转载 2013-03-25 14:13:32 · 823 阅读 · 0 评论 -
详解 JavaScript 中的 this
发表于7小时前| 1203次阅读| 来源foocoder.com| 7 条评论| 作者foocoderJavaScriptWeb开发前端开发摘要:JavaScript中的this总是让人迷惑,应该是js众所周知的坑之一。 个人也觉得js中的this不是一个好的设计,由于this晚绑定的特性,它可以是全局对象,当前对象,或者…有人甚至因为坑大而不用this。转载 2013-05-08 21:55:07 · 490 阅读 · 0 评论 -
超实用的JavaScript技巧及最佳实践(下)
1.使用逻辑符号&&或者||进行条件判断[js] view plaincopyvar foo = 10; foo == 10 && doSomething(); // is the same thing as if (foo == 10) doSomething(); foo == 5 || doSomething(); /转载 2014-01-07 22:51:43 · 608 阅读 · 0 评论 -
深入理解Javascript闭包
最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业。对于初学者来说别说理解闭包了,就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。 一、什么是闭包? “官方”的解释是:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一转载 2013-03-13 13:20:58 · 489 阅读 · 0 评论 -
js 两个小括号 ()() 的用法
JavaScript 中,考查如下代码: Js代码 收藏代码 Java代码 (function() { alert("cftea"); })(); 其实这段代码的意思就是执行这个匿名函数,弹出提示框,内容为“cftea”。 可以把上述代码理解为: Js代码 收藏代码转载 2013-03-13 10:31:32 · 1513 阅读 · 0 评论 -
js变量以及其作用域详解
js变量以及其作用域详解Posted on 2010-07-13 18:37 Terry_glp 阅读(2839) 评论(2) 编辑 收藏 一、变量的类型 Javascript和Java、C这些语言不同,它是一种无类型、弱检测的语言。它对变量的定义并不需要声明变量类型,我们只要通过赋值的形式,可以将各种类型的数据赋值给同一个变量。例如:i=100;//Number类型转载 2012-09-12 23:37:44 · 455 阅读 · 0 评论 -
JavaScript RegExp 正则表达式对象详细说明
RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。直接量语法 /pattern/attributes 创建 RegExp 对象的语法: 复制代码代码如下:var obj=new RegExp(pattern,attributes); 事例1: 复制代码代码如下:var pattern=/a/; do转载 2012-10-12 13:47:16 · 823 阅读 · 0 评论 -
JS字符串替换函数全部替换方法 JS 正则表达式如何使用变量
2011-01-17 11:34:34| 分类: js技术笔记 | 标签:字符串 love 替换 js 正则表达式 |字号 订阅JS字符串替换函数:Replace(“字符串1″, “字符串2″),1.我们都知道JS中字符串替换函数是Replace(“字符串1″, “字符串2″),但是这个函数只能将第一次出现的字符串1替换掉,那么我们如何才能一次性全部替换掉了?var s转载 2012-10-12 15:45:59 · 842 阅读 · 0 评论 -
让JS中settimeout、setInterval调用传递参数 的好方法
无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。例如对于函数hello(_name),它用于针对用户名显示欢迎信息:更新网络var userName="jack";//根据用户名显示欢迎信息function hello(_name){ a转载 2012-09-25 18:45:31 · 904 阅读 · 0 评论 -
JS中setInterval、setTimeout不能传递带参数的函数的解决办法
JS中setInterval、setTimeout不能传递带参数的函数的解决办法JS中setInterval、setTimeout不能传递带参数的函数的解决办法 在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。一、采用字符串形式:——(缺陷)参数不能被周期性改变set转载 2012-09-25 16:48:06 · 633 阅读 · 0 评论 -
Console命令详解,让调试js代码变得更简单
Firebug是网页开发的利器,能够极大地提升工作效率。但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。===================================Firebug控制台详解作者:阮一峰出处:http://www.ruanyifeng.com/blog/2011/03/转载 2012-12-28 23:49:47 · 529 阅读 · 0 评论 -
JavaScript window.location对象
经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询。 location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用“location”就行了;若要表示某一个窗口的地址,就使用“.location”。注意 属于不同协议或不同主机的两个地址之间不能互相引用对方的 location 对象,这是出于安全性的需要。例如,转载 2013-01-04 10:29:39 · 555 阅读 · 0 评论 -
JS作用域链
这几天看犀牛书的一点心得和总结,做个笔记吧,主要是概念层面的,JS高手大可忽略。变量的作用域变量的作用域其实很简单:在函数内定义的局部变量只在本函数内有效,在所有函数体外定义的变量在JS代码的全局有限,叫全局变量。有一个特殊情况,如果有全局变量和局部变量重名了,局部变量优先级高于全局变量,为什么会这样?后面再加以解释。变量与对象属性在学习Javascript的时候,会发现变转载 2013-01-07 22:59:02 · 456 阅读 · 0 评论 -
JS 中 new 操作符
按照javascript语言精粹中所说,如果在一个函数前面带上new来调用该函数,那么将创建一个隐藏连接到该函数的prototype成员的新对象,同时this将被绑定到那个新对象上。这个话很抽象,我想用实例来让自己加深理解。1.如果就一个函数,没有返回值,没有prototype成员,然后使用new,会是什么结果呢?如果一个函数没有返回值,那么如果不使用new来创建变量,那么该变量的值为un转载 2013-01-07 23:40:06 · 332 阅读 · 0 评论 -
iScroll框架解析(翻译)
概要iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器(诸如iPhone,iPad,Android这些系统上广泛使用)提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的是,这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。转载 2013-01-15 23:10:55 · 478 阅读 · 0 评论 -
javascript 匿名函数的理解,js括号中括function 如(function(){})
代码如下:(function(){ //这里忽略jQuery所有实现 })(); (function(){ //这里忽略jQuery所有实现 })(); 半年前初次接触jQuery的时候,我也像其他人一样很兴奋地想看看源码是什么样的。然而,在看到源码的第一眼,我就迷糊了。为什么只有一个匿 名函数又没看到运行(当然是运行了……),就能有jQuery这么个函数库了?于是,我抱着疑问来转载 2013-01-21 01:29:32 · 493 阅读 · 0 评论 -
在Eclipse中使用JSLint保证JavaScript代码质量
JSLint简介 JavaScript 作为一门语法灵活多变且对格式要求相对松散的语言,代码格式的混乱和某些语言特性的不正确使用,往往使得最终交付的产品中包含许多因编码风格约定造成的未预见的行为或错误,这种习惯性的问题如果不及时指出并修改,往往会在项目的迭代过程中不断的重现,严重影响 Web 产品的稳定性与安全性。 JSLint 正是 Douglas Crockford 为解决此类问题转载 2013-03-11 13:28:02 · 716 阅读 · 0 评论 -
实用的 JavaScript 测试及效验工具
JavaScript 是一款强大的广泛运用于现代Web站点及应用的脚本语言。作为一个技艺精湛的Web 开发者,掌握JavaScript可以增强用户的使用体验,提供交互及富客户端等功能。尽管JavaScript 的语法非常简单,但对于写程序而言仍然是困难重重,就是因为它的运行环境:基于Web浏览器。 以下您可以看到收集的8个实用的 JavaScript 测试及效验工具,它们都可以在不同环境下进行转载 2013-03-11 14:13:38 · 489 阅读 · 0 评论 -
jQuery性能优化
之前,我们减少字节数和请求次数以及加载顺序以使页面加载的更快。如今,我们越来越多的注意到另一个影响网站性能的部分–CPU利用率。使用 jQuery和其他JavaScript框架,使节点选择和DOM操作变得越来越容易,如果使用不当,有可能影响整个网页的响应速度,下面列举11个更有 效的使用jQuery库:1、总是使用#id去寻找element.在jQuery中最快的选择器是ID选择器转载 2013-03-11 15:44:53 · 426 阅读 · 0 评论 -
JS中void(0)的含义
Javascrīpt中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。void 操作符用法格式如下:1. javascrīpt:void (expression)2. javascrīpt:void expressionexpression 是一个要计算的 Javascrīpt 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。1.你转载 2013-03-11 17:12:29 · 861 阅读 · 0 评论 -
js匿名函数的执行
通常会有3种方法吧:(function(){})();(function(){}());void function(){}();void function(){};js的匿名函数,其实还有另外一种执行方式。跟这个void类是,只不过不用void,你可以在函数前面加~,+,-之类的单目运算符~ function(){}();转载 2013-03-11 17:14:33 · 500 阅读 · 0 评论 -
标签中有js 函数
a标签中调用javascript方法的几种方法:我们常用的在a标签中有点击事件:1. a href="javascript:js_method();"这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片转载 2013-03-12 14:27:26 · 781 阅读 · 0 评论 -
20个超实用的JavaScript技巧及最佳实践
发表于12小时前| 3680次阅读| 来源CSDN| 29 条评论| 作者张红月javascript编程语言开发经验摘要:JavaScript是一门非常流行的编程语言,许多开发者都会把JavaScript选为入门语言,本文向大家分享JavaScript开发的小技巧、最佳实践等非常实用的内容。众所周知,JavaScript是一门非常流行的编程语言,开发者用它不仅可转载 2013-12-27 23:40:23 · 632 阅读 · 0 评论