witch@&*weaves

思路： 把字符串转为数字； 数字转为秒钟 秒钟重新计算小时分钟秒钟 数据处理： 获取节点伪数组，转为真数组； 使用map方法遍历真数组，返回元素节点的dataset.time属性值，组成新数组； 使用map方法遍历新数组，将每个属性值 使用split()方法分割成[min,sec]形式构成的数组； 对数组进行遍历，将parseFloat()当作回调函数使用，将字符串转成数字，返回数字组成的数组； 解构赋值：将数组内的两个元素分别赋值给mins和secs 使用两个新变量计算总秒数，返回总秒数值，构成秒数值组…

这个就更是纯数学了。

这个练习的要求是： 输入文本， 点击按钮添加入指定区域； 点击todo单项，可以改变图片，表示完成或者未完成； 能够存入本地数据，刷新后依旧能显示之前写的todo。

js的数据结构是可变的，而Js里面拷贝有这么多类型的根本原因是内存，而需求不同也会导致有时候不需要节省那么多内存，需要不变增加内存来换稳定性。

知识点： scrollY：虽然mdn中文上写的是“文档在垂直方向已滚动的像素值”，但mdn英文有写： “scrollY returns the Y coordinate of the top edge of the current viewport” 所以准确说 scrollY应该是“视口顶部在文档中的y坐标值”。

这个很简单，主要是利用数组方法和KeyboardEvent.key。

唉这个可太巧妙了，开启了新世界大门。

路径生命周期必须和一次绘画行为对齐，而不是和mousemove对齐。

看了眼要做什么就自己先手搓了一遍： const player = document.querySelector(".player"); const video = player.querySelector(".viewer"); const progress = player.querySelector(".progress"); const progressBar = player.querySelector(".progress__filled"); const toggle = player.que…

配置 没想到我也终于遇到了经典问题之卡在第一步配置，单纯使用npm install -D tailwindcss下载的是v4，v4安装方法改了，大多数教程都是v3的，所以没办法跟着配置，外加上v4有很多不稳定的地方，最后卸载了v4换了v3版本，我没有使用vite（还没学也不会）。