请教web端如何突破浏览器性能瓶颈?

1

konva.js 创建表格例子,当rows变量改为1300时(本人电脑),表格无法正常显示。

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Konva.js Table with Scrollbars</title>
<script src="https://cdn.jsdelivr.net/npm/konva@8.0.3/konva.min.js"></script>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    #container {
        width: 100%;  /* 容器宽度 */
        height: 100vh; /* 容器高度,设置为视口高度 */
        overflow: auto; /* 启用滚动条 */
        position: relative;
阅读 344
1 个回答

虚拟列表,不要都渲染出来,根据可视范围自己裁剪数据。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进