程序猿倒车入库

Video相关 西瓜视频播放器（HTML5）https://v2.h5player.bytedance.com/ Dom原生相关 监听某个元素是否在可视区域内 原生IntersectionObserv

使用变量 变量声明 变量引用 嵌套css规则 父级选择器的标识符& 群组选择器的嵌套 子组合选择器和同层组合选择器：>、+、~

为什么选Vite? 预构建依赖快、按需加载、热更新快 依赖：vite使用esbuild预构建依赖，esbuild使用Go编写（编译型语言）,并且比以Javascript编写（解释型语言）的打包预购建快

经过一年的历练，也做了不少大大小小的项目，其中遇到的问题也千奇百怪，从刚开始出现问题时 我是谁、我在哪、我该怎么办，到出现问题时 是否紧急问题、是否影响软件正常使用、是否能复现、抓包、定位问题（前端问

问题分析 渲染数据页面，需要加载图片（300kb左右）。那么就容易造成 初始化非常多图片时，内存消耗很高 卡顿、白屏 解决问题 使用图片缩略图，每张图片最多30k不到，少的1k