Vue3 + TS 简易封装 Tree 组件，实现基本的展开收缩、级联选择、异步加载、虚拟滚动等效果。

本文介绍了使用SVG和D3.js开发思维导图的过程，包括数据结构的设计、节点坐标的计算以及连线的实现。开发者分享了两种数据格式（平铺和树形）的选择和优缺点，并展示了如何利用D3.js处理节点和连线信息

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？

在某种特殊场景下，需要将大量数据一次性渲染到页面。 分析真实业务场景，用户正常情况不会去浏览全部数据。 除特殊情况外，将全部数据渲染到列表中是无用且浪费资源的行为，只需要根据用户视窗进行部分渲染即可

📺在数字时代，表情符号已成为我们沟通的延伸。大部分同学在平时沟通聊天中都少不了使用emoji表情，所以今天我们一起来编写一个emoji选择器组件，可以一键引入为你的输入框添加emoji表情选择功能。

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

背景 因为我们日常开发项目的时候，需要和同事对接api和文档还有UI图，所以有时候要同时打开多个窗口，并在多个窗口中切换，来选择自己要的信息，如果api和文档不多的情况还好，但是有时候就是要做大量的页

目前业务中突然有需要生成简单的海报页面并且分享到微信及朋友圈的需求，由于基于目前上线时间太短没法实施，小需求被砍掉了，但是闲暇之余我还是思考了一下可行的方案

第一点: canvas保存到本地, 图片会压缩. 第二点: 根据第一点放大图后, 开发是640*1136图, 页面显示不下, 这时候就要对图片缩放, 其中zoom和scale可以缩小图片(如: zoom:40%), 但是zoom和scale这两个参数在手机上是无效的, 仅微信开…