自用公共js文件
// 加载配置文件
var instance = axios.create({
baseURL: 'http://zy-shop.tincent.me/Wechat/',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
// withCredentials:true
});
//公共函数
function Public(){
this.get=function(){
console.log(1)
},
this.post=function(){
console.log(2)
},
//顶部提示的弹框方法
this.remind=function(that,remind){
that.remindShow=true;
that.remind=remind;
setTimeout(function(){
that.remindShow=false
},1000)
},
//60秒倒计时、
this.countdown=function(that){
var time=60;
that.downTime=time+"秒后获取";
var timer=setInterval(function(){
time--;
//当时间降低成0时
if(time==0){
that.downTime="再次获取";
clearInterval(timer);
}else{
that.downTime=time+"秒后获取";
}
},1000)
}
//前后台数据传递解析
this.json2Form=function(json) {
var str = "";
for(var p in json){
// 判断对象是否为数组
if(typeof json[p]=="object"){
var m=String(p)
for(var i=0;i<json[p].length;i++){
for(var x in json[p][i]){
str+=m+"["+i+"]"+"["+x+"]"+ "=" +json[p][i][x]+"&";
}
}
}else{
str+=p + "=" + json[p]+"&";
}
}
// 截取字符串最后一位&
var length=str.length-1;
str=str.substring(0,length);
// 返回字符串str
return str;
},
//提交表单时的加锁处理
this.getCsrfToken=function(){
instance.get('Service/getCsrfToken').then(function(res){
sessionStorage.setItem('submitKey',JSON.stringify({'submitKey':res.data.data.submitKey}))
})
},
//session存储
this.saveSession=function(key,data){
sessionStorage.setItem(key,JSON.stringify(data));
},
//session提取
this.getSession=function(key,str){
//判断取值方式
var user = JSON.parse(sessionStorage.getItem(key));
if(user){
if(str){
return user[str];
}
return user;
}
},
//session清楚
this.removeSession=function(key){
sessionStorage.removeItem(key)
}
//local存储
this.saveLocal=function(key,data){
localStorage.setItem(key,JSON.stringify(data));
},
//local提取
this.getLocal=function(key,str){
//判断取值方式
var user = JSON.parse(localStorage.getItem(key));
if(user){
if(str){
return user[str];
}
return user;
}
},
//清除local
this.removeLocal=function(key){
localStorage.removeItem(key)
},
//获取URL传递的参数
this.getUrlParam=function(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
},
//页面lodding函数
this.loadding=function(type){
//判断是否是启动loadding
if (type=='load') {
toast.loading({
title:"加载中",
duration:2000
},function(ret){
});
} else if(type='hide'){
setTimeout(function(){
toast.hide();
},500)
}
},
//定义加载中时的文字显示
this.pageWord=function(that,pageflag,title){
if (pageflag==1) {
that.pageWord=title;
}else{
that.pageWord="暂无更多"
}
}
}
var toast = new auiToast();
var public=new Public();
自用公共js文件的更多相关文章
- angular项目引用第三方公共js文件
由于项目需要,领导要求在正在开发的angular项目中,引入公共js,以便进行统计计算. 于是便各种找度娘,网上有好多引用jquery插件的例子,于是便按照步骤对自身项目进行了改造,先记录一下: st ...
- kettle转换JavaScript加载外部js文件
日常开发中,时常会出现这样一种情况.有大量的函数是通用的.而每个JavaScript里面写一遍,给维护带来很大的困扰.因而需要将公共的函数写在外部js文件中.这时就需要引入外部的公共文件了.下面是在转 ...
- ThinkPHP 3.2.3 自动加载公共函数文件的方法
方法一.加载默认的公共函数文件 在 ThinkPHP 3.2.3 中,默认的公共函数文件位于公共模块 ./Application/Common 下,访问所有的模块之前都会首先加载公共模块下面的配置文件 ...
- 怎样把网站js文件合并成一个?几种方法可以实现
我们在建网站时经常会用js特效代码以使页面更美观,比如js幻灯片代码.js下拉菜单等,但是网页特效一多,如果js文件没有合并的话会降低网站的性能,这时我们就要考虑合并js文件了,ytkah总结了以下几 ...
- webpack.config.js文件的高级配置
一.多个入口文件之前我们配置的都是 一个入口 var webpack = require('webpack'); var commonsPlugin = new webpack.optimize.Co ...
- Vue main.js 文件中全局组件注册部分
在 \src\components\index.js 文件中export组件 import HeaderList from './HeaderList' import HeaderMenu from ...
- asp.net利用HttpModule实现防sql注入和加载样式和JS文件
1.新建一个类,实现IHttpModule接口 代码如下: public class SqlHttpModule : IHttpModule { public void Dispose() { } p ...
- vue element-ui怎样提炼一个自己写的js当作公共js
vue element-ui怎样提炼一个自己写的js当作公共js请教一下各位大神,我刚刚触摸vue element-ui几天,写的一个清晰检索的input框,现在需当作项目公共的部分,可遭需的html ...
- 【微信小程序】 引用公共js里的方法
一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件.可是当有些公共方法,我们想抽离出来成为一个独立公共的js文件.我们 ...
随机推荐
- zalenium 应用
zalenium是一个Selenium Grid扩展,用Docker容器动态扩展你的本地网格.它使用docker-selenium在本地运行Firefox和Chrome中的测试,如果需要不同的浏览器, ...
- BZOJ 1770: [Usaco2009 Nov]lights 燈 [高斯消元XOR 搜索]
题意: 经典灯问题,求最少次数 本题数据不水,必须要暴搜自由元的取值啦 想了好久 然而我看到网上的程序都没有用记录now的做法,那样做遇到自由元应该可能会丢解吧...? 我的做法是把自由元保存下来,枚 ...
- BZOJ 2653: middle [主席树 中位数]
传送门 题意: 一个长度为n的序列a,设其排过序之后为b,其中位数定义为b[n/2],其中a,b从0开始标号,除法取下整.给你一个 长度为n的序列s.回答Q个这样的询问:s的左端点在[a,b]之间,右 ...
- BZOJ 2419: 电阻 [高斯消元 物理]
http://www.lydsy.com/JudgeOnline/problem.php?id=2419 题意: n个点m个电阻构成一张图,求1到n的等效电阻 第一节课看一道题弃疗,于是来做这道物理题 ...
- 2018-01-08 学习随笔 SpirngBoot整合Mybatis进行主从数据库的动态切换,以及一些数据库层面和分布式事物的解决方案
先大概介绍一下主从数据库是什么?其实就是两个或N个数据库,一个或几个主负责写(当然也可以读),另一个或几个从只负责读.从数据库要记录主数据库的具体url以及BigLOG(二进制日志文件)的参数.原理就 ...
- 使用Openresty加快网页速度
新年快乐~~~ 上一篇文章讲到使用多级缓存来减少数据库的访问来加快网页的速度,只是,仍旧没有"嗖"一下就加载出来的感觉,想再优化一下,优化代码什么的已经到了极限.上周无意中看到了o ...
- VS2012编译log4cpp1.1.1版本
1.起因 看到官方网站上的log4cpp的代码已经更新到了1.1.1,而我目前使用的1.0.3版本,所以想使用下最新版本.在使用过程中发现相对于老版本,新版本的变化还是比较大的,特写下此文记录下. 2 ...
- MDT 2013 从入门到精通之概念扫盲
从今日开始为大家带来微软MDT 2013批量部署操作系统从入门到精通系列教程,旨在为大家以后的工作.学习提供一个便利的参考教程,以便大家更好.更深入的了解微软MDT,从而减轻企业工程师.IT从业人员及 ...
- My97DatePicker选择两个日期范围不超过30天的demo
需求 ExtJs下使用My97DatePicker对时间范围不超过30天进行选择. 关键点 使用全局变量. 对选择完的第一个日期进行逻辑判断.(我的逻辑能力还有待加强啊) 因为当选择了第一个框范围在超 ...
- 快速构建一个简单的单页vue应用
技术栈 vue-cli webpack vux,vux-loader less,less-loader vue-jsonp vue-scroller ES6 vue-cli:一个vue脚手架工具,利用 ...