大家好，很高兴又见面了，我是前端进阶，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发！ 前端进阶前言 开始介绍ExcelJS之前，先说一个在线表格编辑的研发案例。 一开始在做在线表格时，语雀团队采用的是SpreadJs二次开发的模式，后来发现功能越来越难做，维护和开发成本上升。于是，2019年5月语雀团队弃用了SpreadJs，开始自研。所以，本文也不再聚焦SpreadJs（如果有兴趣可以阅读文末资料），而是向大家介绍另一个在线表格控件ExcelJS。话不多说，直接开始。1。什么是ExcelJS？ ExcelJS是一个JavaScript包，充当Excel工作簿管理器。根据其官方文档，exceljs可以读取、操作电子表格数据和样式并将其写入XLSX和JSON。它是从Excel电子表格文件作为项目进行逆向工程。 ExcelJS具有以下能力：创建工作簿。创建工作表。处理页眉和页脚。设置冻结或拆分视图。设置自动过滤器。对行和列的数据操作。添加数据验证。添加样式。将图像插入工作簿。 此外，exceljs更新及时并且完全免费，这一点和handsontable等在线表格解决方案相比确实有比较大的吸引力。2。ExcelJS项目状态 从NPM的官方数据来看，ExcelJS的周下载量稳定在699，538左右，同时处于稳定的上升期。 ExcelJS项目的NPM的官方数据 与ExcelJS的直接竞争者handsontable的周下载量124，151相比，ExcelJS的下载量也有5。6倍之多。 ExcelJS的直接竞争者handsontable的周下载量 同时，从Github的统计数据来看，项目的star达到了惊人的10。6k，而且fork数量也达到了1。4K。 而同类产品handsontable的star达到了17。5k，fork数量也达到了2。8k。从这点来说，Github的数据指标和NPM的真实下载量之间还是有一定的差异。不过，也从侧面反映了handsontable、ExcelJS都是非常优秀的在线表格开发工具。3。ExcelJS使用3。1不同环境安装ExcelJSconstExcelJSrequire（exceljs）； 如果在Node环境使用，还需要导入相应的polyfill。exceljs需要导入的polyfillrequire（corejsmoduleses。promise）；require（corejsmoduleses。string。includes）；require（corejsmoduleses。object。assign）；require（corejsmoduleses。object。keys）；require（corejsmoduleses。symbol）；require（corejsmoduleses。symbol。asynciterator）；require（regeneratorruntimeruntime）；基础polyfillconstExcelJSrequire（exceljsdistes5）；3。2如何使用ExcelJS创建一个新的工作簿 通过如下代码可以快速创建工作簿。constworkbooknewExcelJS。Workbook（）；添加工作簿属性workbook。creatorNgWaiFoong；workbook。lastModifiedByBot；workbook。creatednewDate（2021，8，30）；workbook。modifiednewDate（）；workbook。lastPrintednewDate（2021，7，27）；添加新工作表 可以通过以下代码将新工作表添加到之前创建的工作簿中：constworksheetworkbook。addWorksheet（NewSheet）；红色标签颜色constworksheetworkbook。addWorksheet（NewSheet，｛properties：｛tabColor：｛argb：FFC0000｝｝｝）；隐藏网格线constworksheetworkbook。addWorksheet（NewSheet，｛views：〔｛showGridLines：false｝〕｝）；冻结第一行和第一列constworksheetworkbook。addWorksheet（NewSheet，｛views：〔｛state：frozen，xSplit：1，ySplit：1｝〕｝）；pageSetup设置为A4横向constworksheetworkbook。addWorksheet（NewSheet，｛pageSetup：｛paperSize：9，orientation：landscape｝｝）；页眉和页脚constworksheetworkbook。addWorksheet（NewSheet，｛headerFooter：｛oddFooter：PagePofN；，oddHeader：OddPage｝｝）；文件输入输出 exceljs提供了一些辅助函数，用于根据用例读取和加载文件。一般来说，它分为：filestreambuffer 请注意，与文件IO相关的操作会返回一个Promise，并且必须与await关键字一起调用。如果您在函数内部使用它，请确保将函数设置为异步。 假设你有一个本地的excel文件，可以按如下方式进行读写：file读取awaitworkbook。xlsx。readFile（filename）；file写awaitworkbook。xlsx。writeFile（filename）； 如果有数据流，可以使用以下代码片段：读取streamawaitworkbook。xlsx。read（stream）；写streamawaitworkbook。xlsx。write（stream）； 在处理缓冲区时，您应该改为调用load和writeBuffer函数：buffer读取awaitworkbook。xlsx。load（data）；buffer写constbufferawaitworkbook。xlsx。writeBuffer（）； 这是读取上传的excel文件的示例。fileList是从input标签中获取的FileList对象。只需实例化一个新的二进制大对象（BLOB）并获取底层缓冲区。然后，将其传递给加载函数，如下所示：constblobnewBlob（〔fileList〔0〕〕，｛type：applicationvnd。openxmlformatsofficedocument。spreadsheetml。sheet；charsetutf8｝）；constbufferawaitblob。arrayBuffer（）；constworkbooknewExcelJS。Workbook（）；awaitworkbook。xlsx。load（buffer）；4。本文总结 本文主要和大家介绍下Excel工作簿管理器的JavaScript包exceljs，同时给出了几个简单的用法示例。因为笔者也没有在生产项目中使用、部署过exceljs，所以只是做了一个简短的介绍，但是文末的参考资料提供了大量优秀文档以供学习，如果有兴趣可以自行阅读。如果大家有什么疑问欢迎在评论区留言。 参考资料 https：github。comexceljsexceljs https：github。comhandsontablehandsontable https：builtin。comsoftwareengineeringperspectivesexceljs ttps：www。grapecity。com。cndeveloperspreadjs
哈佛大学遗传学教授谈长寿少吃一点，少穿一点，多动一点薛定谔曾说人活着就是在对抗熵增定律，生命以负熵为生。万物都逃不过从有序变无序的熵增定律，衰老就是熵增的一种表现，衰老虽然难以逆转，但是延缓衰老还是可以做到的。如何来实现呢……2000万年误差不超过一秒的原子钟我们之前基于单摆周期性摆动制作的钟摆，后来的石英钟，为我们生活计时提供了极大的便利。对于日常生活它们足够够用，但是在科研、航天、即时通信方面，它们精度完全不够。原子钟……汤加火山爆发可能会导致南极西瓜雪面积扩大？事实上远非如此在人们印象当中，雪通常是白色的。故而常常被比喻为柳絮和鹅毛，然而在南极地区却有着这样一种红色的西瓜雪。据调查西瓜雪当中存在一种藻类叫做雪衣藻。如今全球变暖，气温升高。这为……归化球员李凯尔与日本的八村塁渡边雄太比哪个更强即将成为中国男篮第一位归化球员的凯尔安德森与日本八村塁、渡边雄太比的话，究竟哪位更强一点呢。我们先来看看日本NBA现役球星八村塁的实力。2016年八村加盟NCAA贡萨加大……林美花帮孩子打开自然之门林美花教孩子们认识大自然。受访者供图她当过老师、记者、编辑，辞职后掉进鸟坑。从媒体人到鸟人，她怀着热情与爱，践行着心中的自然教育梦。作为幕后编辑，她前阵子编写的观鸟口袋书……中美洲一倒霉小国，拥有世界最小首都，却是世界级潜水胜地伯利兹是一个令人惊叹的美丽国家，拥有多元化的文化和迷人的历史。它具有许多独特的属性，使其与其他加勒比海和中美洲国家区分开来，使其成为提供各种风景和活动的理想目的地。伯利兹……换道超车？中企芯片破局方向定了，外媒绕开了ASML高端光刻机文科技在前方随着科技的发展，芯片的重要性已不言而喻，无论是消费电子，例如电视、PC、智能手机、手表等，还是工业设备5G网络、物联网、智能AI，都离不开芯片，倘若没有了芯片……5G套餐变套路？上亿用户被骗人民日报紧急叫停5G已经在生活中逐步推广了，相信大部分人生活的周边都已经建设5G基站，支持5G网络。只要选择5G手机，并且设置正确的话，基本上都能用上高速的5G网络。但运营商会顺势推荐用……200元的数据线好在哪里？值不值？FIBBR菲伯尔全功能数据200多块钱买根数据线，值不值？如果只是用来给手机充充电，恐怕你会认为是不值的，但如果同时涉及到数据传输、显示扩展，那一根全功能数据线就是必需的了。我的MacBoo……港媒曝任达华为女儿出道铺路，宴请众多内地影视人，黄渤罕见现身近日，香港知名男演员影帝任达华再度引发媒体的关注，有媒体在社交平台上爆料称，任达华邀请众多内地影视圈的人聚餐，疑似为自己18岁的女儿任晴佳在内地出道铺路，媒体还称当时百亿影帝黄……新手妈妈林志玲首晒产后自拍，网友称赞还是志玲姐姐昨日林志玲也是生子后首次晒自拍照。状态好的完全看不出她是一个47岁的新手妈妈，皮肤状态和精神状态都很好，和以往的优雅的气质比，反而显得有点萌萌的可爱。志玲姐姐的自拍照……平价白酒中的王牌，6亿酒民喝出来的口碑1。水井坊典藏（浓香）800元52度500ml口感：醇和连绵收口净爽2。台仙福酱（酱香）33853度500ml口感：酒质上乘，口感比肩飞天，酱香浓……