JS补充-正则和常用式样库

一、Bootstrap--推荐！
Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app 。

二、jQuery UI--轻推。。
jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器，jQuery UI 都是一个完美的选择。
jQuery UI 包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用相同的模式，所以，只要您学会使用其中一个，您就知道如何使用其他的小部件（Widget）。

三、jQuery Easy UI--包含了很多JS定义的元素，修改和调用特别复杂
jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。

四、正则：

   
    **1、RegExp 对象方法：**
         正则表达式在前，字符串在后

        RegExp.test(字符串)：字符串符合正则返回True，不符合返回False
        RegExp.exec(字符串)：字符串符合正则返回字符串的值，否则返回Null，如果使用（|），返回的是数组。

    //E-mail检测,用户名可以支持带一个点
    mail_exp=/^\w+\.?\w+@\w+\.\w+\.?\w+$/
    mail_str1='sdffe.sf_01@df.582.546'      //格式识别 结果是mail_str1的字符串
    mail_str2='sdffe.sf_01@df.582.54.6'     //不识别 结果null
    result1=mail_exp.exec(mail_str2)
    document.write(result1)
    
    //手机号检测，满足11位，并规定以指定数字开头
    mobile_exp=/^(138|139|130|131)\d{8}$/
    mobile_str1='13112345678'      //格式识别 结果是[13112345678,131]的数组
    mobile_str2='18012345678'     //不识别 结果null
    result1=mobile_exp.exec(mobile_str2)
    document.write(result1[0])

      **2、支持正则表达式的 String 对象的方法：**      

        search检索与正则表达式相匹配的起始索引值。未匹配返回-1
        match找到一个或多个正则表达式的匹配结果，未匹配返回null，/g全局模式下，返回结果数组。
        replace替换与正则表达式匹配的子串，返回替换后新的字符串。未指定替换，使用undefined，使用/g全局模式下，替换所有。

        split把字符串分割为字符串数组。

    //search
    mobile_exp=/\d+/
    mobile_str1='dddd2422'     
    mobile_str2='ddddafff' 
    result1=mobile_str1.search(mobile_exp)   // 结果是4
    result2=mobile_str2.search(mobile_exp)   // 结果是-1

    //match
    mobile_exp=/\d+/g
    mobile_str1='kkk13112345dd6788'    
    result1=mobile_str1.match(mobile_exp)    //结果是[13112345,6788 ]的数组
    mobile_exp2=/\d+/
    result2=mobile_str1.match(mobile_exp2)    //结果是13112345
    
    //replace
    mobile_exp=/\d+/g
    mobile_str1='dddd2422'     
    mobile_str2='ddd123ff456f' 
    result1=mobile_str1.replace(mobile_exp,'aaa')   // 结果是ddddaaa
    mobile_exp2=/\D+/g
    result2=mobile_str2.replace(mobile_exp2)   // undefined123undefined456undefined  
    document.write(result2)
    
    //split
    mobile_str2='ddd123ff456f' 
    mobile_exp2=/\D+/
    result2=mobile_str2.split(mobile_exp2)   // [,123,456, ]

      **3、RegExp 对象属性：**     

        constructor属性返回对象的构造函数。返回值是函数的引用，不是函数名：

                JavaScript 正则表达式 constructor 属性返回 function RegExp() { [native code] }
                JavaScript 数组 constructor 属性返回 function Array() { [native code] }
                JavaScript 数字 constructor 属性返回 function Number() { [native code] }
                JavaScript 字符串 constructor 属性返回 returns function String() { [native code] }
                如果一个变量是数组你可以使用 constructor 属性来定义。       

        global判断是否设置了 "g" 修饰符

                正则表达式.global，返回true或false

        ignoreCase判断是否设置了 "i" 修饰符

                正则表达式.ignoreCase，返回true或false

        lastIndex匹配的起始位置，该属性只有设置标志 g 才能使用。=号赋值，不带=号获取值

var str="The rain in Spain stays mainly in the plain";
var patt1=/ain/g;
patt1.lastIndex=20;   //改变值，搜索后的lastIndex值会变。
document.write(patt1.exec(str));
document.write(patt1.lastIndex);

        multiline判断是否设置了 "m" 修饰符，设置返回True,否则返回False

        var patt1=/RUN/m;            返回true

        source返回正则表达式的内容，不包含参数。

var patt1=/\w+\.{6}/g;
document.write(patt1.source); //返回 \w+\.{6}