js 面向對象插件寫法,還是很好理解的

/**
* Created by jiangtao on 2015/5/12.
* name jihe
*/
(function () {
function gather(msg) {
//適應參數
if (msg) {
if (msg.imgFile != undefined) {
this.imgFile = msg.imgFile;
};
if (msg.wechatAppid != undefined) {
this.wechatAppid = msg.wechatAppid;
};
};
this.sendEventUrl='/x1371/wechat/event/publish';
this.uploadUrl='/x1371/upload/array/second';
this.setTime = null;
this.index = 0;
this.ajax= null;
this.debug=true;
};
gather.prototype = {
constructor: gather,
//屏幕適應
windowResize:function(){
var that=this;
that.getResize();
$(window).resize(function(){
that.getResize();
})
},
//屏幕自適應
getResize:function(){
var docWidth = document.documentElement.clientWidth;
var html = document.querySelector('html');
html.style.fontSize = (docWidth / 20) + "px";
},
//模態框自適應
maskingResize:function(e){
$(e).height($(window).height());
$(e).width($(window).width());
$(window).resize(function(){
$(e).height($(window).height());
$(e).width($(window).width());
})
},
//圖片上傳
uploadImg: function (back, setTime) {
this.setTime = setTime;
var that = this;
back.success.callback = back.success;
back.before.callback = back.before;
back.erro.callback = back.erro;
that.base64(function (imgUrl) {
back.success(imgUrl);
}, function (data) {
back.before(data);
}, function (erro) {
back.erro(erro)
})
},
//生成base64編碼
base64: function (success, before, erro) {
var file = this.imgFile;
var that = this;
success.callback = success;
before.callback = before;
erro.callback = erro;
for (var i = 0; i < file.length; i++) {
lrz(file[i], {width: 400}, function (results) {
var imgSize=results.imgSize;
that.sendreq(results.base64, function (e) {
success({imgUrl:e[0],imgSize:imgSize});
}, function () {
erro({errMsg:'圖片上傳失敗'});
},function(ajax){
before({blob:results.blob,ajax:ajax})
});
});
};
},
//ajax上傳圖片;
sendreq: function (base64, success, erro,before) {
var that = this;
var data = JSON.stringify({base64: [base64]});
success.callback = success;
erro.callback = erro;
before.callback=before;
var sendAjax = $.ajax({
contentType: 'application/json;charset=utf-8',
dataType: 'json',
type: 'post',
url: that.uploadUrl,
data: data,
success: function (data) {
if (data.code != 0) {
erro(data.msg);
} else {
success(data.data);
}
},
error:function(data,err){
erro(err);
}
})
before(sendAjax);
this.pauseUplodImg(that.setTime,sendAjax);
},
//打開上傳等待動畫
openUploadAnimation:function(){
$('.loadmb').removeClass('none');
setTimeout(function(){
$('.loadmb').removeClass('hidden');
},100);
},
//關閉上傳等待動畫
offUploadAnimation:function(){
$('.loadmb').addClass('hidden');
setTimeout(function(){
$('.loadmb').addClass('none');
},500);
},
//創建圖片框
createImgContainer:function(imgUrl){
$('.twhp').height($('.twhp').height() + 10.125 * parseFloat($('html').css('font-size')));
$(".bianji").append('<div class="tphp"><div class="delete">'+
'</div><div class="crtp"><img src="'+imgUrl+'" width="100%" height="auto" />'+
'</div><div class="button top changeImg">更換當前圖片</div></div>');
var index=$('.bianji>.tphp').length;
return index;
},
//修改圖片框
changeContainerImg:function(e,r){
r.find('img').attr('src',e);
},
//創建文本框
createfontContainer:function(control,back){
back.callback=back;
$('.tjdl').addClass('active');
$('.twhp').height($('.twhp').height() + 7 * parseFloat($('html').css('font-size')));
setTimeout(function(){
$('.tjdl').removeClass('active');
var fontBox='<div class="wzhp"><div class="delete"></div><textarea class="textCon1" rows="4" placeholder="請輸入文字..."></textarea></div>';
control.append(fontBox);
back();
},500);
},
//url加密
urlEocde: function (str) {
str = (str + '').toString();
return encodeURIComponent(str).
replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').
replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
},
//跳轉微信登錄
locationWechatLogin: function () {
var u = window.location.href;
var encodeUrl = this.urlEocde(u);
if(!this.wechatAppid){
alert('wechatAppid不存在')
return false;
}
var wechatUrl = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' +
this.wechatAppid + '&' + 'redirect_uri=' + encodeUrl + '&response_type=code&' +
'scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect';
location.href = wechatUrl;
},
//獲取url地址后面參數
getUrlArguments: function (str) {
var urlArguments = location.search.split("?")[1];//獲取?后面的部分
if (urlArguments != undefined) {
var arguments = urlArguments.split('&');//將?后的參數由&分割為數組
for (var i = 0; i < arguments.length; i++) {
var key = arguments[i].split('=')[0],
val = arguments[i].split('=')[1];
if (key == str) {
return val;
}
}
}
},
//判斷code是否存在
isCode: function () {
if (this.getUrlArguments('code')) {
return true;
} else {
return false;
}
},
//通過code獲取userid
getUser: function (code, url, back) {
var that=this;
if(back.success!=undefined){
back.success.callback = back.success;
}if(back.erro!=undefined){
back.erro.callback=back.erro;
}
if (code) {
$.ajax({
type: 'get',
url: url + '?code=' + code,
success: function (data) {
if(data.code!=0){
if(back.erro!=undefined){
back.erro(data.msg)
}
}else{
if(back.success!=undefined){
back.success(data.data.userId)
}
}
}
})
}
},
//判斷頁面上是否存在userid
isUserId:function(e){
return $(e).text();
},
//判斷文件是否為圖片
isImage: function (imageFile) {
var fileType = imageFile.type;
if (fileType && fileType.split('/')[0] == 'image') {
return true;
} else {
return false;
}
},
//提示框
messageBox: function (text) {
//alert(text)
setTimeout(function () {
$('.wsrwc').removeClass('none');
$(".wsrnrerro").text(text);
$('.fb').removeClass('active');
setTimeout(function () {
$('.wsrwc').removeClass('hidden');
}, 200)
}, 500);
},
closeMessageBox:function(){
$('.enter').addClass('active');
setTimeout(function(){
$('.enter').parent().parent().parent().addClass('hidden');
setTimeout(function(){
$(".wsrnrerro").text('');
$('.enter').parent().parent().parent().addClass('none');
$('.enter').removeClass('active');
},200);
},200)
},
//非空判斷
isBlank: function (f) {
//匹配空格賦值為空;
var val, l;
if (f.value != undefined) {
val = f.value.replace(/\s/g, "");
} else {
alert('kongString()方法必須有value參數!')
return false;
}
//判斷輸入長度;
if (f.len != undefined) {
l = eval('/^(?!.{' + f.len + '}|\s*$)/g');
}
if (l) {
if (val) {
if (l.test(f.value)) {
return true;
} else {
this.messageBox(f.name + '不能超過' + f.len + '個字!');
return false
}
} else {
this.messageBox('請填寫'+f.name+'!');
return false;
}
} else {
if (val) {
return true;
} else {
return false;
}
}
},
createEvent: function (data,back) {
var url=this.sendEventUrl;
back.before.callback=back.before;
back.success.callback=back.success;
back.erro.callback=back.erro;
var sendAjax= $.ajax({
contentType:'application/json;charset=utf-8',
dataType:'json',
type:'post',
url:url,
data:JSON.stringify(data),
success:function(data){
if(data.code!=0){
back.erro('圖片上傳失敗!')
}else{
back.success(data.data);
}
}
})
back.before(sendAjax);
},
//微信分享share參數為一個對象
wechatShare: function (share) {
var shareTitle = share.title;
var shareContent = share.content;
var shareLink = share.linkUrl;
var shareImgUrl = share.imgUrl;
wx.ready(function () {
wx.onMenuShareTimeline({
title: shareTitle,
desc: shareContent,
link: shareLink,
imgUrl: shareImgUrl
});
//分享給朋友
wx.onMenuShareAppMessage({
title: shareTitle,
desc: shareContent,
link: shareLink,
imgUrl: shareImgUrl
});
})
},
pauseUplodImg: function (time,e) {
setTimeout(function () {
if (e && e.readystate != 4) {
e.abort();
}
}, time * 1000)
},
uploadEsc:function(e){
if (e && e.readystate != 4) {
e.abort();
}
}
};
window.gather = function (msg) {
return new gather(msg);
}
})()

轉載于:https://www.cnblogs.com/ghost12/p/4531194.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/375937.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/375937.shtml
英文地址,請注明出處:http://en.pswp.cn/news/375937.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

操作系統上機題目(多進程2)

1、主進程創建2個子進程&#xff0c;主進程通過兩個管道分別與兩個子進程連接2、第一個子進程計算從1加到50的和&#xff0c;并將結果通過管道送給父進程3、第一個子進程計算從50加到100的和&#xff0c;并將結果通過管道送給父進程4、父進程讀取兩個子進程的結果&#xff0c;將…

JavaScript 的簡介

JavaScript 是一種基于對象和事件驅動的腳本語言。JavaScript和HTML一起實現網頁與客戶端的交互&#xff0c;從而可以開發客戶端的應用程序。JavaScript是通過潛入在標準的HTML文件中實現的&#xff0c;可以直接控制瀏覽器窗口個元素以及頁面內容。JavaScript一個重要的功能就是…

c語言大樂透編譯,Excel大樂透搖號vba代碼分享,說不定就中百萬了呢

大家好我是Excel從零到一&#xff0c;今天閑來無聊做了一套大樂透搖號程序的vba代碼分享給大家來看下效果Excel大樂透搖號vba代碼分享&#xff0c;說不定就中百萬了呢Sub 搖號()Dim i, a, test, s(1 To 35) As IntegerFor i 1 To 5line1: test Application.WorksheetFunction…

操作系統上機題目(多線程1)

主線程創建10個子線程 第0個子線程計算從01加到10的和 - 第1個子線程計算從11加到20的和 … 第9個子線程計算從91加到100的和 2. 主線程歸并10個子線程的計算結果&#xff0c;最終結果為5050 本題必須使用線程參數來完成 #include<stdio.h> #include<unistd.h> #i…

紙上談兵: 堆 (heap)

紙上談兵: 堆 (heap) 作者&#xff1a;Vamei 出處&#xff1a;http://www.cnblogs.com/vamei 歡迎轉載&#xff0c;也請保留這段聲明。謝謝&#xff01; 堆(heap)又被為優先隊列(priority queue)。盡管名為優先隊列&#xff0c;但堆并不是隊列。回憶一下&#xff0c;在隊列中&a…

C語言 取模運算 保證正數,c語言的取模運算

我們對C的%運算知多少呢&#xff1f;當是正整數時&#xff0c;可能大家都知道。例如&#xff1a;5%3等于2, 3%5等于3。當存在負數時呢&#xff1f;先看看例子&#xff1a;例一&#xff1a;int main(){int x;x -6%5; printf("%2d/n",x);x 6%-5; printf("%2d/n&…

操作系統上機題目(多線程2)

主線程創建4個子線程T1、T2、T3、T4&#xff0c;主線程在4個子線程退出后&#xff0c;才退出線程T1、T2、T3、T4的運行時代碼如下&#xff1a; #include <unistd.h> // sleep函數聲明在該頭文件中void *T1_entry(void *arg) {sleep(2); // 睡眠2秒&#xff0c;不準刪除…

圖形GUI名稱

15句柄圖形(Handle Graphics)15.1圖形窗的產生和控制(Figure window creation and control)clf 清除當前圖close 關閉圖形figure 打開或創建圖形窗口gcf 獲得當前圖的柄openfig 打開圖形refresh 刷新圖形shg 顯示圖形窗15.2軸的產生和控制(Axis creation and control)axes 在任…

c語言編程非線性方程求解,c語言計算機編程三種方法求解非線性方程.doc

c語言計算機編程三種方法求解非線性方程.doc本 科 專 業 學 年 論 文題 目非線性方程求解比較姓 名 何 娟 專 業 計算機科學技術系 班 級 08 級本科(2)班 指 導 老 師 劉 曉 娜 完成日期 2010 年 11 月 21 日計算機學年專業論文 非線性方程求解- 1 -題 目非線性方程求解比較摘 …

最近用到這個強大的工具 PhysicsEditor (轉)

今天收到PhysicsEditor作者發過來的license key&#xff0c;所以順便把PhysicsEditor也嘗試了一下。主要是嘗試將PhysicsEditor與cocos2dx&#xff0c;box2d結合開發的一些步驟。之前大概網絡檢索了一下&#xff0c;知道PhysicsEditor的功能其實很簡單。一句話就是給圖片的邊緣…

淺談塊級元素和內聯元素的嵌套規則

1. 替換和不可替換元素 從元素本身的特點來講&#xff0c;可以分為替換和不可替換元素。 a) 替換元素 替換元素就是瀏覽器根據元素的標簽和屬性&#xff0c;來決定元素的具體顯示內容。 例如瀏覽器會根據<img>標簽的src屬性的值來讀取圖片信息并顯示出來&#xff0c;而如…

如何更新Chrome

在瀏覽器的地址欄中輸入chrome://help即可進行自動更新&#xff0c;如下圖&#xff1a;

c語言用指針實現打開和關閉文件,我用rewind函數沒把指針直到開始,關閉文件然后打開就行。幫忙看看...

該樓層疑似違規已被系統折疊 隱藏此樓查看此樓高手啊&#xff0c;我試了&#xff0c;結果是回到文件頭了&#xff0c;把123覆蓋了&#xff0c;為ABC 但我這個程序就能直接不關閉文件而用rewind函數到開頭&#xff0c;你幫忙看看&#xff0c; //二進制文件的輸入輸出--數據塊的讀…

最佳適應算法模擬內存分配

最佳適應算法 從全部空閑區中找出能滿足作業要求的&#xff0c;且大小最小的空閑分區&#xff0c;這種方法能使碎片盡量小。 問題描述 Given five memory partitions of 100 KB, 500 KB, 200 KB, 300 KB, and 600 KB (in order), how would each of the first-fit, best-fit…

單片機c語言 i%3c%3c1,單片機C語言作業及上機習題及答案

《單片機C語言作業及上機習題及答案》由會員分享&#xff0c;可在線閱讀&#xff0c;更多相關《單片機C語言作業及上機習題及答案(37頁珍藏版)》請在人人文庫網上搜索。1、第一次課熟悉winTC編譯環境、熟悉C語言程序結構1.使用C 語言編譯環境&#xff0c;輸入下面的源程序。將你…

基于順序搜索的動態分區分配算法模擬內存動態分配--最佳適應算法(best fit,BF)

BF算法、男朋友算法&#xff0c;哈哈 要實現動態分區分配&#xff0c;需要考慮三個方面的問題。分別是數據結構、分區分配算法、分區的分配與回收操作。 首數據結構 這里我們使用的是空閑分區鏈&#xff0c;采用雙向鏈表表示空閑分區。 具體實現如下&#xff1a; typedef …

我也要談談大型網站架構之系列(4)——分布式中的異步通信

我們知道在面向對象編程中&#xff0c;總會想著各種辦法來實現代碼的解耦&#xff0c;從而讓項目中的各種人員面對自己熟悉的業務進行開發&#xff0c; 做到術業有專攻&#xff0c;比如大家非常熟悉的三層架構&#xff0c;MVC&#xff0c;MVP以及MVVM模式&#xff0c;讓前端設計…

node模塊函數圖解

已截圖方式記錄模塊信息&#xff1a; HTTP模塊&#xff1a; 對于網絡返回處理狀態封裝了很多種&#xff0c;我已截圖展現 以上狀態也是在http協議中包含的狀態。 http函數&#xff1a; path模塊&#xff1a; 轉載于:https://www.cnblogs.com/kuailingmin/p/4547538.html

android 心跳效果動畫,Android實現心跳的效果

最近再做一個教育類的項目。在做一些學習工具的時候&#xff0c;美工提出了一些要求&#xff0c;大致如下&#xff1a;其實實現過程也不難&#xff0c;大致就是對一個視圖控件添加一個圓形的背景&#xff0c;然后該視圖進行動畫處理&#xff0c;膨脹的同時&#xff0c;透明度增…

Oracle超出最大連接數問題及解決

用過Oracle的應該都熟悉如何查看和設置Oracle數據庫的最大連接數。這里就再啰嗦一遍。 查看當前的連接數&#xff0c;可以用select count(*) from v$process;設置的最大連接數&#xff08;默認值為150&#xff09;select value from v$parameter where name ‘processes’;修改…