XLSX + LuckySheet + LuckyExcel实现前端的excel预览
文章目录
- 功能简介
- 简单代码实现
- 效果
- 参考
功能简介
- 通过LuckyExcel的transformExcelToLucky方法， 我们可以把一个文件直接转成LuckySheet需要的json字符串， 之后我们就可以用LuckySheet预览excel
- LuckyExcel只能解析xlsx格式的excel文件，因此对于xls和csv的格式，我们需要通过XLSX来转化成xlsx格式，但在转化过程中会丢失样式
- 对于excel中存在很多的空白行，在显示的时候可能会出现卡顿，所以我们需要将过多的空白行移除
简单代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Excel File Upload and Preview with Luckysheet</title>
</head>
<body><!-- 文件上传控件 -->
<input type="file" id="fileUpload"/><!-- Luckysheet 的容器 -->
<div id="luckysheet" style="position: relative; width: 100%; height: 500px;"></div>
<script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script><link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css'/>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/plugins.css'/>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/css/luckysheet.css'/>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/assets/iconfont/iconfont.css'/>
<script src="https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/js/plugin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/luckysheet.umd.js"></script><script src="https://cdn.jsdelivr.net/npm/luckyexcel/dist/luckyexcel.umd.js"></script><script>const _xlsxType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';const _xlsType = 'application/vnd.ms-excel';const _csvType = 'text/csv';//如果后端是以流的方式返回，可以调用这个方法const handleExcel = (res, fileName) => {const file = getExcelFile(res, fileName);handleExcelFile(file);}// 获取Excel文件const getExcelFile = (res, fileName) => {// 根据文件后缀名判断文件类型if (fileName.endsWith('.xlsx')) {return new File([res], fileName, {type: _xlsxType});} else if (fileName.endsWith('.xls')) {return new File([res], fileName, {type: _xlsType});} else if (fileName.endsWith('.csv')) {return new File([res], fileName, {type: _csvType});} else {throw new Error("Unsupported file type");}}// 处理Excel文件const handleExcelFile = (file) => {const fileName = file.name;// 根据文件后缀名判断文件类型并进行处理if (fileName.endsWith('.xlsx')) {console.log("handle excel for xlsx type..", fileName);handleExcelForXlsxType(file, fileName);} else if (fileName.endsWith('.xls') || fileName.endsWith('.csv')) {console.log("handle excel for xls or csv type..", fileName);handleExcelForXlsAndCsvType(file, fileName);} else {throw new Error("Unsupported file type");}}// 处理xlsx类型的Excel文件const handleExcelForXlsxType = (file, fileName) => {const reader = new FileReader();reader.onload = function (event) {const data = new Uint8Array(event.target.result);const workbook = XLSX.read(data, {type: 'array'});// 获取Excel文件中的最大行数let maxRowCountFromExcel = getMaxRowCountFromExcel(workbook);// 如果行数大于100000，则处理Excel文件中的空行if (maxRowCountFromExcel > 1000000) {console.log("excel file has too many blank row..", maxRowCountFromExcel);handleBlankRowForExcelWithTooManyBlankRow(workbook);const xlsxFile = toXlsxExcelFile(workbook, fileName);createLuckySheet(xlsxFile);} else {createLuckySheet(file);}};reader.readAsArrayBuffer(file);}// 处理xls和csv类型的Excel文件const handleExcelForXlsAndCsvType = (file, fileName) => {const reader = new FileReader();// 读取文件完成后的回调函数reader.onload = function (event) {const data = new Uint8Array(event.target.result);// 读取Excel文件内容const workbook = XLSX.read(data, {type: 'array'});// 将Excel文件转换为xlsx类型const xlsxFile = toXlsxExcelFile(workbook, fileName);// 处理xlsx类型的Excel文件handleExcelForXlsxType(xlsxFile, fileName);};// 以ArrayBuffer的形式读取文件reader.readAsArrayBuffer(file);}/ 创建Luckysheetconst createLuckySheet = (file) => {// 销毁已存在的Luckysheetwindow.luckysheet.destroy();// 将Excel文件转换为Luckysheet的jsonLuckyExcel.transformExcelToLucky(file, function (exportJson, luckysheetfile) {if (exportJson.sheets == null || exportJson.sheets.length === 0) {throw new Error("Failed to load excel file");}// 创建Luckysheet的配置项const options = {container: 'luckysheet',data: exportJson.sheets, // title: exportJson.info.name,// userInfo: exportJson.info.name.creator,column: 10,row: 10,showinfobar: false,sheetFormulaBar: true,showConfigWindowResize: false};// 创建Luckysheetwindow.luckysheet.create(options);});}// 获取Excel文件中的最大行数const getMaxRowCountFromExcel = (workbook) => {let maxRowCount = 0;if (workbook.SheetNames == null || workbook.SheetNames.length === 0) {return maxRowCount;}// 遍历每个sheet，获取最大行数workbook.SheetNames.forEach(sheetName => {const worksheet = workbook.Sheets[sheetName];if (worksheet['!ref'] === undefined) {return;}const range = XLSX.utils.decode_range(worksheet['!ref']);maxRowCount = maxRowCount + range.e.r;});console.log("max:", maxRowCount)return maxRowCount;}const reduceBlankRow = (row, range, worksheet) => {// 从给定的行开始，向上遍历到工作表的起始行while (row > range.s.r) {// 假设当前行是空的let allEmpty = true;// 遍历当前行的所有列for (let col = range.s.c; col <= range.e.c; col++) {// 获取当前单元格的引用const cell_ref = XLSX.utils.encode_cell({c: col, r: row});// 如果当前单元格不为空，则将allEmpty设置为false并跳出循环if (worksheet[cell_ref]) {allEmpty = false;break;}}// 如果当前行是空的，则将行数减一，否则跳出循环if (allEmpty) {row--;} else {break;}}// 更新工作表范围的结束行range.e.r = row;// 更新工作表的范围引用worksheet['!ref'] = XLSX.utils.encode_range(range.s, range.e);}// 处理Excel文件中的空行const handleBlankRowForExcelWithTooManyBlankRow = (workbook) => {if (workbook.SheetNames == null || workbook.SheetNames.length === 0) {return;}// 遍历每个sheet，处理空行workbook.SheetNames.forEach(sheetName => {const worksheet = workbook.Sheets[sheetName];if (worksheet['!ref'] === undefined) {return;}const range = XLSX.utils.decode_range(worksheet['!ref']);let row = range.e.r;reduceBlankRow(row, range, worksheet);});}// 将Excel文件转换为xlsx类型const toXlsxExcelFile = (workbook, fileName) => {const newWorkbook = XLSX.write(workbook, {bookType: 'xlsx', type: 'binary'});const data = new Uint8Array(newWorkbook.length);for (let i = 0; i < newWorkbook.length; i++) {data[i] = newWorkbook.charCodeAt(i);}return new File([data], fileName, {type: _xlsxType});}// 文件上传控件的change事件处理函数document.getElementById('fileUpload').addEventListener('change', function (e) {// 获取上传的文件const file = e.target.files[0];// 处理Excel文件handleExcelFile(file);});</script></body>
</html>效果
参考
https://juejin.cn/post/7211805251216031801
https://segmentfault.com/a/1190000043720845
https://juejin.cn/post/7232524757525659708
https://blog.csdn.net/q2qwert/article/details/130908294
https://www.cnblogs.com/ajaemp/p/12880847.html
https://blog.csdn.net/weixin_40775791/article/details/135409716
https://blog.csdn.net/u013113491/article/details/129106671
相关文章：
XLSX + LuckySheet + LuckyExcel实现前端的excel预览
文章目录 功能简介简单代码实现效果参考 功能简介 通过LuckyExcel的transformExcelToLucky方法， 我们可以把一个文件直接转成LuckySheet需要的json字符串， 之后我们就可以用LuckySheet预览excelLuckyExcel只能解析xlsx格式的excel文件，因此对…...
在Ubuntu上创建和启用交换文件的简单步骤
文章目录 为什么使用交换文件？步骤 1：创建交换文件步骤 2：设置正确的权限步骤 3：将文件格式化为交换空间步骤 4：启用交换文件步骤 5：验证交换文件步骤 6：永久启用交换文件步骤 7：调整…...
Java [ 基础 ] HashMap详解 ✨
目录 ✨探索Java基础 HashMap详解✨ 总述 主体 1. HashMap的基本概念 2. HashMap的工作原理 3. HashMap的常用操作 4. HashMap的优缺点 总结 常见面试题 常见面试题解答 1. HashMap的底层实现原理是什么？ 2. 如何解决HashMap中的哈希冲突？…...
vue2项目迁移vue3与gogocode的使用
#背景 公司有个项目使用vue2jswebpack框架开发的，由于该项目内部需要安扫，导致很多框架出现了漏洞需要升级，其中主要需要从vue2升vue3,但是重新搭框架推翻重做成本太高，于是找到了gogocode。 #升级步骤踩坑 1. 安装 gogocode插…...
【Python123题库】#数列求和 #百分制成绩转换五分制(循环) #正负交错数列前n项和 #求数列前n项的平方和
禁止转载，原文：https://blog.csdn.net/qq_45801887/article/details/140079866 参考教程：B站视频讲解——https://space.bilibili.com/3546616042621301 有帮助麻烦点个赞 ~ ~ Python123题库 数列求和百分制成绩转换五分制(循环)正负交错数列…...
Edge浏览器选中后，出现AI智能生成 AI专业写作
这个是扩展里边的“ 网页万能复制 & ChatGPT AI写作助手”造成的，这个拓展增加了AI写作功能。关闭这个拓展就解决了。...
c++习题08-计算星期几
目录 一，问题 二，思路 三，代码 一，问题 二，思路 首先，需要注意到的是3^2000这个数值很大，已经远远超过了long long 数据类型能够表示的范围，如果想要使用指定的数据类型来保存…...
单目相机减速带检测以及测距
单目相机减速带检测以及测距项目是一个计算机视觉领域的应用，旨在使用一个摄像头（单目相机）来识别道路上的减速带，并进一步估计车辆与减速带之间的距离。这样的系统对于智能驾驶辅助系统（ADAS）特别有用&…...
Xilinx FPGA:vivado实现乒乓缓存
一、项目要求 1、用两个伪双端口的RAM实现缓存 2、先写buffer1，再写buffer2 ，在读buffer1的同时写buffer2，在读buffer2的同时写buffer1。 3、写端口50M时钟，写入16个8bit 的数据，读出时钟25M，读出8个16…...
解决 VM 虚拟机网络连接异常导致的 Finalshell 无法连接及 ifconfig 中 ens33 丢失问题
在使用 VM 虚拟机的过程中，遇到了一个颇为棘手的网络连接问题。平时虚拟机都能够正常启动并使用，但昨天在启用虚拟机时更换了一下网络节点，结果今天打开虚拟机后。Finalshell 无法连接上虚拟机，并且输入 ifconfig 命令后也没有 en…...
深入Django（三）
Django视图（Views）详解 引言 在前两天的博客中，我们介绍了Django的基本概念和模型系统。今天，我们将深入探讨Django的视图（Views），它们是处理用户请求和返回响应的地方。 什么是Django视图&a…...
观测云赋能「阿里云飞天企业版」，打造全方位监控观测解决方案
近日，观测云成功通过了「阿里云飞天企业版」的生态集成认证测试，并荣获阿里云颁发的产品生态集成认证证书。作为监控观测领域的领军者，观测云一直专注于提供统一的数据视角，助力用户构建起全球范围内的端到端全链路可观测服务。此…...
51单片机第27步_单片机工作在睡眠模式
重点学习51单片机工作在睡眠模式。 1、进入“睡眠模式”的方法 通过将PCON寄存器中的PDWN置1，则CPU会进入“睡眠模式”。在“睡眠模式”中,晶振将停止工作，因此，定时器和串口都将停止工作，只有外部中断继续工作。如果单片机电源…...
互联网应用主流框架整合之SpringCloud微服务治理
微服务架构理念 关于微服务的概念、理念及设计相关内容，并没有特别严格的边界和定义，某种意义上说，适合的就是最好的，在之前的文章中有过详细的阐述，微服务[v1.0.0][Spring生态概述]、微服务[设计与运行]、微服务[v1.…...
超快的 Python 包管理工具「GitHub 热点速览」
天下武功，无坚不破，唯快不破！ 要想赢得程序员的欢心，工具的速度至关重要。仅需这一优势，即可使其在众多竞争对手中脱颖而出，迅速赢得开发者的偏爱。以这款号称下一代极速 Python 包管理工具——uv 为例&…...
网络基础：OSPF 协议
OSPF（Open Shortest Path First）是一种广泛使用的链路状态路由协议，用于IP网络中的内部网关协议（IGP）。OSPF通过在网络中的所有路由器之间交换路由信息，选择从源到目的地的最优路径。OSPF工作在OSI模型的第…...
1456.定长子串中元音的最大数目
思路： 首次是滑动窗口， 然后遍历子字符串，这样复杂度太高，没过测试 改进，滑动窗口先求出第一个窗口中元音数量， 然后利用滑动式，一进一出方式判断首尾是否是原因即可 给你字符串 s 和整数 k 。 …...
基于xilinx FPGA的GTX/GTH/GTY位置信息查看方式（如X0Y0在bank几）
目录 1 概述2 参考文档3 查看方式4查询总结： 1 概述 本文用于介绍如何查看xilinx fpga GTX得位置信息（如X0Y0在哪个BANK/Quad）。 2 参考文档 《ug476_7Series_Transceivers》 《pg156-ultrascale-pcie-gen3-en-us-4.4》 3 查看方式 通过…...
JAVA小知识30：JAVA多线程篇1，认识多线程与线程安全问题以及解决方案。（万字解析）
来 多线程，一个学起来挺难但是实际应用不难的一个知识点，甚至在很多情况下都不需要考虑，最多就是写测试类的时候模拟一下并发，现在我们就来讲讲基础的多线程知识。 一、线程和进程、并发与并行 1.1、线程和进程 线程&am…...
Python数据分析案例47——笔记本电脑价格影响因素分析
案例背景 博主对电脑的价格和配置一直略有研究，正好最近也有笔记本电脑相关的数据，想着来做点分析吧，写成一个案例。基本上描述性统计，画图，分组聚合，机器学习，交叉验证，搜索超参数…...
【加密与解密】【09】GPG Client签名流程
什么是GPG客户端 GPG客户端是实现PGP加密协议的一套客户端程序，可用于加密或签名 下载GPG客户端 建议安装命令行工具，图形工具一般不具备完整功能 https://gnupg.org/download/index.html生成私钥 此时会要求你输入名称，邮箱，…...
“2024软博会” 为软件企业提供集展示、交流、合作一站式平台
随着全球科技浪潮的涌动，软件行业正迎来前所未有的发展机遇，成为了全球新一轮竞争的“制高点”，以及未来经济发展的“增长点”。在当前互联网、大数据、云计算、人工智能、区块链等技术加速创新的背景下，数字经济已经渗透到经济社…...
【Zoom安全解析】深入Zoom的端到端加密机制
标题：【Zoom安全解析】深入Zoom的端到端加密机制 在远程工作和在线会议变得越来越普及的今天，视频会议平台的安全性成为了用户关注的焦点。Zoom作为全球领先的视频会议软件，其端到端加密（E2EE）功能保证了通话的安全性…...
7 动态规划
下面的例子不错： 对于动态规划，能学到不少东西； 你要清楚每一步都在做什么，划分细致就能够拆解清楚！ xk. - 力扣（LeetCode） labuladong的算法笔记-动态规划-CSDN博客 动态规划是…...
.net 快速开发框架开源
DF.OpenAPI开源系统 前后端分离，开箱即用，java经典功能.net也具备 系统介绍 DF.OpenAPI是基于Admin.NET二开的，是一个开源的多租户后台管理系统。采用前后端分离技术（前端使用vue.js，后端使用.net 3~.net6ÿ…...
《昇思25天学习打卡营第06天|网络构建》
网络构建 神经网络模型由神经网络层和Tensor操作构成 #实验环境已经预装了mindspore2.2.14，如需更换mindspore版本，可更改下面mindspore的版本号 !pip uninstall mindspore -y !pip install -i https://pypi.mirrors.ustc.edu.cn/simple mindspore2.2.…...
【链表】- 两两交换链表中的节点
1. 对应力扣题目连接 两两交换链表中的节点 2. 实现案例代码 public class ExchangeLinkedListsPairwise {public static void main(String[] args) {// 示例链表：[1, 2, 3, 4]ListNode head new ListNode(1);head.next new ListNode(2);head.next.next new L…...
java设计模式（四）——抽象工厂模式
一、模式介绍 改善在工厂方法模式中，扩展时新增产品类、工厂类，导致项目中类巨多的场面，减少系统的维护成本，且一个工厂可以生成多种产品，而不是同一种的产品，比如一个工厂既可以生产鞋子又可以衣服，而不是只能生产鞋子。 二、工厂方法模式 1、实现步骤 第一步: 定义…...
动物检测yolo格式数据集（水牛 、大象 、犀牛 、斑马四类）
动物检测数据集 1、下载地址： https://download.csdn.net/download/qq_15060477/89512588?spm1001.2101.3001.9500 2、数据集介绍 本数据集含有四种动物可以检测，分别是水牛 、大象 、犀牛 、斑马四类，数据集格式为yolo格式，…...
昇思25天学习打卡营第05天 | 数据变换 Transforms
昇思25天学习打卡营第05天 | 数据变换 Transforms 文章目录 昇思25天学习打卡营第05天 | 数据变换 TransformsCommon TransformsCompose Vision TransformsText TransformPythonTokenizerLookup Lambda Transforms数据处理模式Pipeline模式Eager模式 总结打卡 通常情况下的原始…...
Springboot+MySQL 公寓报修管理系统源码
功能结构图 效果图：...
jenkins 发布服务到linux服务器
1.环境准备 1.1 需要一台已经部署了jenkins的服务器，上面已经集成好了，jdk、maven、nodejs、git等基础的服务。 1.2 需要安装插件 pusblish over ssh 1.3 准备一台额外的linux服务器，安装好jdk 2.流程描述 2.1 配置jenkins，包括p…...
Appium+python自动化（三十九）-Appium自动化测试框架综合实践 - 代码实现（超详解）
1.简介 今天我们紧接着上一篇继续分享Appium自动化测试框架综合实践 - 代码实现。由于时间的关系，宏哥这里用代码给小伙伴演示两个模块：注册和登录。 2.业务模块封装 因为现在各种APP的层出不群，各式各样的。但是其大多数都有注册、登录。为…...
防止跨站脚本攻击XSS之Antisamy
目录 一、什么是跨站脚本攻击（XSS） 二、通常有哪些解决方案 三、常见的XSS攻击例子有哪些 3.1 存储型XSS攻击（黑产恶意截流，跳转不法网站） 3.2反射型XSS攻击： 四、什么是跨站请求伪造？ 五…...
Python爬虫实战案例——王者荣耀皮肤抓取
大家好，我是你们的老朋友——南枫，今天我们一起来学习一下该如何抓取大家经常玩的游戏——王者荣耀里面的所有英雄的皮肤。 老规矩，直接上代码： 导入我们需要使用到的，也是唯一用到的库： 我们要抓取皮肤其…...
PyTorch计算机视觉实战：目标检测、图像处理与深度学习
本书基于真实数据集，全面系统地阐述现代计算机视觉实用技术、方法和实践，涵盖50多个计算机视觉问题。全书分为四部分：一部分介绍神经网络和PyTorch的基础知识，以及如何使用PyTorch构建并训练神经网络，包括输入数据缩放…...
4D 生物打印：将时间维度融入，打造个性化动态组织
4D 生物打印技术将时间维度融入 3D 生物打印，赋予打印出的结构动态变化的能力，使其更接近于真实组织和器官的特性。要实现这一目标，需要使用智能生物材料和智能设计策略。 智能生物材料 目前用于 4D 生物打印的智能生物材料主要包括形状记忆…...
银行清算业务功能测试解析
银行清算业务是指银行间通过账户或有关货币当地清算系统，在办理结算和支付中用以清讫双边或多边债权债务的过程和方法。按地域划分，清算业务可分为国内联行清算和国际清算。常见的清算模式包括实时全额清算、净额批量清算、大额资金转账系统及小额定时清…...
CVE-2024-6387漏洞预警：尽快升级OpenSSH
OpenSSH维护者发布了安全更新，其中包含一个严重的安全漏洞，该漏洞可能导致在基于glibc的Linux系统中使用root权限执行未经身份验证的远程代码。该漏洞的代号为regreSSHion，CVE标识符为CVE-2024-6387。它驻留在OpenSSH服务器组件（也…...
学习整理在php中使用PHPExcel读取excel表列数大于Z时读取不到的解决方案
php读取excel列数大于Z时读取不到 背景解决方案关键代码 背景 表格数据超过26列， 也就是在Z列之前没有AA列及以后的情况， 测试一直都没有问题，超过，就会获取不到数据了 解决方案 private function getExcelData(){//获取excel文…...
python sklearn机械学习-数据预处理
🌈所属专栏：【机械学习】✨作者主页： Mr.Zwq✔️个人简介：一个正在努力学技术的Python领域创作者，擅长爬虫，逆向，全栈方向，专注基础和实战分享，欢迎咨询！ 您…...
搜索引擎常用语法
引号 (" "): 用双引号将词组括起来，搜索引擎将返回包含完全相同短语的结果。 示例："人工智能发展趋势" 减号 (-): 在关键词前加上减号可以排除包含特定词语的结果。 示例：人工智能 -机器学习（排除包含 “机器…...
华为智能驾驶方案剖析
华为ADS智驾方案始终坚持激光雷达毫米波雷达摄像头的多传感器融合路线，行业降本压力下硬件配置从超配逐步转向贴合实际需求，带动整体硬件成本下降。 1)单车传感器数量呈现下降趋势，包括激光雷达从3个减配至1个、毫米波雷达从6R减配至3R、摄像…...
DDR3（一）
目录 1 SDRAM1.1 同步动态随机存储器1.2 位宽1.3 SDRAM结构1.4 SDRAM引脚图 2 SDRAM操作指令2.1 读写指令2.2 刷新和预充电2.3 配置模式寄存器2.4 读/写突发2.5 数据屏蔽 SDRAM是DDR3的基础，在学习DDR3之前，我们先来学习一下SDRAM的相关知识。 1 SDRAM …...
Eureka与Spring Cloud Bus的协同：打造智能服务发现新篇章
Eureka与Spring Cloud Bus的协同：打造智能服务发现新篇章 在微服务架构中，服务发现是实现服务间通信的关键机制。Eureka作为Netflix开源的服务发现框架，与Spring Cloud Bus的集成，提供了一种动态、响应式的服务治理解决方案。本文…...
Kafka入门到精通(三)-Kafka
Kafka简介 Kafka是由Apache软件基金会开发的一个开源流处理平台，由Scala和Java编写。Kafka是一种高吞吐量的分布式发布订阅消息系统，它可以处理消费者在网站中的所有动作流数据。 这种动作（网页浏览，搜索和其他用户的行动…...
高校教师教学质量评估系统-计算机毕业设计源码03344
摘要 在高等教育中，教学质量是培养优秀人才的关键。为了提高教学质量，高校需要建立一套科学、有效的教师教学质量评估系统。本研究采用 SSM技术框架，旨在开发一款高校教师教学质量评估系统。 SSM框架作为一种成熟的Java开发框架，具…...
币界网讯，预计以太坊现货 ETF 将于 7 月中旬推出
刚刚 ETF Store 总裁 Nate Geraci 在 X （前Twitter）平台上宣布，备受数字货币市场期待的SEC以太坊现货 ETF提案，将于7 月中旬通过美国证券交易委员会（SEC）批准。Nate Geraci透露修订后的 S-1 文件将于 7 月 …...
【FFmpeg】avio_open2函数
【FFmpeg】avio_open2函数 1.avio_open21.1 创建URLContext（ffurl_open_whitelist）1.1.1 创建URLContext（ffurl_alloc）1.1.1.1 查找合适的protocol（url_find_protocol）1.1.1.2 为查找到的URLProtocol创建UR…...
技术成神之路：设计模式（二）建造者模式
1.定义 建造者模式（Builder Pattern）是一种创建型设计模式，它允许你分步骤创建复杂对象，而不必直接调用构造函数。建造者模式特别适合那些包含多个组成部分并且构造过程复杂的对象。 2. 结构 建造者模式的主要组成部分包括&#…...
局部静态变量实现的单例存在多个对象
文章目录 背景测试代码运行测试尝试打开编译器优化进一步分析 背景 业务中出现日志打印失效，发现是因为管理日志对象的单例在运行过程中存在了多例的情况。下面通过还原业务场景来分析该问题。 测试代码 /* A.h */ #ifndef CALSS_A #define CALSS_A#include <…...
MongoDB集群搭建-最简单
目录 前言 一、分片概念 二、搭建集群的步骤 总结 前言 MongoDB分片（Sharding）是一种水平扩展数据库的方法，它允许将数据分散存储在多个服务器上，从而提高数据库的存储容量和处理能力。分片是MongoDB为了应对大数据量和高吞吐量需…...
Stowaway搭建隧道打CFS内网靶场
目录 渗透带出主机阶段 先把我们的服务端上传到kali 先把我们的客户端上传到目标机 客户端去连接我们的kali机端口去上线 出现admin，上线成功 detail相当于msf的sessions 和msf差不多功能，但是我们用它主要是搞隧道代理 抓发的 开启socks…...
矩阵化为最简形--列向量的最大线性最大无关组--阶梯型矩阵--特征值和特征向量
1 将矩阵化为最简形 以下是将矩阵 ( 1 7 2 5 2 3 0 − 1 1 − 1 2 1 0 6 4 0 4 1 2 − 1 ) \begin{pmatrix} 1 & 7 & 2 & 5 & 2 \\ 3 & 0 & -1 & 1 & -1 \\ 2 & 1 & 0 & 6 & 4 \\ 0 & 4 & 1 & 2 & -1 \end{…...
新型开发语言的试用感受-仓颉语言发布之际
经常听一些媒体介绍一些新型的开发语言，所以最近心血来潮，安装了几种感受了一些。 先看名气，如ziglang，网址为：Home ⚡Zig Programming Language 号称是可以取代C语言的一门新语言，其实我主要是受下面这篇…...
HTML5使用＜mark＞标签：高亮显示文本
1、<mark>标签的使用 mark 标签用于表示页面中需要突出显示或高亮的一段文本，这段文本对于当前用户具有参考作用。它通常在引用原文以引起读者注意时使用。<mark>标签的作用相当于使用一支荧光笔在打印的纸张上标出一些文字。它与强调不同，…...
福利来袭，江铃域虎7打造完美驾乘体验！
谈到商乘两用，实惠又有面的皮卡，江铃域虎7无疑是榜上有名的佼佼者。这款皮卡凭借其优越的设计、高科技配置和国际动力系统，成功受到了广大用户的青睐。而在这个夏季，江铃汽车更是推出了诱人的购车优惠，为消费者带来了更多福利。江铃域虎7搭载了两种强劲的动力系统，满足用…...
市场重回分化态势基金看好科技成长方向
从近期的市场走势来看，前期表现较好的价值蓝筹股有所调整，科技成长板块则处于蓄势状态，市场重回分化态势。从机构的后市观点来看，由于当前处于业绩真空期，投资者风险偏好依然不高，在明显缺乏外部资金入场的情况下，市场或维持震荡态势，相对看好科技成长方向。从5月的市场…...
富格林：借助正规技巧实现出金
富格林悉知，现货黄金近年来的表现相当出众，相信上车交易现货黄金的投资者，或多或少都在市场中分得一块蛋糕。不过也并不代表所有人都可以轻松在现货黄金中获利，尤其是投资新手。如果没有正规的投资经验观念，就很难实现…...
从动态代理角度简单理解Spring AOP
1. 概述 动态代理 是指在运行时，动态地创建目标类的代理对象，并对其中特定的方法进行拦截或增强的技术。这种技术主要用于在不修改目标类代码的情况下，增强目标类的功能。 在Java中，动态代理主要基于Java的反射机制和接口来实现…...
深入解析Web前端三大主流框架：Angular、React和Vue
Web前端三大主流框架分别是Angular、React和Vue。下面我将为您详细介绍这三大框架的特点和使用指南。 Angular 核心概念： 组件（Components）： 组件是Angular应用的构建块，每个组件由一个带有装饰器的类、一个HTML模板、一个CSS样式表组成。组件通过输入（@Input）和输出（…...
使用NuScenes数据集生成ROS Bag文件：深度学习与机器人操作的桥梁
在自动驾驶、机器人导航及环境感知的研究中，高质量的数据集是推动算法发展的关键。NuScenes数据集作为一项开源的多模态自动驾驶数据集，提供了丰富的雷达、激光雷达（LiDAR）、摄像头等多种传感器数据，是进行多传感器融合…...