发表于: 2020-07-03 21:45:37

1 1235


今天完成的事情:

学习了js的知识点,完成了任务2的第二个页面,学习了新样式


js正则表达式:

正则表达式是由一个字符序列形成的搜索模式

当在文本中搜索数据时,可以用搜索模式来描述要查询的内容

正则表达式可以是一个简单的字符,或一个更复杂的模式

正则表达式可用于所有文本搜索和文本替换的操作

语法:

var 变量=/正则表达式/匹配模式(修饰符)

修饰符:

i 执行对大小写不敏感的匹配

g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)

m 执行多行匹配


表达式模式

[] 找方括号之间的任何字符

[0-9] 查找任何从 0 至 9 的数字

(x|y) 查找任何以 | 分隔的选项


关于input的range标签

type="range"  滑动条控件

语法:

<input id="range" type="range" value="5"  min=“” max=“”>

样式修改:

input[type="range"]{
            -webkit-appearance: none;
            width56%;
            height4px;
            margin25px 0;
            background: #fab344;
            border-radius5px;
            outline: none;
        }

-webkit-appearance: none;(webkit代表使用系统预设的外观)


按钮样式用另外一个 webkit 的伪元素::-webkit-slider-thumb来修改

input[type="range"]::-webkit-slider-thumb{
            -webkit-appearance: none;
            width30px;
            height20px;
            background: #29bde0;
            border-radius3px;
        }


明天计划的事:

继续做任务2

遇到的问题:

没有问题

收获:

学习了js正则表达式

了解了range标签


返回列表 返回列表
评论

    分享到