前端 - 随笔分类 - 前端小盖

var，let， const的区别

摘要：var声明变量的历史包袱 let 和 const 如何解决的什么是暂时性死区（TDZ）答案 1. var -ES6 前的唯一选择特点作用域：函数作用域或全局作用域变量提升：声明提升，初始化 undefined 重复声明：允许可变性：可重新赋值痛点变量提升 - 在声明前访阅读全文

posted @ 2025-08-06 17:12 前端小盖阅读(28) 评论(0) 推荐(0)

记录css滚动吸附效果

摘要：CSS 滚动吸附的关键属性在定义滚动吸附前，需要在滚动容器上启用滚动。通过确保滚动容器指定了尺寸且启用 overflow 可启用滚动。然后可以在滚动容器上使用下列关键属性定义滚动吸附：可滚动容器属性： scroll-snap-type——使用这个属性可定义滚动式视口是否可被吸附、必须还是可选吸阅读全文

posted @ 2025-07-24 17:09 前端小盖阅读(33) 评论(0) 推荐(0)

线条canvas 鼠标连接附近点效果

摘要：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>c 阅读全文

posted @ 2025-06-06 17:34 前端小盖阅读(10) 评论(0) 推荐(0)

关于Dom的resize监听

摘要：MutationObserver兼容性比ResizeObserver要好，考虑兼容性，选择了MutationObserver 1. MutationObserver 兼容性：查看Api文档网址： https://developer.mozilla.org/zh-CN/docs/Web/API/Mu 阅读全文

posted @ 2025-06-06 11:54 前端小盖阅读(23) 评论(0) 推荐(0)

js 的滚动监听（react class）

摘要：关于滚动监听方案方案一： IntersectionObserver 与视口的重叠度查询其浏览器兼容性 https://developer.mozilla.org/zh-CN/docs/Web/API/IntersectionObserver#浏览器兼容性谷歌最低兼容51，由于医院有使用49版阅读全文

posted @ 2025-05-27 10:33 前端小盖阅读(38) 评论(0) 推荐(0)