开发小常识

**

input框只能输入0-100正整数

*`οninput=“if(value>100){value=100}else{value=value.replace(/[^\d]/g,‘’)}if(value.indexOf(0)==0){value=0}”

只允许输入数字(整数：小数点不能输入)
<input type=“text” οnkeyup=“value=value.replace(/[^\d]/g,‘’)” >
允许输入小数(两位小数)
<input type=“text” οnkeyup=“value=value.replace(/^\D*(\d*(?:.\d{0,2})?).*$/g, 'KaTeX parse error: Undefined control sequence: \D at position 72: …alue.replace(/^\̲D̲*(\d*(?:\.\d{0,…/g, ‘$1’)” >
开头不能为0，且不能输入小数
<input type=“text” οnkeyup=“value=value.replace(/[^{\d]/g,‘’).replace(/}0{1,}/g,‘’)” >

不能输入中文和字母 例如：价格输入

<input type=“text” class=“input-text” value=“” οnkeyup=“value=value.replace(/[\u4E00-\u9FA5]|[A-Za-z]/g,‘’)” >
`

实现圆环

        .box{
        position:relative;
        width:100px;
        height:100px;
        /*整体旋转*/
        animation:moveover 3s linear infinite;
        }
        .box::before{
        content:"";    
        position:absolute;
        width: 50px;
        height: 100px;
        border-radius:50px 0 0 50px;
        /* 起始最深颜色为 #999，过渡到中间颜色为 #d0cfcf */
        background: linear-gradient(rgb(0, 60, 255), #7c90ff);
        background-color: red;
        z-index:2;
        }
        .box2{
        position:absolute;
        width: 50px;
        height: 100px;
        border-radius:0 50px 50px 0;
        left:50%;
        /* 过渡到中间颜色为 #d0cfcf 最终末尾颜色为 #eee */
        background: linear-gradient(rgb(255, 255, 255),#7c90ff);
        z-index:1;
        }

**

谷歌浏览器解决跨域

在目标文件后面加入 --disable-web-security --user-data-dir=C:\MyChromeDevUserData

**