分析boostrap tags-input组件并进行二次封装开发-2

news/2024/7/10 23:09:37 标签: jquery, 组件源码分析与开发

在上一次我们大致分析了基于jquery开发组件的思路,这一次我们需要分析一下为什么需要这么编写

首先我们需要明白

”每个构造函数都有一个原型对象,

原型对象都包含一个指向构造函数的指针,

实例都包含一个指向原型对象的内部指针。”

                        ——此段话摘自《JavaScript高级程序设计》。

首先需要将上面关于构造函数,原型,对象的关系理解清楚后再看组件:

  1. //假设Class_function为一个类的构造函数
  2. //上述的理解为每个构造函数都或有一个原型对象的属性
  3. Class_function.prototype
  4. //原型对象中的属性会有一个constructor指向该原型的构造函数
  5. Class_function.prototype.constructor= Class_function
  6. //每个实例对象存在一个指向原型的指针
  7. obj.__proto__ = Class_function.prototype
然后观察组件的编写:

首先申明并定义了组件的构造类,至于组件的功能为了实现组件对象的功能复用需要将功能函数的编写转移至组件构造类的原型对象上,并对原型对象的constructor赋构造函数。

TagsInput.prototype = {
    constructor: TagsInput,
    add:function(){},
    build:function(){}
};

同理在对jquery组件的注册上也是同样的道理,将组件注册进jQuery的原型链方便任意的jquery对象使用,因为$.fn = jQuery.prototype

$.fn.plugin_name = function(){
    var ... = new  Class_function(this, args);
    ....
}

http://www.niftyadmin.cn/n/801258.html

相关文章

K好数--蓝桥杯

JAVA版K好数--蓝桥杯 历经千辛万苦,也算是研究出来了这道题了。 这道题主要运用了动态规划(Dynamic Planning)的思想,何谓动态规划?其实就是将一个大问题分成一个个小问题,然后先通过把各个小问题都解决,自然而然大问题…

PNP与NPN三极管开关特性

用简单的语言讲述世界 三极管的作用是把微弱信号放大成幅度值较大的电信号,也用作无触点开关。三极管有截止、放大、饱和三种工作状态。放大状态主要应用于模拟电路,对电流信号进行放大;数字电路主要使用三极管的开关特性,只用到…

javascript教程

地址为https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments https://www.jquery123.com javascript高级教程第三版的在线非扫描版pdf地址 http://www.xiaowuhei.xyz:8080/docs/pdf/js/javascript.pdf

上拉、下拉电阻的原理和作用

概述: 上拉电阻:将一个不确定的信号(高或低电平),通过一个电阻与电源VCC相连,固定在高电平。 下拉电阻:将一个不确定的信号(高或低电平),通过一个电阻与地G…

光敏感应开关

效果图 电路图 元件清单 名称标号规格数量色环电阻R1120K1色环电阻R21K1三极管Q190131三极管Q290131光敏电阻RG11导线若干面包板(或PCB板)1电源模块3-5V1实物图

分析boostrap tags-input组件并进行二次封装开发-3

以上我们分析的编写jquery组件的一般思路 接下来我们需要针对编写的细节部分进行分析了 我们按照组件的使用时调用顺序进行分析 组件使用的方式在html中插入如下代码 <input type"text" value"Amsterdam,Washington,Sydney,Beijing,Cairo" data-role&qu…

ruby

---恢复内容开始--- 1 caopucaopu-ThinkPad-X1:/opt/navicat_mysql$ ls2 LGPLV2 Navicat start_navicat wine3 caopucaopu-ThinkPad-X1:/opt/navicat_mysql$ cd /4 bin/ dev/ lib64/ opt/ sbin/ tmp/5 boot/ etc/ lostfound/ …

智能WIFI灯

欲速而不达。——孔丘《论语》 功能简介 对Siri说turn on&#xff0c;放在远处的LED会点亮 对Siri说turn off&#xff0c; 放在远处的LED 会熄灭 下载观看功能视频&#xff08;传送门&#xff09; ESP8266开发板相关 下载驱动 Windows驱动传送门 相关设置 Mac驱动传送门 链接开…