1. 程式人生 > >Bootstrap各JavaScript外掛的概述

Bootstrap各JavaScript外掛的概述

都定義Plugin函式

目前來看,定義Plugin是為了作為jquery的原型方法,可以作為jquery物件初始化的入口。

function Plugin(option) {
  return this.each(function () {
    var $this = $(this)
    var data  = $this.data('bs.tab')

    if (!data) $this.data('bs.tab', (data = new Tab(this)))
    if (typeof option == 'string') data[option]()
  })
}

都定義的noConflict函式

$.fn.tab.noConflict = function () {
  $.fn.tab = old
  return this
}
這樣能把先前覆蓋的變數返回
// 把被bs覆蓋的變數返回
var tab = $.fn.tab.noConflict();
// 重新複製bs的方法給新的變數
$.fn.newTab = tab;

都定義了一個物件和對應的原型方法

這樣應該是符合設計原理吧

在刪除元素前,都解除事件繫結

這樣可以是垃圾回收器儘早回收物件,減少不必要的物件的引用,提升JS效率