首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Node.js 动态表格大文件下载实践

    前言 最近优化了几个新人写出的动态表格文件下载接口的性能瓶颈,感觉非常有必要总结一篇文章作为文档来抛砖引玉,以促进大家学习一起写出更专业的代码。...HTTP 文件下载 讲具体问题之前需要先了解一些 HTTP 基础,下面简单介绍一下用 Node.js&Koa 怎么实现文件下载。...参考: rfc2616 19.5.1 Content-Disposition rfc1806 Node.js Stream 简单下载 最简单的情况就是服务器上文件系统已经存在了某个文件,客户端请求下载直接把文件读了吐回去即可...动态表格 在了解完上述关于文件下载实现的基础后,我们来看一个实际问题:根据请求参数条件读取数据库的某张表的全部记录并导出为表格。...sheet = workbook.addWorksheet('My Sheet'); // .,, ctx.body = workbook.stream; 更多 当然除了上述提到的优化手段,还有离线生成

    6.3K30

    在 Vue3 + Element Plus 中生成动态表格动态修改表格,多级表头,合并单元格

    在 Vue3 + Element Plus 中生成动态表格动态修改表格,多级表头,合并单元格 本文完整版:《在 Vue3 + Element Plus 中生成动态表格动态修改表格,多级表头,合并单元格...》 在 Vue 中,表格组件是使用频率及复杂度排名第一的组件,前端经常需要根据后台返回的数据动态渲染表格,比如动态表格如何生成,因为表格的列并不是固定的,在未知表格具体有哪些列的场景下,前端如何动态渲染表格数据...本文手把手教你如何在 Vue3 + Element Plus 中创建表格生成动态表格、创建动态多级表头、表格行合并、列合并等问题。...通过本文你可以学到 如何在 Element Plus 中生成动态表格 如何在 Element Plus 中动态修改表格 如何在 Element Plus 中创建动态多级表头 先来展示个「动态修改表格」的最终效果图吧...kalacloud-卡拉云-初始化项目 Vue3 + Element Plus 生成动态表格 有一个场景是表格列并不是固定的,不能在前端写死,而是需要通过后端返回的数据进行动态渲染,比如后端返回了如下的表头数据

    13.6K21

    js怎么动态加载js文件(JavaScript性能优化篇)转

    下面介绍一种JS代码优化的一个小技巧,通过动态加载引入js外部文件来提高网页加载速度 【基本优化】 将所有需要的标签都放在之前,确保脚本执行之前完成页面渲染而不会造成页面堵塞问题...【动态创建script来加载-推荐】 function loadJS( url, callback ){ var script = document.createElement('script...谷歌浏览器运行效果,script被动态创建在head中 ? ? 6.建议大家可以封装成类库,单独引入。...该原理实现的也有很多不错的js类库可以使用,如LazyLoad.js,支持数组的形式引入,打开浏览器在network中可看到js是同步加载的 ? ? 7....【总结】 最好的方式还是使用动态创建script的方式加载,当动态创建script,浏览器会分配一个线程去下载src指向的资源,多个script也是同步下载的 (adsbygoogle

    19.6K12

    js 动态生成 input 的绑定事件 blur 无效

    https://blog.csdn.net/u011415782/article/details/89230040 ☯ 背景描述 今天在进行代码编写时,我需要根据ajax返回的数据动态生成一个表格...最开始编写的 js 代码如下: /** * 当sku库存量变化时,对应总库存进行更新 */ $(".input-sku-stock").blur(function ()...$(this).val()); }); $(".input-goods_stock").val(input_goods_stock); }); 但是发现,静态的表格是可以正常实现的...,而动态生成的却无法触发blur事件 因为测试失败后,转而考虑新的写法,且可以正常实现 ?...,建议可自行测试 动态生成input绑定事件无效如:blur 意见:异步导致绑定事件失败,需使用全局绑定事件 3.w3school 文档 - onblur 事件 这就是官方文档

    8.9K00

    用字蛛动态遍历JS生成中文字体

    字蛛 font-spider 通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。...这样就引发了一个问题,如果你所用到的中文字都是在 JavaScript 中动态生成的,那你让字蛛分析你的 html 岂不是无济于事?...Allan 的这个项目更进一步,通过无头浏览器来爬取当前页面上的文字来动态生成精简版的 webfont....FSW (font-spider-walker) 这个项目通过本地分析源代码来动态生成 webfont....这个项目很简单,无需比较重的依赖,是直接遍历你的源码目录(可以指定目录),找出所有用到的中文字,调用字蛛生成你所需要的中文字体。

    4.2K280

    利用QRCode.js生成动态二维码页面

    利用QRCode.js生成动态二维码页面 ☆* o(≧▽≦)o *☆嗨~我是IT·陈寒 ✨博客主页:IT·陈寒的博客 该系列文章专栏:Java学习路线 其他专栏:Java学习路线 Java面试技巧 Java...在网页中动态生成二维码,不仅可以为用户提供更便捷的操作体验,还可以实现一些创新性的功能。本文将介绍如何使用QRCode.js库在网页中生成动态二维码,并提供一个刷新按钮,使二维码内容可以动态更新。...QRCode.js简介 QRCode.js是一个轻量级的JavaScript库,用于在网页中生成二维码。它简单易用,通过在网页中插入一个QRCode对象,就可以轻松地生成二维码图像。...在这个例子中,我们将使用QRCode.js生成一个简单的文本信息二维码,并通过按钮刷新二维码内容。 HTML结构 <!...总结 通过QRCode.js库,我们可以轻松实现在网页中生成二维码,并通过JavaScript实现二维码内容的动态更新。这为网页开发中一些需要生成二维码的场景提供了便捷的解决方案。

    99910

    从服务端生成Excel电子表格(Node.js+SpreadJS)

    我们的技术团队在跟国内外各行各业用户交流的过程中,就曾发现有很多的用户尝试在Node.js的环境下运行SpreadJS 纯前端表格控件,借助该控件,可以在服务器不预装任何Excel依赖项的情况下,收集用户输入的信息...}, (err) => { console.log(err); }, { useArrayBuffer: true }); } 完成的文件将如下所示: 以上就是第一篇《从服务端生成...Excel电子表格(Node.js+SpreadJS)》的全部内容。...为了能够解决批量绑定数据源并导出Excel、批量修改大量Excel内容及样式、服务端批量打印以及生成PDF文档等需求,我们提供了更为成熟的官方手段:SpreadJS + GcExcel,该方案提供了比Node.js...+SpreadJS更加优秀的性能和稳定性,这就是我们下一篇《从服务端生成Excel电子表格(GcExcel + SpreadJS)》的主要内容,敬请期待。

    3.3K20
    领券