Rain1112022

效果 实现 无论是上传文件还是上传图片，用的都是input标签的type="file"； input标签触发onChange事件时，会接受input元素本身作为参数，元素对象的files属性，值是fi

效果 实现 思路 有一个父容器，里面两个子容器，两个子容器分别为图片列表容器和点击之后预览的容器； 预览的容器需要一个遮罩层一个图片标签；点击某张图片时遮罩层才出来 遮罩层左右会有切换的按钮（但是注意

效果 ### 实现 思路 一个按钮，点击实现涟漪效果； 按钮有底色，他的涟漪效果需要一个在它上面的蒙版实现（定位）； 蒙版设置动画效果，这个动画效果触发的条件是点击； 点击效果只有很短的时间，所以，点

原因 setInterval()和 setTimeout()使用的是 Node.js 下的接口定义,而在ts中，window下的setInterval 和 setTimeout返回的是number 解

正则匹配基础 正则表达式的两个方法 test()方法，用于验证某个字符串是否符合这个正则表达式规则; exec()方法，用于根据正则表达式去字符串中提取符合要求的字符; 正则表达式修饰符 g代表全局g

十六进制 转 rgb/rgba 获取十六进制颜色代码的左 2 位数字，并转换为十进制值以获得红色级别。 获取十六进制颜色代码的 2 个中间数字，并转换为十进制值以获得绿色级别。 获取十六进制颜色代码的

css呼吸灯 CSS中animation动画 Animations由两部分组成： css动画的配置； animation-name ：xx （设置关键帧的名称为xx）； animation-durat

爬台阶 假如你在爬台阶，需要n阶才能到达楼顶，每次可以爬1或2个台阶，有多少种不同的方式爬到楼顶； n一定为正整数； 可以把总台阶分为两部分，即将要爬的一步，和这一步爬完之后剩余的台阶；每次可以选择爬

冒泡排序 比较一对相邻元素，如果两项的大小关系不正确，交换这两个数，重复比较，直到我们到达数组的末尾，每次冒泡完最大的都在本次循环参与元素的最后面（所以下次循环就不用管后面已经排好的元素了）; 外层循