博客专栏  >  前端   >  JavaScript组件开发

JavaScript组件开发

分享JavaScript组件开发基本技术、经验。

关注
4 已关注
19篇博文
  • 开发JavaScript组件(完整示例)

    使用JavaScript,按照面向对象的思想来构建组件。 现以构建一个TAB组件为例。 从功能上讲,组件包括可视部分和逻辑控制部分;从代码结构上讲,组件包括代码部分和资源部分(样式、图片等)。 组件的...

    2015-01-15 20:07
    5693
  • 使用jQuery进行组件开发(完整例子)

    使用jQuery进行组件开发和使用纯JavaScript脚本(不使用框架)原理基本类似,特别是公共方法的组织是一样的。 不同点是,jQuery使用了插件机制,通过$()直接进行操作对象(DOM元素)绑...

    2015-01-15 19:13
    10488
  • EXTJS 组件开发(完整例子)

    目标:EXTJS组件开发,从component基础实现一个TAB控件。 使用EXTJS版本为5.0。测试通过。 这个例子还很初级,仅仅是说明通过示例使用EXTJS进行组件开发的一个基本思路。 ...

    2015-01-15 17:30
    4505
  • javascript prototype 实现类似OOP继承

    这里要说明的是,公有属性(使用this.修饰符)可以被覆盖,私有属性(使用var 修饰符)不能被覆盖 子类不能访问父类的私有属性,父类的方法正常访问父类的私有变量。 function Vege...

    2011-09-29 17:59
    625
  • javascript 使用prototype 实现OOP继承

    使用prototype特性,可以很方便的在子类中继承父类的方法和属性。 下例中Vegetable视为父类,Celery视为子类。 Vegetable 拥有属性taste, 方法fun1 Cele...

    2011-09-29 11:49
    754
  • 一个TIP信息提示框的实现

    <!-- #mopTip01 .arrowSet {font-size:3px} #mopTip01 .tip {vertical-align:top; background:#FFF...

    2011-09-27 18:20
    1520
  • ul li 制作横向菜单

    关键的CSS设置: float:left; 配置 .wlsc-menu-active{ float:left; } 配置控制

    2014-01-18 18:41
    1381
  • javascript prototype

    prototype 可以定义一个对象或称类的方法和属性,下面的例子实现了类似的面向对象编程的方法和属性的设置 function Test1(){ alert('test1 init'); t...

    2011-09-28 17:02
    835
  • javascript call callee

    call 能实现类似的面向对象继承: function Person(){ this.a = 'person'; this.b = function(){ alert('I\'m a p...

    2011-09-28 15:57
    731
  • javascript apply

    apply 方法很强大,可以用来实现类似面向对象编程的特性。 实现继承: function Person(){ this.a = 'person'; this.b = function()...

    2011-09-28 15:07
    921
  • js的call方法 apply方法 caller属性 callee属性

    js的call方法_apply方法_caller属性_callee属性     原文地址:http://aweber.blogbus.com/logs...

    2011-09-28 16:14
    802
  • javascript caller

    返回函数的调用者 function test1(){ if(test1.caller == test2){ alert('test2 call me!'); }else if(test1...

    2011-09-28 16:41
    784
  • javascript 遍历页面中所有的元素

    javascript 遍历页面中所有的元素,获取每个元素的节点类型,全局索引号 var nodes = document.all; for(var i=0;i<nodes.length;...

    2011-09-30 17:36
    4134
  • Web开发中的Drag and Drop

    这几天做了一些drag&drop操作方面的工作,在这里把一些注意事项记录下来,算是给自己备个忘,也给需要做类似工作的人留个树阴。这里要讨论的drag&drop是指使用IE提供的内置机制,而不是使用鼠标...

    2011-09-20 18:23
    1060
  • Javascript 中 Array和Object的关系

    Javascript中, Array 也是Object, 但有的人可能会误认为,形如a['key'] 的访问是Array的功能,其实不是。 如下例中,Array 赋值后,其length属性仍然为0,...

    2011-11-07 21:49
    2532
  • css优先级别

    CSS优先级包含四个级别(文内选择符,ID选择符,Class选择符,元素选择符)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。 CSS优先级的计算规则如下: * 页面中定义...

    2011-12-01 17:56
    2161
  • 两层容器的position 之间的关系

    在HTML的CSS种,容器如DIV有三种position属性:static, relative,absolute。其中static为默认属性,relative意为相对父容器定位,absolute意为相...

    2014-09-12 15:24
    1831
  • JavaScript函数同名覆盖问题

    在JavaScript脚本中,局部函数与外围函数同名,则会覆盖掉外网函数,即变量可以重复定义。 见下面的例子。 A = function(){ var me = this; me.metho...

    2014-12-08 16:27
    1290
  • 三层DIV定位

    CSS的position有三种属性:static, relative, absolute,如果DIV套DIV,达到多层,这些层间的定位关系又是怎样的呢? 1、只要父容器的postion属性不为sta...

    2014-09-12 15:42
    1933

img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部