一、主要特性
1.只依賴jquery
2.支援元素的新增和刪除
二、使用
引入類庫，包括jquery和gridster.js：
匯入gridstrer的css檔案：
三、gridster.js使用html5的data屬性來定義相關的拖放元素屬性，data-row為行號，data-col為列號，data-sizex為x軸元素寬度，datasizey為y軸元素寬度。
這裡是通過建立的屬性來設定每乙個區域的大小及定位,所涉及的屬性如下：
data-row:資料行，元素所存在的行數。
data-col:資料列，元素所存在的列數。
data-sizex:元素塊的寬（以個為單位，每個元素塊的寬度為widget_base_dimensions所設定的值）
data-sizey:元素塊的高（以個為單位，每個元素塊的高度為widget_base_dimensions所設定的值）
例：widget_base_dimensions: [150, 150]
那麼每個元素塊的寬/高分別為150px/150px
注：元素塊合併時的寬度並不只是兩個元素塊之和
即寬度==元素塊x2+右側的邊距==150*2+4=304px
高度==元素塊x1==150*1=150px
這裡我們只需要設定兩個數值，寬高/邊距；如
widget_margins:
設定網格之間的外邊距；所傳的數值是實際畫素的2倍，如[2,2]==[4px,4px]=[右邊距，下邊距]。
widget_base_dimensions:
設定網格的寬高；所傳的數值=實際畫素，如[150,150]==[150px,150px]=[width,height]。
四、**例項
var gridster = ;
layout.map(function(item),
draggable:
}).data('gridster');
gridster.push(g);
var widgets = ;
if(item.grids)
widgets.push(widgettemp);
});} $.each(widgets, function(i, widget))
})gridster.map(function(grid))
演算法（二十五）
1 給定兩個不字串，求出最長公共子串行的長度。int longestpublicsubsequence string x,string y else return math.max longestpublicsubsequence x.substring 1 y.substring 0 longes...
Effective C 之二十五
要點 提供不會丟擲異常的swap函式。swap自stl引入後就成為異常安全 exception safe 程式設計的基石。在條款11避免自賦值時已談到過。stl中swap的預設實現是通過臨時變數實現交換。但是對某些型別這是很低效的，例如pimpl只需要交換指標即可。之後，meyers提出在std命名...
Linux基礎（二十五）
進入linux字元介面方式有字元介面 圖形介面下的終端以及虛擬控制台等方式。在字元介面下，虛擬控制台的選擇可以通過按下 alt 鍵和1個功能鍵來實現，功能鍵通常為f1 f6鍵。比如使用者登入後，按下 alt f2 鍵，使用者可以看 login 提示符，說明使用者進入了第2個虛擬控制台。然後只需利用按...