日期组件
<body>
<input type="date" >
<script>
const input=document.querySelector("input");
input.addEventListener("change",function () {
alert(this.value);//input 获取日期
})
</script>
</body>
伪数组转真正的数组
const arr = [];
// 对伪数组domList 进行遍历
for (let index = 0; index < domList.length; index++) {
arr.push(domList[index]); // 把dom元素取出来 装到真正的数组中
}
伪类选择器:checked勾选了的元素
+ 获取下一个紧挨着的兄弟元素
/* 当复选框被勾选了的时候 选中它的兄弟标签 span */
/* + 小弟选择器 它可以选中紧挨着的下一个标签 兄弟关系 */
.chk:checked + span {
/* 中划线 */
text-decoration: line-through;
}
取反选择not
li:not(.select)选择没有类select的标签
document.querySelectorAll('li:not(.select)')
split字符串方法 将字符串转成数组
background-image
/* 背景是白色 导致 完全看不见 */
/* background-color: #fff; */
/* 高度有一半是可以看见 一半是看不见 */
/* 设置 渐变 */
/* 上半部分是透明色，下半部分是白色 */
background-image: linear-gradient(
to bottom,
transparent 50%,
#fff 50%,
#fff 100%
)
替换字符串replace
<script>
let str = '小王 今天请吃饭';
// 吃饭 -> 上天台
// "字符串".replace("待替换文字","替换什么样") 返回一个新的字符串
let newStr = str.replace('吃饭', '上天台');
console.log(newStr);
</script>
<script>
let str = '小王 HEIGHT 180 ';
// 将数字 替换成 *
// str.replace("支持正则的方式来匹配文字","要替换成什么样");
// str = str.replace(/\d+/, '*');// 找到一个或者多个数字，然后只替换成一个 *
// str = str.replace(/\d/g, '*');// g 属于正则中的 修饰符 表示 全局 global
// console.log(str);
// 把英文字母替换成 *
// str=str.replace(/[a-zA-Z]/g,"*")
str=str.replace(/[a-z]/gi,"*") // i ignore忽略 忽略大小写
console.log(str);
</script>
str = str.replace(/\d/g, '*');
// g 属于正则中的 修饰符 表示 全局 global
str=str.replace(/[a-z]/gi,"*")
// i ignore忽略 忽略大小写
