/**
* 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

js 面向对象插件写法,还是很好理解的相关推荐

  1. 5分钟搞定jQuery zepto.js 面向对象插件

    今天分享一下快速使用jQuery zepto.js的技巧,需要的记得收藏 1.jQuery的引入:本地下载jQuery(后面简称jq)的源文件,开发版本使用非min版,线上使用min版,zepto.j ...

  2. 一段js面向对象的写法

    paper.js 文件中的内容 var PaperListPage = {}; PaperListPage.TimeOutID = null; PaperListPage.REPORTTYPE = 2 ...

  3. js面向对象插件的做法框架new goBuy('.cakeItem',{ add:'.add', reduce:'.reduce' },[1,0.7,0.6]);...

    /*弹窗购买蛋糕*/;(function(){ var $DialogBg=$(".Dialogbg-Select"); var $Dialog=$(".Dialog-S ...

  4. 悟透JavaScript(理解JS面向对象的好文章)

    引子 编程世界里只存在两种基本元素,一个是数据,一个是代码.编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力. 数据天生就是文静的,总想保持自己固有的本色:而代码却天生活泼,总想改变这个 ...

  5. 简单粗暴地理解js原型链–js面向对象编程

    简单粗暴地理解js原型链–js面向对象编程 作者:茄果 链接:http://www.cnblogs.com/qieguo/archive/2016/05/03/5451626.html 原型链理解起来 ...

  6. 对js面向对象的理解

    转自:http://www.cnblogs.com/jingwhale/p/4678656.html js面向对象理解 ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP ...

  7. Js面向对象的程序设计——理解对象

    Js面向对象的程序设计 Js面向对象的程序设计 理解对象 属性类型 Js面向对象的程序设计 理解对象 示例 : var person=new Object(); person.name="N ...

  8. Canvas星空效果(JS面向对象)

    概述 更多Canvas实例可以看GitHub,不定时更新:https://github.com/xiangshuo1992/canvas-demo 这个Demo主要有以下几点可以讨论: 1.HTML5 ...

  9. JS面向对象一:MVC的面向对象封装

    JS面向对象一:MVC的面向对象封装 MDNjavascript面向对象 面向对象(Object-Oriented) 面向对象里面向的意思是以...为主,面向对象编程既以对象为主的编程. 面向对象的一 ...

最新文章

  1. 推荐8个年薪100万BAT级优质技术大号
  2. 用 cctld工具创建带有国家代码的IP地址表
  3. Selenium 与PhantomJS
  4. vue_cli全局变量使用
  5. java开源播放器_JavaFX/Java8开发的开源音乐播放器
  6. azure云数据库_如何使用Cloud Shell创建Azure SQL数据库
  7. 软件工程-东北师大站-第十一次作业(PSP)
  8. php resultful接口,来自REST ful PHP服务器的完整日历事件
  9. json文件编辑器android版,json editor手机版下载
  10. 三分钟快速了解怎么查询ip地址,怎么更换ip地址!
  11. 用c++随机生成10小学生算术题的课设
  12. DBCO-PEG-DPPE DBCO-二棕榈酰基磷脂酰乙醇胺-聚乙二醇
  13. Linux配置sendmail实现PHP发送邮件
  14. 使用 Learner Lab - 使用 AWS Lambda 将图片写入 S3
  15. VBA SolidWorks 二次开发 API ---从宏开始
  16. 网友自曝:编程从入门到放弃!方法比选择更重要!
  17. 经典算法-递归-角谷定理
  18. c语言单片机与plc通讯,用c51实现单片机和plc之间通讯实例
  19. dropbear编译安装与使用
  20. 蓝牙技术|蓝牙 Auracast 广播功能发布,蓝牙音频体验发生改变

热门文章

  1. 刷新本地的DNS缓存数据
  2. translateZ 带来的Z-index 问题
  3. 在javaweb中通过servlet类和普通类读取资源文件
  4. JSP自定义标签_用简单标签控制标签体执行10次
  5. Eclipse to android
  6. [转]android ListView详解
  7. Pytorch MNIST直接离线加载二进制文件到pytorch
  8. 最大功率点跟踪_ADI公司推出集成最大功率点跟踪和I2C的80V降压升压电池充电控制器...
  9. Postman安装与使用(网络请求神器)--post、get请求
  10. 在python中、实例变量在类的内部通过_[宜配屋]听图阁