![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js&html&css
陶龙
这个作者很懒,什么都没留下…
展开
-
JavaScript prototype
用过JavaScript的同学们肯定都对prototype如雷贯耳,但是这究竟是个什么东西却让初学者莫衷一是,只知道函数都会有一个prototype属性,可以为其添加函数供实例访问,其它的就不清楚了,最近看了一些 JavaScript高级程序设计,终于揭开了其神秘面纱。每个函数都有一个prototype属性,这个属性是指向一个对象的引用,这个对象称为原型对象,原型对象包含函数实例共享的方法转载 2015-01-25 11:39:22 · 555 阅读 · 0 评论 -
关于javascript中的constructor的一些理解
最近在看javascript的继承机制时,发现每个对象都会有一个constructor函数,刚开始不怎么明白,经过一番查找,对其有了一定的了解。其实constructor始终指向创建当前对象实例的(构造)函数。我们都知道,任何函数都是Function类的一个实例,那么根据上述可知:任何函数的constructor属性都指向Function类,而Function类的constructor又指向谁呢?转载 2014-05-12 09:17:17 · 2737 阅读 · 0 评论 -
理解Javascript_01_理解内存分配
在正式开始之前,我想先说两句,理解javascript系列博文是通过带领大家分析javascript执行时的内存分配情况,来解释javascript原理,具体会涵盖javascript预加载,闭包原理,面象对象,执行模型,对象模型...,文章的视角很特别,也非常深入,希望大家能接受这种形式,并提供宝贵意见。 原始值和引用值在ECMAScript中,变量可以存放两种类型的值,转载 2014-05-17 09:13:43 · 365 阅读 · 0 评论 -
css position,display 学习
Object.style.position=static|relative|absolute|fixed转载 2014-05-11 00:38:23 · 585 阅读 · 0 评论 -
javascript 闭包学习
闭包向来给包括JavaScript程序员在内的程序员以神秘,高深的感觉,事实上,闭包的概念在函数式编程语言中算不上是难以理解的知识。如果对作用域,函数为独立的对象这样的基本概念理解较好的话,理解闭包的概念并在实际的编程实践中应用则颇有水到渠成之感。在DOM的事件处理方面,大多数程序员甚至自己已经在使用闭包了而不自知,在这种情况下,对于浏览器中内嵌的JavaScript引擎的bug可能造成内存泄转载 2014-04-09 16:09:51 · 542 阅读 · 0 评论 -
深入理解JavaScript系列(4):立即调用的函数表达式
大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行。在详细了解这个之前,我们来谈了解一下“自执行”这个叫法,本文对这个功能的叫法也不一定完全对,主要是看个人如何理解,因为有的人说立即调用,有的人说自动执行,所以你完全可以按照你自己的理解来取一个名字,不过我听很多人都叫它为“自执行”,但作者后面说了很多,来说服大家称呼为“立即调用的函数表达式”。转载 2014-05-09 11:10:52 · 365 阅读 · 0 评论 -
全面解析Module模式
简介Module模式是JavaScript编程中一个非常通用的模式,一般情况下,大家都知道基本用法,本文尝试着给大家更多该模式的高级使用方式。首先我们来看看Module模式的基本特征:模块化,可重用封装了变量和function,和全局的namaspace不接触,松耦合只暴露可用public的方法,其它私有方法全部隐藏关于Module模式,最早是由YUI的成员Eric Mirag转载 2014-05-09 10:19:58 · 821 阅读 · 0 评论 -
深入理解JavaScript系列(5):强大的原型和原型链
前言JavaScript 不包含传统的类继承模型,而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及,其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单,但是实现 JavaScript 中的原型继承则要困难的多。由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言,所以理解两种继承模式的差转载 2014-05-09 09:53:22 · 413 阅读 · 0 评论 -
javascript中的发布/订阅模式
发布/订阅是一种消息模式,发布者发布消息到某个信道,订阅者绑定这个信道,当有消息发布到这个信道时就会接收到一个通知,最主要的是,发布者和订阅者是完全解耦的,彼此并不知道对方的存在,两者仅共享一个自定义事件的名称。 // 以下是原码js实现的一个发布订阅 var PubSub ={ subscribe:function(ev,callb转载 2014-05-09 09:36:56 · 631 阅读 · 0 评论 -
精通 JavaScript中的正则表达式
精通 JS正则表达式 (精通?标题党 ) 正则表达式可以: •测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字 •根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字转载 2014-05-12 13:50:20 · 494 阅读 · 0 评论 -
Extjs 框架基础知识
1.ExtJS的核心基础是Ext 类, 代表着ExtJs框架的命名空间,同时包括基础功能函数组成的静态类。2.Ext.apply(o,c,default) 函数其实就是复制对象, 返回o。这个是对象之间的复制3.js中的类是通过函数来模拟的,函数原型的方法(Prototype)和属性可以看成是类的实例方法和属性,而函数自身的方法和属性可以看成是类的静态方法和静态属性。var m=fun转载 2014-04-11 16:13:02 · 785 阅读 · 0 评论 -
js ==与===区别(两个等号与三个等号)
1、对于string,number等基础类型,==和===是有区别的1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等2)同类型比较,直接进行“值”比较,两者结果一样2、对于Array,Object等高级类型,==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型,=转载 2014-04-11 16:41:25 · 479 阅读 · 0 评论 -
JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)
JavaScript中的event对象一共有六对鼠标位置的属性。分别如下:属性对 参考点 浏览器兼容性clientX,clientY 浏览器窗口所有layerX,layerY最近的绝对定位的父节点,如果没有,则为document Firefox,Chrome,SafarioffsetX,offsetY 事件目标对象所有,Firefox除外转载 2014-07-09 13:59:58 · 868 阅读 · 0 评论 -
EXTJS 事件机制的探究
ExtJS 是一种 JavaScript 编写的与后台无关的 Ajax 框架,它提供了可重用的对象和部件. 在简化 Ajax 开发的同时又起到丰富客户端界面的效果.该框架的核心思想是通过 JavaScript 动态创建页面的标记元素,从而使得页面更灵活. 其实 ExtJS 本身并没使用到新技术, 而是在 JavaScript 基础上结合这些设计思想发展过来的.而 ExtJS 事件机制作为ExtJS转载 2014-05-14 10:03:12 · 669 阅读 · 0 评论 -
Ext 各种dom属性
Ext.onReady(function(){ var mypanel=new Ext.Panel({ title:'dd', width:500, height:500, items:[{id:"win1",title:"hahahha",width:200,height:200}] }).render(Ext.getBody());原创 2014-05-14 08:47:13 · 1275 阅读 · 0 评论 -
js Extend 实现
//给Object对象增加静态方法extend,该方法的作为复制source有所有属性和方法到destination Object.extend = function(destination, source) { for (property in source) { alert(property+" "+source[property]); destination[propert原创 2014-04-14 11:23:08 · 1710 阅读 · 0 评论 -
js继承的实现---object.extend(d,s)方法
http://www.cnblogs.com/5201314/archive/2009/05/22/1487213.html Object.extend = function (destination, source) {for ( var property in source) { destination[property] = source[property];}re转载 2014-04-14 11:21:07 · 999 阅读 · 0 评论 -
Ext 学习
在使用Ext开发的应用程序中,组件Component是最高层次的抽象,是直接给用户使用的,Ext Element是Ext的底层API,主要是由Ext或自定义组件调用的,而DOM是W3C标准定义的原始API,Ext的Element通过操作DOM 来实现页面的效果显示。在Ext中,组件渲染以后可以通过访问组件的el属性来得到组件对应的Element,通过访问Element的dom属性可以得转载 2014-05-13 17:50:27 · 490 阅读 · 0 评论 -
JavaScript对象模型-执行模型
数据类型基本数据类型基本数据类型是JS语言最底层的实现。简单数值类型: 有Undefined, Null, Boolean, Number和String。注意,描述中的英文单词在这里仅指数据类型的名称,并不特指JS的全局对象N an, Boolean, Number, String等,它们在概念上的区别是比较大的。对象: 一个无序属性的集合,这些属性的值为简单数值类型、对象或者函数转载 2014-05-17 21:09:07 · 408 阅读 · 0 评论 -
javascript深入理解js闭包
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一转载 2014-05-11 22:09:59 · 392 阅读 · 0 评论 -
JS中typeof与instanceof的区别
JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。但它们之间还是有区别的:typeoftypeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。它返回值是一个字符串,该字符串说明运算数的类型。typeof 一般只能返回如下几个结果:number,boolean,string,function转载 2014-04-07 21:08:20 · 519 阅读 · 0 评论 -
js继承探讨
每当我们说到 js 的继承时,在您的脑袋的第一反应就是 prototype 原型机制来实现。但是您是否使用过其他的方法来实现继承呢,或者您是否了解其他 实现方式及各种不同的继承实现机制的优缺点呢?好了,下面我们就来看看几种比较常见的继承实现吧。1、 prototype方式 1 var BaseClass = function () 2 3 { 4转载 2014-04-07 15:55:10 · 443 阅读 · 0 评论 -
for...in循环
for...in循环用来遍历一个对象的全部属性。var o = {a:1, b:2, c:3};for (i in o){ console.log(o[i]);}// 1// 2// 3注意,for...in循环遍历的是对象所有可enumberable的属性,其中不仅包括定义在对象本身的属性,还包括对象继承的属性。function Person(n转载 2014-05-01 16:19:39 · 711 阅读 · 0 评论 -
js prototype学习, Ext extend
Ext.onReady(function(){ //定义 function Animal(){this.name='animal';this.eye='2';this.love='蛇妖'; }; Animal.prototype.love="美女";var animal=new Animal(); alert(animal.lo原创 2014-04-16 22:33:42 · 723 阅读 · 0 评论 -
js 弹出浮动层
function tanchu(){ document.getElementById("opacitys").style.display='block'; document.getElementById("content").style.display='block'; } function close(){ document.getElementById("opacitys"原创 2014-05-02 23:36:45 · 764 阅读 · 0 评论 -
每天一剂ExtJS良药
一、如何同步调用Ajax远程数据[javascript] view plaincopy// 同步方式,API不直接提供,获取XHR的conn的引用即可 var url = "myApp/getUserList.do"; var conn = new Ext.data.Connection()conn; conn.open("转载 2014-04-30 11:26:26 · 1201 阅读 · 0 评论 -
ext精华函数解析
1: Ext的最先开始的精华函数要算Ext.namespace,它采取的是命名空间的方式.从而可以避免各种变量啊.对象的冲突问题2: Ext的apply采取的是对象继承方式,Ext.apply(o,c,object),既o继承c的所有属性.并且o也拥有object的一切属性3 Ext的applyIf采取的对象继承方式,这个跟上面的继承有一点不同,Ext.applyIf(o,c)就是转载 2014-04-30 11:24:39 · 530 阅读 · 0 评论 -
JavaScript有三种方法,可以确定一个值到底是什么类型。
typeof运算符instanceof运算符Object.prototype.toString方法转载 2014-04-30 22:02:57 · 640 阅读 · 0 评论 -
js 学习 Window 对象
1,所有浏览器都支持 window 对象。它表示浏览器窗口。2,所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。甚至 HTML DOM 的 document 也是 window 对象的属性之一:原创 2014-04-14 13:58:50 · 520 阅读 · 0 评论 -
超链接在web开发中使用总结
在工作中在前端页面的编写中经常使用到超链接,遇到了一些细小问题,在这里进行一下总结,以备未来使用,同时分享给大家,方便查找。 通常在开发中使用超链接用来触发onclick事件,已达到类似按钮点击操作的效果,同时在样式上比button标签更加灵活。最常用写法: Js代码 "#" onclick="函数名();">转载 2014-03-07 23:20:45 · 1712 阅读 · 0 评论 -
document.execCommand()方法处理Html数据
document.execCommand()方法处理Html数据时常用语法格式如下: 复制内容到剪贴板 代码: document.execCommand(sCommand[,交互方式, 动态参数]) 其中:sCommand为指令参数(如下例中的”2D-Position”),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的”false”即转载 2014-04-16 23:29:33 · 927 阅读 · 0 评论 -
js本地图片预览
//js本地图片预览,兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3function PreviewImage(fileObj,imgPreviewId,divPreviewId){ var allowExtention=".jpg,.bmp,.gif,.png";//允许上传文件的后缀名document.getElementById("hfAllowP转载 2014-05-04 08:54:49 · 655 阅读 · 0 评论 -
JavaScript中的原型和继承
请在此暂时忘记之前学到的面向对象的一切知识。这里只需要考虑赛车的情况。是的,就是赛车。 最近我正在观看 24 Hours of Le Mans ,这是法国流行的一项赛事。最快的车被称为 Le Mans 原型车。这些车虽然是由“奥迪”或“标致”这些厂商制造的,可它们并不是你在街上或速公路上所见到的那类汽车。它们是专为参加高速耐力赛事而制造出来的。 厂家投入巨额资金,用于研发、设计转载 2014-05-04 22:43:41 · 408 阅读 · 0 评论 -
js call
js callcall 方法 请参阅 应用于:Function 对象 要求 版本 5.5 调用一个对象的一个方法,以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参转载 2014-04-06 23:07:28 · 533 阅读 · 0 评论 -
JS中的prototype
JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类:a 类方法b转载 2014-04-06 23:06:15 · 561 阅读 · 0 评论 -
js回调函数,匿名函数学习
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">无标题文档//测试身高是否达到标准function testHeight(height,callback){ if(height<170){ alert("卧槽原创 2014-04-19 22:47:31 · 918 阅读 · 0 评论 -
js回调,apply,call 函数学习
<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> My JSP 'callBack.jsp' sta原创 2014-04-20 17:37:04 · 694 阅读 · 0 评论 -
Ext继承Extends学习
Ext.onReady(function () { //----------------继承前开始---------------// var Panel1 = new Ext.Panel({ title: '标题', width: 500, he转载 2014-05-05 09:06:54 · 639 阅读 · 0 评论 -
利用函数的惰性载入提高javascript代码性能 转
在 javascript 代码中,因为各浏览器之间的行为的差异,我们经常会在函数中包含了大量的 if 语句,以检查浏览器特性,解决不同浏览器的兼容问题。 例如,我们最常见的为 dom 节点添加事件的函数:function addEvent (type, element, fun) { if (element.addEventListener) { element.a转载 2014-05-05 00:39:19 · 684 阅读 · 0 评论 -
我希望我知道的七个JavaScript技巧
23 April 2014如果你是一个JavaScript新手或仅仅最近才在你的开发工作中接触它,你可能感到沮丧。所有的语言都有自己的怪癖(quirks)——但从基于强类型的服务器端语言转移过来的开发人员可能会感到困惑。我就曾经这样,几年前,当我被推到了全职JavaScript开发者的时候,有很多事情我希望我一开始就知道。在这篇文章中,我将分享一些怪癖,希望我能分享给你一些曾经令我头痛不已转载 2014-05-05 00:27:39 · 783 阅读 · 0 评论