js
goodgirl1991
这个作者很懒,什么都没留下…
展开
-
js中构造函数与原型(图解)
本文为阅读博文http://clarkdo.github.io/javascript/2014/08/21/17/后总结而得①:f1._proto_==Foo.prototype//true②:function Foo() { } ; var f1 = new Foo();Foo.prototype.x = "hello";f1.x //=> helloFoo.x转载 2016-04-15 14:07:02 · 332 阅读 · 0 评论 -
css选择器中是否加空格的差别
加空格是在第一个选择器的字节点里找能匹配第二个选择器的节点 不加空格是同时匹配选择器的节点转载 2016-02-26 14:40:59 · 971 阅读 · 0 评论 -
javascript 隐性类型转换步骤
本文转自http://www.cnblogs.com/rubylouvre/p/3990290.html这里说的隐性类型转换,是==引起的转换。1.如果存在NaN,一律返回false2.再看有没有布尔,有布尔就将布尔转换为数字3.接着看有没有字符串, 有三种情况,对方是对象,对象使用toString进行转换;对方是数字,字符串转数字;对方是字符串,直接比较;其他返回fals转载 2016-02-26 10:37:28 · 739 阅读 · 0 评论 -
js的单线程
本文为理解http://www.ruanyifeng.com/blog/2014/10/event-loop.html博文后,所总结的部分内容从诞生起,js就是单线程的语言,但是,有的时候,比如很多I/O时,在单线程过程中,会有大量的时间耗费在等待I/O响应上,而不能处理其他任务,针对该问题,为了利用多核cpu,HTML5提出Web Worker标准,允许JavaScript脚本创建多个线程,原创 2016-02-25 14:02:54 · 333 阅读 · 0 评论 -
jQuery触发事件中的this和target
文章转自http://www.cnblogs.com/12go/archive/2011/12/28/2304502.html1.this和event.target的区别:js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;2.this和event.target都是dom对象,如果要使用jquey中的方法可以转载 2016-02-24 16:15:08 · 436 阅读 · 0 评论 -
JS使用[ ]来访问对象属性
文章转自:http://www.lutiantian.com/article/490.html关于js中对象属性的访问大家都知道一般通过obj.property的方式来访问。但是如果你通过obj[property]的方式其实也是可以的。用前一种方式,使用起来有时候会很受限制,达不到我们的要求,比如有时候希望通过传入对象的属性的字符串形式来获取对象的某个属性的值时,第一种方式就要靠边了。转载 2016-02-24 11:34:58 · 1512 阅读 · 0 评论 -
何值会被判断为false
本文内容来源为http://13521308103.iteye.com/blog/1989215对于只定义未赋值的变量var aaa,其值为undefined,为false. 字符串:空字符串""转换布尔型为false,其它为true; 数字:数字0转换为布尔值为false,其它为true; 对象:为null的对象转换为布尔型为false,其它转载 2016-03-11 10:13:24 · 407 阅读 · 0 评论 -
关于js的几个特点
本文为学习《Javascript设计模式》一书后总结而来代码格式的灵活性怎么个灵活法?就是我们如果想要实现一个功能,可以通过各种不同的方式来实现。比如,现在,我想要实现开始某些动作(startOperation),和结束某些动作(endOperation)的功能.过程式程序设计 function startOperation() { ...原创 2016-03-30 17:34:02 · 529 阅读 · 0 评论 -
focusout()与blur()的区别
focusout()不仅可以检测出当前元素的失去焦点事件,其下的子元素失去焦点时同样可以检测出来。而blur()则检测不出子元素的失去焦点事件。原创 2016-02-20 10:11:22 · 4139 阅读 · 0 评论 -
js事件模型
js中事件模型是异步的,而非使用线程来实现。这两者有什么区别呢?假如,只是说假如哦,若事件模型是使用线程来实现,则我们想要判断页面是否加载完毕,是这样来判断的。while(!window.loaded()){ }document.getElementById("body").style.border="1px";浏览器不断的去判断window.loaded,期间不能执行任何其他操原创 2016-03-29 14:48:24 · 360 阅读 · 0 评论 -
window.onload函数
转自:http://www.cnblogs.com/a546558309/p/3478344.htmlwindow.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。转载 2016-03-03 10:52:54 · 303 阅读 · 0 评论 -
通过jquery执行ajax取出后台数据
本文部分内容引用自http://www.chinaz.com/web/2012/0320/240936.shtml何为ajax即异步javascript和xml的结合,其功能便是实现客户端(通常为浏览器)与服务器之间的数据交互,更新浏览器页面。那为什么要使用ajax,这就不得不提到ajax出现之前,我们用来进行数据交互的传统web方法了,使用传统web方法时,每当客户端像服务器提交一个请求原创 2016-01-14 18:16:03 · 2174 阅读 · 0 评论 -
avalon中数组所具备的方法与变量
avalon中的数组具有以下变量:$index:用于指明当前数组中的指针所在索引值,即指向数组中第几个元素(索引值从0开始)示例代码: var model = avalon.define({ $id: "test", array: [原创 2015-12-12 23:10:52 · 3839 阅读 · 0 评论 -
和我一起学习avalon(持续更新)
avalon的一个显著优点是它将视图与业务逻辑完全分离开来。1.视图模型该模型通过avalon.define方式进行定义,简称vm,avalon中用户定义的所有vm都会在avalon.vmodels中存储,因此为了方便获取,每个vm都通过$id来进行标识。该模型定以后规定不许再添加新属性和方法,但可以添加子属性。比如以下是错误的添加属性方法。var vm原创 2015-11-23 15:53:44 · 1541 阅读 · 0 评论 -
onload和onunload 到底是怎样的事件
在w3school上面是这样解释的:”onload 和 onunload 事件会在用户进入或离开页面时被触发。“那么,什么时候是进入页面,通过进行控制台调试,一步一步看程序的运行,我总结出来,原来进入页面也就是程序走到处,即刚刚开始画页面。因此,通过onload事件,我们可以很好的”检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。“而离开页面,则是程序走到处。原创 2016-01-13 16:23:40 · 2476 阅读 · 0 评论 -
给dom元素添加事件处理的两种方法
给元素添加事件处理不只有两种方法,但本文只列出两种。第一种,直接在html代码上设置标签的事件处理,代码示例:点击按钮就执行displayDate()函数点击//在此处onclick中只需要写出事件发生后对应处理的js代码即可 function displayDate(){document.getElementById("p").innerHTML="fighting";}原创 2016-01-13 16:09:33 · 2408 阅读 · 0 评论 -
document.write在文档加载后的使用
在学习document.write函数时,见到了这样一句话:“您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。”于是问题来了怎样的情况算是文档加载后?查阅资料后说,比如你将document.write写在一个函数中,这时,就是在文档加载后使用了该方法,会导致文档上所有内容被清空,只留下document.write中的内容。原创 2016-01-13 11:07:00 · 2638 阅读 · 0 评论 -
chrome开发者工具使用
本文转自http://ued.taobao.org/blog/2012/06/debug-with-chrome-dev-tool/查看元素绑定了哪些事件在 Elements 面板, 选中一个元素, 然后在右侧的 Event Listeners 下面会按类型出这个元素相关的事件, 也就是在事件捕获和冒泡阶段会经过的这个节点的事件.在 Event Listeners 右侧下拉按钮转载 2016-02-26 11:20:19 · 2348 阅读 · 0 评论 -
checkbox被点击后默认事件与事件监听哪个先发生
答:事件监听。比如有这段代码:那么,首先会触发click事件,执行checkAll方法,然后才会将checked值赋给isCheckAll值。原创 2016-03-12 14:29:33 · 1398 阅读 · 0 评论 -
JavaScript 运行机制详解:再谈Event Loop
本文转自阮一峰博客http://www.ruanyifeng.com/blog/2014/10/event-loop.html一、为什么JavaScript是单线程?JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊。JavaScript的单线程,与它的用途有关。作为浏览器脚转载 2016-01-26 09:56:39 · 287 阅读 · 0 评论 -
chrome下判断点击input上标签还是其余标签
想要实现的功能:当input框失焦且点击的不是清除键时,执行reset方法重置input样式,当点击清除键时,执行clear方法,清除input内容。如图本想通过如下代码来实现 $(".search-input").focusout(function () { if (document.activeElement.className !== 'cl原创 2016-09-01 19:06:59 · 489 阅读 · 0 评论 -
读JavaScript语言精粹后部分知识的总结
不同的函数调用方式方法调用模式一个函数B是另一个对象A的属性时,通过A.B来调用函数B的方式我们称之为方法调用模式 A= { a:'a vairalbe', B: function() { // } } A.B();这种调用模式中,B函数中的th原创 2016-07-05 15:49:37 · 282 阅读 · 0 评论 -
nodejs中的事件机制以及事件协作和雪崩问题的改进方法
简单事件机制通过事件机制,我们不用关心组件内部是怎样的,只需要关注在我们所需的事件点即可。比如以下代码:var options = { host: 'wwww.google.com', port: 80, path: '/upload', method: 'POST'};var req = http.request(option, function(re原创 2016-06-17 11:37:09 · 1034 阅读 · 0 评论 -
组合模式
本文为阅读《Javascript设计模式》一书后,总结部分内容而得。其内部的代码和截图都来源自该书。使用组合模式的一个场景示例想象一下,现在你需要维护一个个人信息的页面,当用户不同时,页面也可能会发生变化。比如,当用户为小明时,展示给他的页面是这样的而当用户为小红时,展示给她的页面是这样的我现在想要实现保存页面信息的功能,面对各种各样的可能页面,页面上的各种元素保存信息的方式也不同原创 2016-06-14 15:57:10 · 275 阅读 · 0 评论 -
js中的函数和执行环境
本文内容为阅读博文http://roomfourteen224.iteye.com/blog/2248632后总结而得,其中代码示例均引用自该博文何为环境函数能够访问声明在当前函数作用域“之外”的变量、全局变量、声明在函数内部的变量以及通过参数传进来的变量和指向“容器对象”的"this"变量。以上所有这些变量为我们的函数形成了一个“环境”,该“环境”定义了哪些变量和它们的值是可以被当前函数转载 2016-07-11 17:38:26 · 1329 阅读 · 0 评论 -
js参数是按什么传递的
本文内容为阅读博文baidu.com后总结而得,其中代码示例均引用自该博文基本类型的传递按值传递。也就是说,调用函数时,其形参为实参的副本,修改形参并不会影响传入的实参值。var a = 1;function foo(x) { x = 2;}foo(a);console.log(a); // 仍为1, 未受x = 2赋值所影响对象类型的传递按共享传递。也就是原创 2016-07-11 15:13:58 · 359 阅读 · 0 评论 -
js中函数表达式和函数声明
本文为阅读博文http://wiki.jikexueyuan.com/project/javascript-garden/function/general.html后总结而得函数声明函数声明会在执行前被解析,所以即使在调用的代码后进行函数声明,依然能够正常运行该函数 foo(); // 正常运行,因为foo在代码运行前已经被创建 function foo() {}函数表达式原创 2016-07-11 11:16:32 · 301 阅读 · 0 评论 -
js中接口的实现
看了《JavaScript设计模式》一书,其中对接口的使用进行了系列介绍,本文为自己总结的内容。首先,为什么要使用接口?举个栗子。现在,我想要创建一个类,这个类的作用,是将传入的内容以另一种格式输出。首先,我们看一看不使用接口的情况:var ResultFormatter = function(resultsObject) { if (!(results原创 2016-03-31 18:52:25 · 3124 阅读 · 0 评论 -
工厂模式
文中示例代码引用自《Javascript设计模式》一书使用工厂模式的目的消除对象间的耦合,简化更换所使用的类的工作以及简化在运行期间动态选择所用类的工作。(即弱化对象间耦合以及防止代码的重复)工厂模式的思路先创建出所要用到的小对象,然后生成并返回包含这些小对象的容器,即大对象。示例自行车商店非工厂模式不同自行车店,卖不同类自行车var BicycleSh原创 2016-04-23 17:19:07 · 287 阅读 · 0 评论 -
js中单体
单体的功能避免在代码复杂的项目中,所创建的全区变量间互相冲突,比如已经有了一个A属性,在之后为了其他功能,又创建了一个同名的A属性。单体为我们提供了一个命名空间,比如有了单体之后,我在NameSpace空间中创建了一个A,又在NameSpace2控件中创建了一个A,NameSpace.A与NameSpace2.A并不冲突。简单的单体 //定义单体,假设我们已经创建好了一个空的对象字面量原创 2016-04-20 17:21:58 · 362 阅读 · 0 评论 -
js中原型式继承和类式继承
其中的代码示例来自于http://web.jobbole.com/83319/博文类式继承在子函数中通过call和apply调用父函数的构造函数栗子:var father = function() { this.age = 52; this.say = function() { alert('hello i am '+ this.name ' and i am原创 2016-04-18 10:36:11 · 532 阅读 · 0 评论 -
js中的立即执行函数
本文内容转自博客http://weizhifeng.net/immediately-invoked-function-expression.html以下有三种执行立即执行函数的代码,为了方便,我们命名为A方法、B方法、C方法function () {console.log("f1");}(); // SyntaxError: Unexpected token (function(){ c转载 2016-04-25 17:26:51 · 363 阅读 · 0 评论 -
asp.net 前台绑定后台变量方法总结
文章转自http://www.soaspx.com/dotnet/asp.net/tech/tech_20110326_7434.html经常会碰到在前台代码中要使用(或绑定)后台代码中变量值的问题。一般有和两种方式,这里简单总结一下。如有错误或异议之处,敬请各位指教。 一方面,这里所讲的前台即通常的.aspx文件,后台指的是与aspx相关联的CodeBehind,文件后缀名转载 2016-03-01 11:01:08 · 751 阅读 · 0 评论 -
Jquery中$(document).ready()和window.onload的区别
文章转载自http://www.php100.com/html/program/jquery/2013/0905/5954.html1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。2.编写个数不同window.onload不能同时编写多个,如转载 2016-02-25 17:03:30 · 318 阅读 · 0 评论 -
js中的信息隐藏——封装
其中部分示例代码来源于《JavaScript设计模式》一书封装的主要目的就是将部分变量和函数隐藏起来,只让使用者看到想让他们看到的东西,而隐藏起来不想让他们看到的东西。这样做有以下好处:防止他们对这些东西进行误操作。减弱类与类之间的耦合性,增强各个模块、各个类的独立性,从而便于对类的修改和替换。最简单的封装举例不隐藏信息的类的定义:function foo() {原创 2016-04-05 17:18:47 · 985 阅读 · 0 评论 -
js中this指什么
这个问题一直困扰了我好久,每次看代码都this,this,this,弄的头都大了。看了阮一峰的日志,豁然开朗http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html。那么,this到底指什么,他指调用this所在函数的那个对象。为了节省时间,以下为阮一峰博客的内容,我讲的还没有人家好呢,所以转载 2016-01-04 09:27:02 · 570 阅读 · 0 评论 -
jQuery.extend
引用自http://www.cnblogs.com/joey0210/p/3408349.htmljQuery.extend是用来在jQuery类/命名空间上增加新函数,或者叫静态方法代码示例://扩展jQuery对象本身 jQuery.extend({ "minValue": function (a, b) {转载 2016-01-08 09:29:38 · 380 阅读 · 0 评论 -
通过jquery实现页面的动画效果
有很多函数可以用来实现动画效果,其中animate函数为最为常见的函数之一。以下为对该函数使用方式的简要介绍。通过animate实现动画效果的基本形式为:$(selector).animate({params},speed,callback);其中{params}为必须项,它指明了我们希望指定元素通过动画效果运行后,其所具有的的CSS样式,speed和callback则皆为可选项,其中s原创 2015-12-24 22:30:32 · 1115 阅读 · 0 评论 -
js中arguments是什么
代码部分引用自http://www.skygq.com/2010/12/02/about-javascript-arguments/假设,arguments所在函数为A,则arguments就用来存储调用函数A时,向其中传入的参数。举个例子function test(a,b){alert(arguments.length);//获取被传递的实际参数的个数alert(arguments[原创 2016-01-05 11:23:30 · 601 阅读 · 0 评论 -
jQuery中的call和apply
一点一点来,首先,我们将call视为什么功能呢,就是调用函数,比如如下代码:var test="Tony"; function doSomething(){ alert(this.test); //弹出 "Tony"; } doSomething(); // [调用] doSomething(); doSomething.call(); // 函原创 2016-01-05 09:38:49 · 3037 阅读 · 0 评论