Hello World 对于每一个开发者来说都不陌生，因为在我们学习任何一个语言或框架的时候，都会有一个Hello World的案例来帮助我们快速入门。
如果我们使用JavaScript来输出Hello World的话，可以这样写：
alert("Hello World");
原创大约 2 分钟
- 工具推荐29
- 日常记录20
- Java87
- 技术选型2
- IntelliJ IDEA66
- 前端技术14
- Spring Boot224
- Spring Cloud135
- 架构运维57
- 开源推荐66
- 程序人生43
- Mac使用技巧3
- 技术科普63
- Git8
- 前沿资讯33
- Python2
- 建站攻略8
- 优惠活动8
- 人工智能3
- 敏捷管理10
- Spring13
- Spring Data1
- 安装大全4
- MongoDB1
- MySQL4
- Redis4
前言
因为工作中经常用到这些方法，所有便把这些方法进行了总结。
JavaScript
1. type 类型判断
isString (o) { //是否字符串
return Object.prototype.toString.call(o).slice(8, -1) === 'String'
}
isNumber (o) { //是否数字
return Object.prototype.toString.call(o).slice(8, -1) === 'Number'
}
isBoolean (o) { //是否boolean
return Object.prototype.toString.call(o).slice(8, -1) === 'Boolean'
}
isFunction (o) { //是否函数
return Object.prototype.toString.call(o).slice(8, -1) === 'Function'
}
isNull (o) { //是否为null
return Object.prototype.toString.call(o).slice(8, -1) === 'Null'
}
isUndefined (o) { //是否undefined
return Object.prototype.toString.call(o).slice(8, -1) === 'Undefined'
}
isObj (o) { //是否对象
return Object.prototype.toString.call(o).slice(8, -1) === 'Object'
}
isArray (o) { //是否数组
return Object.prototype.toString.call(o).slice(8, -1) === 'Array'
}
isDate (o) { //是否时间
return Object.prototype.toString.call(o).slice(8, -1) === 'Date'
}
isRegExp (o) { //是否正则
return Object.prototype.toString.call(o).slice(8, -1) === 'RegExp'
}
isError (o) { //是否错误对象
return Object.prototype.toString.call(o).slice(8, -1) === 'Error'
}
isSymbol (o) { //是否Symbol函数
return Object.prototype.toString.call(o).slice(8, -1) === 'Symbol'
}
isPromise (o) { //是否Promise对象
return Object.prototype.toString.call(o).slice(8, -1) === 'Promise'
}
isSet (o) { //是否Set对象
return Object.prototype.toString.call(o).slice(8, -1) === 'Set'
}
isFalse (o) {
if (!o || o === 'null' || o === 'undefined' || o === 'false' || o === 'NaN') return true
return false
}
isTrue (o) {
return !this.isFalse(o)
}
isIos () {
var u = navigator.userAgent;
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机
// return "Android";
return false
} else if (u.indexOf('iPhone') > -1) {//苹果手机
// return "iPhone";
return true
} else if (u.indexOf('iPad') > -1) {//iPad
// return "iPad";
return false
} else if (u.indexOf('Windows Phone') > -1) {//winphone手机
// return "Windows Phone";
return false
}else{
return false
}
}
isPC () { //是否为PC端
var userAgentInfo = navigator.userAgent;
var Agents = ["Android", "iPhone",
"SymbianOS", "Windows Phone",
"iPad", "iPod"];
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
}
browserType(){
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器
var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器
if (isIE) {
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if(fIEVersion == 7) return "IE7"
else if(fIEVersion == 8) return "IE8";
else if(fIEVersion == 9) return "IE9";
else if(fIEVersion == 10) return "IE10";
else return "IE7以下"//IE版本过低
}
if (isIE11) return 'IE11';
if (isEdge) return "Edge";
if (isFF) return "FF";
if (isOpera) return "Opera";
if (isSafari) return "Safari";
if (isChrome) return "Chrome";
}
checkStr (str, type) {
switch (type) {
case 'phone': //手机号码
return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);
case 'tel': //座机
return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str);
case 'card': //身份证
return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(str);
case 'pwd': //密码以字母开头，长度在6~18之间，只能包含字母、数字和下划线
return /^[a-zA-Z]\w{5,17}$/.test(str)
case 'postal': //邮政编码
return /[1-9]\d{5}(?!\d)/.test(str);
case 'QQ': //QQ号
return /^[1-9][0-9]{4,9}$/.test(str);
case 'email': //邮箱
return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);
case 'money': //金额(小数点2位)
return /^\d*(?:\.\d{0,2})?$/.test(str);
case 'URL': //网址
return /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(str)
case 'IP': //IP
return /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str);
case 'date': //日期时间
return /^(\d{4})\-(\d{2})\-(\d{2}) (\d{2})(?:\:\d{2}|:(\d{2}):(\d{2}))$/.test(str) || /^(\d{4})\-(\d{2})\-(\d{2})$/.test(str)
case 'number': //数字
return /^[0-9]$/.test(str);
case 'english': //英文
return /^[a-zA-Z]+$/.test(str);
case 'chinese': //中文
return /^[\u4E00-\u9FA5]+$/.test(str);
case 'lower': //小写
return /^[a-z]+$/.test(str);
case 'upper': //大写
return /^[A-Z]+$/.test(str);
case 'HTML': //HTML标记
return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str);
default:
return true;
}
// 严格的身份证校验
isCardID(sId) {
if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(sId)) {
alert('你输入的身份证长度或格式错误')
return false
}
//身份证城市
var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
if(!aCity[parseInt(sId.substr(0,2))]) {
alert('你的身份证地区非法')
return false
}
// 出生日期验证
var sBirthday=(sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2))).replace(/-/g,"/"),
d = new Date(sBirthday)
if(sBirthday != (d.getFullYear()+"/"+ (d.getMonth()+1) + "/" + d.getDate())) {
alert('身份证上的出生日期非法')
return false
}
// 身份证号码校验
var sum = 0,
weights = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2],
codes = "10X98765432"
for (var i = 0; i < sId.length - 1; i++) {
sum += sId[i] * weights[i];
}
var last = codes[sum % 11]; //计算出来的最后一位身份证号码
if (sId[sId.length-1] != last) {
alert('你输入的身份证号非法')
return false
}
return true
}
}
大约 22 分钟
引言
亲爱的读者朋友，如果你点开了这篇文章，说明你对正则很感兴趣。
想必你也了解正则的重要性，在我看来正则表达式是衡量程序员水平的一个侧面标准。
关于正则表达式的教程，网上也有很多，相信你也看了一些。
与之不同的是，本文的目的是希望所有认真读完的童鞋们，都有实质性的提高。
本文内容共有七章，用JavaScript语言完整地讨论了正则表达式的方方面面。
如果觉得文章某块儿没有说明白清楚，欢迎留言，能力范围之内，老姚必做详细解答。
具体章节如下：
大约 2 分钟
第七章 正则表达式编程
什么叫知识，能指导我们实践的东西才叫知识。
学习一样东西，如果不能使用，最多只能算作纸上谈兵。正则表达式的学习，也不例外。
掌握了正则表达式的语法后，下一步，也是关键的一步，就是在真实世界中使用它。
那么如何使用正则表达式呢？有哪些关键的点呢？本章就解决这个问题。
内容包括：
- 正则表达式的四种操作
- 相关API注意要点
- 真实案例
1. 正则表达式的四种操作
正则表达式是匹配模式，不管如何使用正则表达式，万变不离其宗，都需要先“匹配”。
大约 13 分钟
第六章 正则表达式的构建
对于一门语言的掌握程度怎么样，可以有两个角度来衡量：读和写。
不仅要看懂别人的解决方案，也要能独立地解决问题。代码是这样，正则表达式也是这样。
与“读”相比，“写”往往更为重要，这个道理是不言而喻的。
对正则的运用，首重就是：如何针对问题，构建一个合适的正则表达式？
本章就解决该问题，内容包括：
- 平衡法则
- 构建正则前提
- 准确性
- 效率
1. 平衡法则
构建正则有一点非常重要，需要做到下面几点的平衡：
大约 10 分钟
第五章 正则表达式的拆分
对于一门语言的掌握程度怎么样，可以有两个角度来衡量：读和写。
不仅要求自己能解决问题，还要看懂别人的解决方案。代码是这样，正则表达式也是这样。
正则这门语言跟其他语言有一点不同，它通常就是一大堆字符，而没有所谓“语句”的概念。
如何能正确地把一大串正则拆分成一块一块的，成为了破解“天书”的关键。
本章就解决这一问题，内容包括：
- 结构和操作符
- 注意要点
- 案例分析
1. 结构和操作符
编程语言一般都有操作符。只要有操作符，就会出现一个问题。当一大堆操作在一起时，先操作谁，又后操作谁呢？为了不产生歧义，就需要语言本身定义好操作顺序，即所谓的优先级。
大约 7 分钟
第四章 正则表达式回溯法原理
学习正则表达式，是需要懂点儿匹配原理的。
而研究匹配原理时，有两个字出现的频率比较高：“回溯”。
听起来挺高大上，确实还有很多人对此不明不白的。
因此，本章就简单扼要地说清楚回溯到底是什么东西。
内容包括：
- 没有回溯的匹配
- 有回溯的匹配
- 常见的回溯形式
1. 没有回溯的匹配
假设我们的正则是/ab{1,3}c/，其可视化形式是：
大约 6 分钟
第三章 正则表达式括号的作用
不管哪门语言中都有括号。正则表达式也是一门语言，而括号的存在使这门语言更为强大。
对括号的使用是否得心应手，是衡量对正则的掌握水平的一个侧面标准。
括号的作用，其实三言两语就能说明白，括号提供了分组，便于我们引用它。
引用某个分组，会有两种情形：在JavaScript里引用它，在正则表达式里引用它。
本章内容虽相对简单，但我也要写长点。
内容包括：
- 分组和分支结构
- 捕获分组
- 反向引用
- 非捕获分组
- 相关案例
大约 9 分钟
第二章 正则表达式位置匹配攻略
正则表达式是匹配模式，要么匹配字符，要么匹配位置。请记住这句话。
然而大部分人学习正则时，对于匹配位置的重视程度没有那么高。
本章讲讲正则匹配位置的总总。
内容包括：
- 什么是位置？
- 如何匹配位置？
- 位置的特性
- 几个应用实例分析
1. 什么是位置呢？
位置是相邻字符之间的位置。比如，下图中箭头所指的地方：
大约 8 分钟
第一章 正则表达式字符匹配攻略
正则表达式是匹配模式，要么匹配字符，要么匹配位置。请记住这句话。
然而关于正则如何匹配字符的学习，大部分人都觉得这块比较杂乱。
毕竟元字符太多了，看起来没有系统性，不好记。本章就解决这个问题。
内容包括：
- 两种模糊匹配
- 字符组
- 量词
- 分支结构
- 案例分析
1. 两种模糊匹配
如果正则只有精确匹配是没多大意义的，比如/hello/，也只能匹配字符串中的"hello"这个子串。
大约 10 分钟