javascript常用函数和技巧
学习和工作的过程中总结的干货,包括常用函数、常用js技巧、常用正则表达式、git笔记等。为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路。
PS:此文档,我会持续更新。
Ajax请求
jquery ajax函数
我自己封装了一个ajax的函数,代码如下:
var Ajax = function(url, type success, error) {$.ajax({url: url,type: type,dataType: 'json',timeout: 10000,success: function(d) {var data = d.data;success && success(data);},error: function(e) {error && error(e);}});
};
// 使用方法:
Ajax('/data.json', 'get', function(data) {console.log(data);
});
jsonp方式
有时候我们为了跨域,要使用jsonp的方法,我也封装了一个函数:
function jsonp(config) {var options = config || {}; // 需要配置url, success, time, fail四个属性var callbackName = ('jsonp_' + Math.random()).replace(".", "");var oHead = document.getElementsByTagName('head')[0];var oScript = document.createElement('script');oHead.appendChild(oScript);window[callbackName] = function(json) { //创建jsonp回调函数oHead.removeChild(oScript);clearTimeout(oScript.timer);window[callbackName] = null;options.success && options.success(json); //先删除script标签,实际上执行的是success函数};oScript.src = options.url + '?' + callbackName; //发送请求if (options.time) { //设置超时处理oScript.timer = setTimeout(function () {window[callbackName] = null;oHead.removeChild(oScript);options.fail && options.fail({ message: "超时" });}, options.time);}
};
// 使用方法:
jsonp({url: '/b.com/b.json',success: function(d){//数据处理},time: 5000,fail: function(){//错误处理}
});
常用正则验证表达式
手机号验证
var validate = function(num) {var exp = /^1[3-9]\d{9}$/;return exp.test(num);
};
身份证号验证
var exp = /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/;
ip验证
var exp = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
常用js函数
返回顶部
$(window).scroll(function() {var a = $(window).scrollTop();if(a > 100) {$('.go-top').fadeIn();}else {$('.go-top').fadeOut();}
});
$(".go-top").click(function(){$("html,body").animate({scrollTop:"0px"},'600');
});
阻止冒泡
function stopBubble(e){e = e || window.event; if(e.stopPropagation){e.stopPropagation(); //W3C阻止冒泡方法 }else { e.cancelBubble = true; //IE阻止冒泡方法 }
}
全部替换replaceAll
var replaceAll = function(bigStr, str1, str2) { //把bigStr中的所有str1替换为str2var reg = new RegExp(str1, 'gm');return bigStr.replace(reg, str2);
}
获取浏览器url中的参数值
var getURLParam = function(name) {return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)', "ig").exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null;
};
深度拷贝对象
function cloneObj(obj) {var o = obj.constructor == Object ? new obj.constructor() : new obj.constructor(obj.valueOf());for(var key in obj){if(o[key] != obj[key] ){if(typeof(obj[key]) == 'object' ){o[key] = mods.cloneObj(obj[key]);}else{o[key] = obj[key];}}}return o;
}
数组去重
var unique = function(arr) {var result = [], json = {};for (var i = 0, len = arr.length; i < len; i++){if (!json[arr[i]]) {json[arr[i]] = 1;result.push(arr[i]); //返回没被删除的元素}}return result;
};
判断数组元素是否重复
var isRepeat = function(arr) { //arr是否有重复元素var hash = {};for (var i in arr) {if (hash[arr[i]]) return true;hash[arr[i]] = true;}return false;
};
生成随机数
function randombetween(min, max){return min + (Math.random() * (max-min +1));
}
操作cookie
own.setCookie = function(cname, cvalue, exdays){var d = new Date();d.setTime(d.getTime() + (exdays*24*60*60*1000));var expires = 'expires='+d.toUTCString();document.cookie = cname + '=' + cvalue + '; ' + expires;
};
own.getCookie = function(cname) {var name = cname + '=';var ca = document.cookie.split(';');for(var i=0; i< ca.length; i++) {var c = ca[i];while (c.charAt(0) == ' ') c = c.substring(1);if (c.indexOf(name) != -1) return c.substring(name.length, c.length);}return '';
};
知识技巧总结
数据类型
underfined、null、0、false、NaN、空字符串。他们的逻辑非结果均为true。
闭包格式
好处:避免命名冲突(全局变量污染)。
(function(a, b) {console.log(a+b); //30
})(10, 20);
截取和清空数组
var arr = [12, 222, 44, 88];
arr.length = 2; //截取,arr = [12, 222];
arr.length = 0; //清空,arr will be equal to [].
获取数组的最大最小值
var numbers = [5, 45822, 120, -215];
var maxInNumbers = Math.max.apply(Math, numbers); //45822
var minInNumbers = Math.min.apply(Math, numbers); //-215
浮点数计算问题
0.1 + 0.2 == 0.3 //false
为什么呢?因为0.1+0.2等于0.30000000000000004。JavaScript的数字都遵循IEEE 754标准构建,在内部都是64位浮点小数表示。可以通过使用toFixed()
来解决这个问题。
数组排序sort函数
var arr = [1, 5, 6, 3]; //数字数组
arr.sort(function(a, b) {return a - b; //从小到大排return b - a; //从大到小排return Math.random() - 0.5; //数组洗牌
});
var arr = [{ //对象数组num: 1,text: 'num1'
}, {num: 5,text: 'num2'
}, {num: 6,text: 'num3'
}, {num: 3,text: 'num4'
}];
arr.sort(function(a, b) {return a.num - b.num; //从小到大排return b.num - a.num; //从大到小排
});
对象和字符串的转换
var obj = {a: 'aaa', b: 'bbb'};
var objStr = JSON.stringify(obj); // "{"a":"aaa","b":"bbb"}"
var newObj = JSON.parse(objStr); // {a: "aaa", b: "bbb"}
git笔记
git使用之前的配置
1.git config --global user.email xxx@163.com
2.git config --global user.name xxx
3.ssh-keygen -t rsa -C xxx@163.com(邮箱地址) // 生成ssh
4.找到.ssh文件夹打开,使用cat id_rsa.pub //打开公钥ssh串
5.登陆github,settings - SSH keys - add ssh keys (把上面的内容全部添加进去即可)
说明:然后这个邮箱(xxxxx@gmail.com)对应的账号在github上就有权限对仓库进行操作了。可以尽情的进行下面的git命令了。
git常用命令
1、git config user.name / user.email //查看当前git的用户名称、邮箱
2、git clone https://github.com/jarson7426/javascript.git project //clone仓库到本地。
3、修改本地代码,提交到分支: git add file / git commit -m “新增文件”
4、把本地库推送到远程库: git push origin master
5、查看提交日志:git log -5
6、返回某一个版本:git reset --hard 123
7、分支:git branch / git checkout name / git checkout -b dev
8、合并name分支到当前分支:git merge name / git pull origin
9、删除本地分支:git branch -D name
10、删除远程分支: git push origin :daily/x.x.x
11、git checkout -b mydev origin/daily/1.0.0 //把远程daily分支映射到本地mydev分支进行开发
12、合并远程分支到当前分支 git pull origin daily/1.1.1
13、发布到线上:git tag publish/0.1.5git push origin publish/0.1.5:publish/0.1.5
14、线上代码覆盖到本地:git checkout --theirs build/scripts/ddosgit checkout --theirs src/app/ddos
结语
希望本文总结的内容能给各位看官带来焕然一新的感觉。另外,如果你们有什么值得推荐的js技巧,欢迎在评论中补充,我可以收纳在本文中。
PS:此文档会持续新增内容。
from: http://www.cnblogs.com/jarson-7426/p/5962610.html
javascript常用函数和技巧相关推荐
- [转]javascript常用的小技巧
javascript常用的小技巧 分类: javascript 2011-12-19 09:30 170人阅读 评论(1) 收藏 举报 事件源对象 event.srcElement.tagName e ...
- JavaScript常用函数总结
原文地址在我的博客, 转载请注明出处,谢谢! 概述 本文总结了JavaScript常用函数,这些函数包括Array常用函数以及String常用函数 JavaScript原生函数 Array常用函数 i ...
- 实习期间总结遇到的Javascript常用函数
Javascript常用函数 Array函数 forEach() 遍历数组 数组:arr arr.forEach(回调函数,this) (this可选) 遍历数组,执行回调函数 push( ...
- 计算机二级vf中字符,计算机二级VFP常用函数使用技巧探讨
摘要:掌握VFP常用函数使用技巧对学生非常重要,在二级考试中,函数使用频繁,贯穿整个考试,不论是表创建的索引建立.还是查询的字段构造以及表单控件的函数表示,都离不开函数的使用.为了让学生理清这部分思路 ...
- Sql Server常用函数及技巧
使用Sql Server好长时间了,今天特别想总结一下,算是回顾吧! 总结: 其实很多技巧,都是基于SQL Server自带的System Views,System Stored Procedures ...
- matlab 常用函数和技巧
%%这个博客主要是为了自己记忆,持续跟新.... 1.数组操作,matlab数组操作绝对是我见过的所有语言中最方便的,但肯定也是有技巧的 (1)一般来说如果是直接给一个数组一次性赋值,可以:A=B,无 ...
- javascript 常用函数大全
javascript函数一共可分为五类: •常规函数 •数组函数 •日期函数 •数学函数 •字符串函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert函数:显示一个警告 ...
- JavaScript 常用函数总结
javascript函数: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 .cookie函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert ...
- JavaScript 常用函数
javascript函数一共可分为五类: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert函 ...
最新文章
- ubuntu中查找文件后高亮_ubuntu 中查找文件的命令
- 初学者python用什么开发软件-对于自学python的初学者来说,应该使用什么编辑工具?...
- python好学吗一般要学多久-转行学Python开发难吗,月薪过万需要多久
- 系统架构设计师难吗?IT行业员工的最高荣耀是什么
- 解决iIntelliJ IDEA导入jstl后,jsp中taglib指令无法自动添加uri地址
- 宏碁e5572g57mx加固态_宏基e5572g57mx怎么拆机
- CentOS7中NAT网卡设置静态IP
- 亮剑吧,掏出你吃灰的单片机板子。
- 流量隔离方案 Dpath 护航双十一新零售
- OJ1039: n个数求和(C语言for循环)
- java同步三线程打印abc_java多线程打印ABC
- Linux 命令(20)—— cat 命令
- C++开发语言的特点及工作原理
- SQL Server 通过发布订阅 实现数据库同步
- angular.js双向数据绑定实现动画特效
- APP 基本框架设计
- 我们项目中的VO、DTO、DO、PO有什么区别,你用对了吗?
- web前端开发工程师的三种级别
- 7.8 Introduce Local Extension 引入本地扩展
- java孙膑与庞涓_用java解决鬼谷子问题
热门文章
- 计算图上的微积分:Backpropagation 微积分 SOTON数据分析 · 2015-09-06 08:52 [译] 计算图上的微积分:Backpropagation 引言 Backprop
- 人脸特征点定位之Explicit Shape Regression
- 学习笔记Hadoop(六)—— Hadoop集群的安装与部署(3)—— 配置ssh无密码登录
- 运行vc++6.0出现Error spawning cl.exe问题解决方法
- canopy算法 java_mahout源码canopy算法分析之二CanopyMapper
- centos mysql root_CentOS下MySQL忘记root密码解决方法
- python字符计数怎样去除空格_去除python中的字符串空格的简单方法
- Toast弹不出来之谜
- 安卓屏幕适配方案(根据今日头条方案,升级版)
- matplotlib错误:from matplotlib import afm, cbook, ft2font, rcParams, get_cachedirImportError: DLL load