当前位置:首页 > 日记 > 正文

前端开发必备工具功能总结

前端开发必备工具功能总结
本文将与您分享前端开发的常用工具和功能。本文非常详细,有代码和文本描述,可以通过对常用前端开发工具感兴趣的朋友来参考。
1,时间格式化和其他方法

一个库文件,推荐使用moment.js

2,模板,循环,地图和其他使用的方法

underscode.js的方法

三.将表单序列转换为JSON
复制代码代码如下所示:
美元。fn.serializejson =函数(){
无功serializeobj = { };
var array = this.serializearray();
var str = this.serialize();
$(数组)。每个(函数(){)
如果(serializeobj {这个名字}){
如果(美元。ISArray(serializeobj {这个名字})){
serializeobj {这个名字}。推(的价值);
{人}
serializeobj {姓名} = { serializeobj。{这名称},这价值};
}
{人}
serializeobj {姓名} = this.value;
}
});
返回serializeobj;
};
4。使用字符串截取填充
复制代码代码如下所示:
string.prototype.strcut =函数(数){
VaR的长度= this.length;
var tmp = this.substr(0号);
如果(this.length >号码){
TMP =hellip;;
}
返回TMP;
}
5,时间格式,XXXX天,XXX分钟,日期
复制代码代码如下所示:
date.prototype.format =功能(FMT,电流){
如果(当前){
无功电流this.gettime差异=();
如果(差异< 5×60×1000){
返回刚刚;
}
如果(差异< 60×60×1000){
返回(math.floor(diff /((60 * 1000)))在+分钟;
}
如果(差异<24×60×60×1000){
返回(math.floor(diff /((60 * 60 * 1000)))在+小时;
}
如果(差异<30×24×60×60×1000){
返回(math.floor(diff /((24 * 60 * 60 * 1000)))+天;
}
如果(差异<12×30×24×60×60×1000){
返回(math.floor(diff /((30 * 24 * 60 * 60 * 1000)))+前月;
}
如果(差12×30×24×60×60×1000){
返回(math.floor(diff /((12 * 30 * 24 * 60 * 60 * 1000)))+年;
}
}
var { { { {
+:(这个返回完整年份), / /月
M +:this.getmonth(+ 1) / /月
D:(这个getdate), / /天
H:(这个,获得当前的小时) / /小时。
M + :(这个,获得当前的分钟), / /分
+:(这个,获得当前的秒), / /
Q+:Math.floor((,获得当前的月份)(+ 3)/ 3), / /季度
S:(这个。getmilliseconds) / /小姐
};
如果( / /(Y +)。测试(FMT))= fmt.replace FMT(regexp。1美元,(this.getfullyear()+)。Substr(4—9。1美元。长度));
对于(k在O中k)
如果(new RegExp((钾))。测试(FMT)fmt.replace(FMT)= regexp。1美元(1美元= = 1.length regexp。)(O { }(K):(00 + K O { })(Substr(。。长度+ O K)))){ };
返回格式化;
};
6。解析URL
复制代码代码如下所示:
功能ParseURL(){
var arr = location.search.split(){ 1 }。分裂();
var参数= { };
对于(var i = 0,L = arr.length;i < L;i++){
var参数= ARR {我}分(T);
参数{参数{ 0 } } = { 1 }参数;
}
返回参数;
}
7。得到的参数
复制代码代码如下所示:
功能getparameterbyname(name){
名称=替换( / { {} /,{(更换) / / } { }, } );
VaR的正则表达式=新的正则表达式({ } +姓名+=({ ^ # } *)),
结果= regex.exec(位置。搜索);
返回结果为空:decodeuricomponent(结果{ 1 }。取代( / + / G ));
}
8。功能节流,允许频繁事件触发更稀疏来提高性能,如及时搜索功能。使用方法是FN作为事件响应函数,延迟是间隔时间,并调用节流(FN,延迟)来向事件返回一个新函数。
复制代码代码如下所示:
功能节流阀(FN,延迟){
var定时器= null;
返回函数(){
var上下文=,
参数args =;
ClearTimeout(定时器);
定时器= setTimeout(){()函数(
Fn.apply(上下文,args);
},延迟);
};
}
9。防止表单多次提交,如在9中返回一个新函数
复制代码代码如下所示:

*防止多点击功能
*
*当FN完成时调用回调
*函数FN(事件,结束){
*(typeof =函数)(结束); / /操作
* }
* /功能norepeatetap(FN){
var obj美元;
返回函数(事件){
obj = $(this)美元;
如果($ obj.data(负荷)= = = true){
返回;
}
obj.data美元(负荷
fn.call(这个事件,函数结束()){
obj.data美元(负荷
返回;
});
}
}
第九个使用实例
复制代码代码如下所示:
绑定事件
$(容器),(点击','取消'按钮,norepeatetap(取消));
事件响应函数
函数取消(事件,结束){
Event.preventDefault();
异步请求的模拟
setTimeout(){()函数(
(结束); / /需要完成的功能,手动注入完成功能,自动将负载类,用来调整风格,完成后自动删除
},5000)
}

相关文章

ps只会产生美丽的辐射效果。

ps只会产生美丽的辐射效果。

辐射,只会,效果,美丽,电脑软件,本教程是向朋友介绍一个朋友,使美丽和闪耀的效果。它非常美丽和困难。非常适合初学者。 我相信,有兴趣的人对PS图象处理软件都想知道一些技巧在PS今天小编向您介绍PS、制作简单、美丽的闪光效果的方法。这个教…

最受欢迎的经典人格签名网络经典人

最受欢迎的经典人格签名网络经典人

网络,人格,经典,最受欢迎,电脑软件,爱是手中的细沙,握得越紧,流得越快,最后就什么也没有了。为自己选择一个独特的QQ签名。小编辑在这里给你一些个人签名,希望有你喜欢的东西。 1、爱情是纯绵甜酒,不是很浓。它只是一点点的酒,一小口,慢慢的感受心…

PS制作经典质感黑白人像教程

PS制作经典质感黑白人像教程

教程,质感,人像,黑白,经典,本教程介绍了一个朋友,以PS创建一个经典的黑白人像摄影方法。该教程创建的照片非常好,非常纹理。建议喜欢的朋友可以和教程一起学习。 本教程是向朋友介绍PS制作一个经典的黑白人像摄影方法。本教程制作的黑白照片…

用粉笔写的漂亮而生动的粉笔

用粉笔写的漂亮而生动的粉笔

生动,漂亮,电脑软件,今天,萧边给你一个详细的介绍了简单的手绘写的教程是很简单的粉笔的美丽和现实的方式,和文本效果非常漂亮,而且难度不是很大。 粉笔字总是带有一些年轻人的味道。萧边今天要与你分享的PS手绘美丽的和现实的方式书写粉笔。…

PS醒目1111个电商促销海报

PS醒目1111个电商促销海报

促销,醒目,海报,电脑软件,PS,本教程是教朋友PS 1111家电电商促销海报的方法,吸引眼球,制作出来的海报教程很不错,但不太好,马上给1111,有需要的朋友可以参考一下这篇文章,希望能帮到你。 本教程教PS学习者用PS创造醒目的PS,创造醒目的1111家电促销…

PS图象处理软件详细分析后的荧光图

PS图象处理软件详细分析后的荧光图

教程,图像,荧光,图象,处理软件,今天,我向大家推荐一个很好的教程。本教程主要是为你分析PS图象处理软件的荧光妆肖像。以后,推荐生意很好。 今天,我们将与您分享PS图象处理软件的详细分析荧光化妆和肖像。后来生意修的方法很好。太好了。值得…

Word2007在兼容模式工作方法Word20

Word2007在兼容模式工作方法Word20

兼容模式,教程,工作方法,电脑软件,当你打开一个Word 97-2003文档在Office Word 2007中,它将打开兼容模式;你会看到在文档窗口的标题栏的兼容模式;在兼容模式,你可以打开、编辑和保存Word 97-2003文件,但是你不能使用任何Office Word 2007的新功…

如何在word中设置行间距词

如何在word中设置行间距词

行间距,设置,如何在,电脑软件,word,有时,阅读文件在互联网上的效果非常差。主要原因是行距太窄或太宽,影响阅读。欢迎阅读: 字间距:从一行文字的底部到另一行的底部。微软字线和一个文本行之间的距离,用双行,双行的距离,和一个固定的距离,固定的行…

微笑签名文件,笑个性签名。

微笑签名文件,笑个性签名。

签名文件,个性签名,电脑软件,每个人都有自己的签名。你必须绞尽脑汁才能使你的签名与众不同。现在,没有必要纠结了。这里有一些推荐文章标签的萧边。 1,我想变成一道闪电,照亮所有的肮脏和肥胖的人。 2,作业还没做完,我在工作,我把大事情放在心上…

经典搞笑陌生人的个性签名和个性签

经典搞笑陌生人的个性签名和个性签

个性签名,陌生人,搞笑,经典,电脑软件,如今,互联网变得越来越流行。QQ签名时下流行。人们喜欢用它表达自己的内心,或者吸引别人的眼球。萧边在这里介绍了一些经典搞笑的个性签名,我希望你喜欢它。 1,找不到我,找不到我! 2,看那些喜欢进入原力模式的…

如何填写字体优美的图案制作

如何填写字体优美的图案制作

字体,图案,优美,电脑软件,如何填写字体CorelDraw美丽的图案,想写得文字,所以先做一个文本框,想做一个很艺术的图片作为填充图案,怎么办呢让我们看一下在CDR中填充文本的教程。 这里教你如何使用CorelDRAW制作字体填充模式。 软件名称:CorelDRAW…

2015最新的搞笑签名和有趣的个性签

2015最新的搞笑签名和有趣的个性签

个性签名,有趣,搞笑,最新,电脑软件,每天看到QQ签名,那是很犀利的!有时候,一句话一句话很酷,酷而尖锐,所以萧边介绍一些最新的2015个有趣的签在这里,供大家参考 1,小鸡,给主人一个微笑,不要笑,上帝给了你一个微笑。 2、人生就像一个坛子,人越沉浸越久,越…