jquery項目好用的插件彙總

一.打包

　　通常狀況也就js須要壓縮下，mac的話就用gulp配置打包so easy

二.避免300毫秒延時問題

1/禁止縮放

　　<meta name="viewport" content="width=device-width user-scalable= 'no'">  

　　使用這個方法必須徹底禁用縮放來達到目的，雖然大部分移動端能解決這個延遲問題，可是部分蘋果手機仍是不行。

2/fastclick.js

　　第一步：在頁面中引入fastclick.js文件。

　　第二步：在js文件中添加如下代碼
      在 window load 事件以後，在body上調用FastClick.attach()便可。

　　eg（jquery）：

　　　　$(document).ready(function(){

　　　　　　FastClick.attach(document.body);

　　　　});

三。hadlebar.js(引入模版更好遍歷渲染)==》注：數據改變必須手動操做dom樹，不能數據驅動視圖

五/有時候點擊會循環執行幾回，可經過以下方法破除

$('.confirmShare').unbind('click').click(function(){

 

});

六/選擇省市區好用的插件city-picker.js

$("#express_start").cityPicker({

// "title": "選擇快遞收件地址",

"onChange": function(picker, values, displayValues) {

// console.log(values, displayValues);

}

});

七/jq好用的表單插件==》weui

 

四。上傳圖片==》用webuploader

　　1.引入webuploader的js

　　2.

//上傳圖片

myUploader[attrId] = WebUploader.create({

swf: 'vender/Uploader.swf', // swf文件路徑

server: 'http://118.178.118.114/qz-declareform/upload', // 文件接收服務端

pick: '#'+attrId, // 選擇文件的按鈕。可選

// 只容許選擇圖片文件。

accept: {

title: 'Images',

extensions: 'gif,jpg,jpeg,bmp,png',

mimeTypes: 'image/*'

},

formData: {

token: sessionStorage.getItem('token')

},

chunkSize: 2 * 1024 * 1024,

fileSingleSizeLimit: 2 * 1024 * 1024, // 單個文件大小限制 2M

// 不壓縮image, 默認若是是jpeg，文件上傳前會壓縮一把再上傳！

resize: false,

//容許重複上傳

duplicate :true

});

myUploader[attrId].on( 'fileQueued', function( file ) {

if(attrInfoUser[attrId].length>=5){

$.toast('上傳圖片不得超過5張', "text");

return;

} 

myUploader[attrId].makeThumb(file, function (error, src) {

if (error) {

$.toast('上傳失敗', "text");

return;

}

attrInfoUser[attrId].push(src);

console.log(src,555555555555);

}, 200, 200);

myUploader[attrId].upload();

});     

//圖片上傳成功

myUploader[attrId].on('uploadSuccess',function(file,response){

if(response.success){

$.toast('上傳成功', "text");

attrInfoPost[attrId].push(response.data);

// attrInfoUser[attrId].push(response.data);

$('.previewBox'+attrId).show();

$('.uploadType'+attrId).show().children('.data').hide().siblings('.phone').show();

}else{

$.toast('上傳失敗', "text");

}

});

myUploader[attrId].on( 'error', function( file ) {

$.toast('上傳失敗！', "text");

});