logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端性能优化实战:10 万条数据秒渲染的虚拟化列表实现

本文介绍了前端开发中虚拟化列表的实现原理与优化方案。通过原生JavaScript+TailwindCSS实现了一个支持10万条数据渲染的虚拟化列表示例,核心原理是只渲染可视区域内的元素,通过动态复用DOM节点突破浏览器性能瓶颈。文章详细解析了可视区域计算、元素定位和动态更新三个关键环节,并提供了完整代码实现,包含缓冲区设计、节流优化等性能优化点。最后还讨论了动态高度列表的扩展方案,推荐了React

文章图片
#前端#javascript#开发语言
Mac上使用ln指令创建软链接、硬链接

在Mac、Linux和Unix系统中,软连接(Symbolic Link)和硬连接(Hard Link)是两种不同的文件链接方式。

文章图片
#前端#javascript#开发语言
企业微信如何接入第三方应用?

3. 此时可以看到已经创建好的应用,并且生成应用的唯一id(agentId)4. 第三方应用申请域名 (举例:https://baidu.com)5.企业微信打开该应用,就可以打开对应的地址;

文章图片
on-my-zsh 命令自动补全插件 zsh-autosuggestions 安装和配置

4.查看效果,我们在输入git命令时,就能实现命令自动补全的功能了。

文章图片
Vscode编辑器保存时一直提示正在保存“index.vue”: 正在从“‘Vetur‘, ‘ESLint‘”获取代码操作

因为Vscode同时开启了editor.formatOnSave 和 editor.codeActionsOnSave, 如果只要eslint只需开启editor.codeActionsOnSave就可以了。这样就不会去走Vetur的情况。正在保存“index.vue”: 正在从“'Vetur', 'ESLint'”获取代码操作;

文章图片
#vscode
js中?.、??的具体用法

?双问号后面是默认值(可常量、可变量)。在??前面没有值得时候会默认??后边的值(类似于三木运算符中的:后面赋值)。

文章图片
#javascript#前端
到底了