vue使用bootatrap簡單分頁

html:

清單總數
}未採購數}新增
序號清單名稱
已採購狀態
刪除 }}
}刪除首頁
} 
... 
1&&item<=pagecount-1&&item>=showpagesstart&&item<=showpageend&&item<=pagecount" class="btn btn-default" v-on:click="getlist(item,$event)">
}showpageend+1" class="btn btn-default disabled">
...} 
尾頁 
}/}

window.onload=function(),

// ,
// ,
// 
// ],
text:'' ,
count:0,
},mounted:function(),
methods:
}).then((response)=>).length;
//計算分頁按鈕資料
})}

var connect = require('connect');  //建立連線

var bodyparser = require('body-parser'); //body解析
var servestatic = require('serve-static'); //目錄訪問（靜態檔案訪問）
var arr=[
, ,, ,
, ,, ,
, ,, ,
, ,, ,
, ,, ,
, ,, ,
, ,, ,
, ,, ,
, ,, ,
, ,, ,
, ,];var size = 3;//一頁10條資料
.use(bodyparser.json()) //json解析
.use(bodyparser.urlencoded())
.use(servestatic(__dirname))
//use()方法還有乙個可選的路徑字串，對傳入請求的url的開始匹配。
//use方法來維護乙個中介軟體佇列
.use(function (req, res, next) ); //utf-8轉碼
next(); //next 方法就是乙個遞迴呼叫
}) .use('/list/get', function(req, res, next) ;
var i = req.body.cur -1; //轉化頁數索引
var length = arr.length;
var total = math.ceil(length/size);
var arr2 =arr.slice(i*3,i*3+3);
data.arr =arr2;
data.length = length;
data.total = total;
data.num = arr.filter(function(item)).length;
res.end(json.stringify(data));
next();
}) .use('/list/add', function(req, res, next) ;
if(req.method=='put');
obj.name = req.body.name;
obj.state = false;
console.log(obj);
arr.push(obj)
} res.end(json.stringify(data));
next();
}) .use('/list/del', function(req, res, next) ;
if(req.method=="delete")
res.end(json.stringify(data));
next();
}) .use('/list/checkbox', function(req, res, next) ;
if(req.method=="post")
res.end(json.stringify(data));
next();
}) .listen(3000);
console.log('server started on port 3000.');

Vue原理 簡言

vue template 編譯 render function vnode 虛擬dom react jsx render function vnode 虛擬dom vue相當於react，angular更綜合一點。angular js則使用了 髒值檢測 react則採用避免直接操作dom的虛擬dom...

Performance Schema使用簡介 一

作者 董紅禹 沃趣科技mysql高階技術專家 performance schema簡介 oracle dba都應該知道 oracle中提供了大量的檢視供dba們排查問題使用，並且有等待事件幫助大家快速定位問題屬於哪一類。mysql 中也有performance schema幫助大家去分析排查問題，並...

Performance Schema使用簡介 一

oracle dba都應該知道 oracle中提供了大量的檢視供dba們排查問題使用，並且有等待事件幫助大家快速定位問題屬於哪一類。mysql 中也有performance schema幫助大家去分析排查問題，並且在5.7中增加了sys schema，將performance schema和info...