虚拟列表：只渲染可视区域元素，通过占位容器模拟滚动条。树的特殊性：需出来层级关系、展开折叠动态变化，二者结合即为虚拟树（Virtual Tree）。
数据结构转化递归遍历树节点，转化为线性数组并记录层级、展开状态、父子关系：
12345678function flattenTree(root, level = 0, result = []) { const node = { ...root, level, expanded: false }; result.push(node); if (node.children && node.expanded) { node.children.forEach(child => flattenTree(child, level + 1, result)); } return result;}
滚动事件通过容器scrollTop动态计算当前可视区域索引：
12const startIdx = Math.floor(scrollTop / itemH ...
醉是流年作者：吴华锦
烛光曳曳竹影移，庭前寒露满纱窗。冷月沁出珍珠泪，银桂飘得十里香。
灿若星辰美若仙，凌波飞渡有河洛。长发飘然惊鱼貌，粉颊带雪玲珑心。
江南烟雨春，湘西山色好。临风但曰雅，新亭铺盏茶。儿童游戏闹，浣洗言谈欢。渐午炊烟起，回家吃饭去。
月洒金辉镶碧树，花落银盘挂玉帘。
山花已盛开，好景时光裁。暖阳须明日，君卿直可待。
看他悠然自得，胸中自有丘壑，世事纷然无涯，不如归家喝茶。天也晴，水也清，风光正好，可惜，行人太匆匆，为哪般？纵使急速有千里，穿林起风声，不敌年华易老，人面婆娑，不如举起一杯清浅，相邀歌。
小城故事多，夕阳剪影，华灯初上，夜色宁静。好山好水好风景，燕雀穿空有余音，晚风轻拍美人镜，皱起鳞光催夜频。
日长夜短不足眠，窄巷深深，行人急促，摩肩接踵。欢庆后，百无聊赖，观星摘月，追踪往年。正是，良辰好景莫辜负，赏心乐事各家院，天地辽阔，不似，处处高楼遮望眼。恰逢佳节好心闲，山水同源，花开自在，艳羡路人。称病几分重，游丝不肯离，静心且静气，常翻几页书。读完我也不知道看了什么，只是看书这件事本身就很有意思。爱惜身体，早睡，早不早起看毅力，晚安。
网络优化配置优化：通过调整构建工具（如Webpack或Vite）的配置，比如代码压缩、Tree Shaking和代码分割，减少打包体积和加载时间。
访问优化：包括图片懒加载、预加载关键资源，以及优化DOM操作，减少渲染阻塞，提升用户体验。
通过减少HTTP请求、启用HTTP/2、使用CDN和缓存策略，提升资源加载速度。
避免巨大的网络负载是Lighthouse的一个审计指标，它指的是前端文件通过网络传输的总大小。
需要实施一个全面的Web性能优化流程：识别特定问题、可视化HTML和CSS文件、压缩和精简代码、减小字体和图片的体积等。
网络负载是指页面从自身服务器或第三方服务器通过互联网下载的所有文件的总和。
优化网络负载需要减少资源的总大小：
移除不必要的资源
找出那些对用户体验没有显著影响的资源，并将它们从页面中移除。
未使用的CSS和JavaScript文件、过大的图片等
减小资源的下载大小
使用压缩工具（如Gzip或Brotli）压缩HTML、CSS和JavaScript文件。
优化图片和字体大小，采用现代格式（如webP和woff2）。
延迟加载资源（Lazy Loa ...
一支弯曲的木橹，在水面上一来一回悠然搅动，倒映在水中的石桥、楼屋、树影，还有天上的云彩和飞鸟，都被这不慌不忙的木橹搅碎，碎成斑斓的光点，迷离闪烁，犹如在风中漾动的一匹长长的彩绸，没有人能描绘它朦胧炫目的花纹······
有什么事情比在周庄的小河里泛舟更富有诗意呢？小小的木船，在窄窄的河道中缓缓滑行，拱形的桥孔一个接一个从头顶掠过。贞丰桥，富安桥，双桥······古老的石桥，一座有一座的形状，一座有一座的风格，过一座桥，便换了一道风景。站在桥上的行人低头看河里的船，坐在船上的乘客抬头看桥上的人，相看两不厌，双方的眼帘中都是动人的景象。
周庄的河道呈“井”字形，街道和楼宅被河分隔，然而河上有桥，石桥巧妙地将古镇连缀为一体。据说，当年的大户人家，能将船划进家门，大宅后院，还有泊船的池塘。这样的景象，大概只有在威尼斯才能见到。一个外乡人，来到周庄，印象最深的莫过于这里的水，以及一切和水连在一起的景物。
我曾经三次到周庄，都是在春天，每一次都坐船游镇，然而每一次留下的印象都不一样。第一次到周庄，正是仲春，那一天下着小雨，古镇被飘动的雨雾笼罩着，石桥和屋脊都隐约出没在飘忽的雨雾中，那天打着伞坐船游 ...
逍遥游作者：庄子
北冥有鱼，其名为鲲。鲲之大，不知其几千里也；化而为鸟，其名为鹏。鹏之背，不知其几千里也；怒而飞，其翼若垂天之云。是鸟也，海运则将徙于南冥。南冥者，天池也。齐谐者，志怪者也。谐之言曰：“鹏之徙于南冥也，水击三千里，抟扶摇而上者九万里，去以六月息者也。”野马也，尘埃也，生物之以息相吹也。天之苍苍，其正色邪？其远而无所至极邪？其视下也，亦若是则已矣。且夫水之积也不厚，则其负大舟也无力。覆杯水于坳堂之上，则芥为之舟；置杯焉则胶，水浅则舟大也。风之积也不厚，则其负大翼也无力，故九万里则风斯在下矣。而后乃今培风，背负青天而莫之夭阏者，而后乃今将图南。蜩与学鸠笑之曰：“我决起而飞，抢榆枋，时则不至，而控于地而已矣；奚以之九万里而南为？”适莽苍者，三餐而返，腹犹果然；适百里者，宿舂粮；适千里者，三月聚粮。之二虫又何知。小知不及大知，小年不及大年。奚以知其然也？朝菌不知晦朔，蟪蛄不知春秋，此小年也。楚之南有冥灵者，以五百岁为春，五百岁为秋；上古有大椿者，以八千岁为春，八千岁为秋。而彭祖乃今以久特闻，众人匹之，不亦悲乎？
汤之问棘也是已：“穷发之北有冥海者，天池也。有鱼焉，其广数千 ...
