2025.4.28 今日报错

16 阅读2分钟

1. text-decoration: line-through;

作用

  • 视觉效果:在文本的中间位置添加一条横线,常用于表示内容已被删除、修改或不再有效。

2. 元素滚动和 window 的滚动

元素没有设置高度的时候,就是window 在滚动对吗?————自己撑高了高度,所以在滚动

元素设置高度(vh 或者 px) 设置了高度的时候就是元素在滚动,对吗??

总结

  • 元素滚动:针对局部容器的内容溢出,需显式设置 overflow,适合模块化交互。
  • Window 滚动:针对整个页面的内容溢出,是浏览器默认行为,适合全局导航。

1. 作用范围

类别元素滚动Window 滚动
作用对象页面内的某个容器元素(如 <div><section>整个浏览器窗口(<html> 或 <body> 层级)
滚动内容元素内部溢出的内容(需设置 overflow: auto/scroll整个页面的内容(超出视口部分)

2. 触发机制

类别元素滚动Window 滚动
触发条件元素的 overflow 属性设置为 auto 或 scroll,且内容尺寸超出容器页面内容高度超过浏览器视口高度时自动触发
滚动条位置滚动条出现在元素内部边缘滚动条出现在浏览器窗口边缘(视操作系统/浏览器样式而定)

3. 事件监听

类别元素滚动Window 滚动
事件对象监听元素的 scroll 事件: element.addEventListener('scroll', callback)监听 window 或 document 的 scroll 事件: window.addEventListener('scroll', callback)
事件目标事件对象 e.target 指向触发滚动的元素事件对象 e.target 指向 document 或 <html>

3. 关于滚动的(触底事件会涉及到的关于scroll的知识点)

我这里一直有问题,为什么我这里一直是小数呢?
我选择加上取整之后,结果还是差一??
视频里的代码: image.png

4. 关于文件夹内容的理解

是不是所有的跟js 相关的组件都要放在hooks 文件夹里面嘞

5. 这两个的作用不清楚

image.png

6. 关于什么时候写this的问题

image.png

这张图片对应的也没有 this

image.png

7. hook 抽取(函数式编程)

具体去学习讲解一下哎 转成混入mixins options API (后面的两个是生命周期函数) image.png

8. 关于滚动到一定程度后, 页面内显示特定的内容

用hook导出相应的数据

9. 防抖和节流

10. 计算属性

image.png

11. 这两个的区别到底是什么嘞?

image.png

12. 关于 defineProps

这个知识点我也弄不明白 我只知道,这个是别人传进来的数据的时候会用

image.png