前端的小知识

1、onClick ={(a,b)=>{console.log(a)}}  正确

onClick = {console.log("我是abc")}    错误,会在编译时运行。

2、关于浏览器记住密码之后input框出现背景的问题

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {  
 
    -webkit-text-fill-color: yellow !important;  //原本文字的颜色
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;                //input框的背景颜色
    background-image: none;
     transition: background-color 50000s ease-in-out 0s;
}
input {
     background-color:transparent;
}
 
3、正则表达式
摘抄自:思否:https://segmentfault.com/a/1190000009324194   正则表达式使用
    简书:https://www.jianshu.com/p/0a7ed3532c43   关于修饰符
a、如何用?
//第一种“/正则表达式/”
    var reg1=/hello \w{3,12}/g;           /正则匹配的格式/修饰符(注意,这个修饰符可以写多个,直接组合就行),如果是整个字符串要满足正则匹配的规则的话,最好加上开始符和结束符(如果没有写的话,是匹配到一个就认为符合了)即:/^正则匹配的格式$/修饰符号
//第二种new RegExp('正则表达式')
    var reg2=new RegExp("hello \\w{3,12}",'g');  这个是通过参数设置的修饰符
b、关于修饰符
其中,g:全局匹配;i:不区分大小写;m:多行匹配
g查找第一个符合规则的字符串部分(或者全部),只要符合规则的都会找到,其他的只能找到第一个。
i不区分大小写查找符合规则的
字符串部分(或者全部),只找第一个,但是能够忽略大小写
m代表多行匹配,我试过了,除了m模式以外,对于多行文本,查找和替换都不行,也就是,只有m能弄多行文本。
三种模式可以直接组合使用,即/正则匹配的格式/gi,三种模式各有各的特点。
字符串.match(正则表达式) 返回匹配到所有部分的数组,如果都匹配不到,返回null,修饰符没有g的话  没有g只匹配第一个
字符串.search(正则表达式) 返回第一个符合的位置,如果不存在,返回-1
字符串.replace(正则表达式,替换成的字符串) 将字符创中符合正则匹配的部分替换成第二个参数 ,
没有g只替换第一个
字符串.split(正则表达式) 通过正则表达式切割字符串。分隔点为符合正则表达式字符串。

^
posted @ 2021-09-11 14:49  菜逼黑  阅读(36)  评论(0编辑  收藏  举报