正则专题

图形化正则验证

www.debuggex.com/

30分钟入门正则

30分钟入门正则

正则大全

www.siguoya.name/pc/home/art…

html相关

1. 查找修改元素的class

ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
ele.className.replace(new RegExp('(\\s|^)' + cls + '(\\s|$)'), ' ');

2. 查找标签，以img标签为例
   var reg2= /<img\b.*?(?:\>|\/>)/gi
3. 查找标签属性，以src为例
   var reg= /\bsrc\b\s*=\s*[\'\"]?([^\'\"]*)[\'\"]?/i
4. 将短横线分割字符串转换成驼峰写法，这里是用来给组件命名的，首字母会大写

var classifyRE = /(?:^|[-_])(\w)/g;
var classify = function (str) { return str
  .replace(classifyRE, function (c) { return c.toUpperCase(); })
  .replace(/[-_]/g, ''); };

5. 从路径中提取.vue结尾的文件

var match = file.match(/([^/\\]+)\.vue$/);
name = match && match[1];

数字相关

1. 正整数，正数且是整数的数的集合，自然数集中排除0的集合

// 包括0
/^(0|[1-9][0-9]*)$/
// 不包括0
/^([1-9][0-9]*)$/

2. 价格正则，精确到分

/(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/