年度归档: 2023年

6 篇文章

JavaScript实现右键菜单
1、代码实现 window.onload = function () { (function () { // 自定义右键菜单内容并插入到body最后一个节点前 let dom = ` <div id="rightMenuBars"> <div class="rightMenu-group rightM…
react使用exceljs实现导出Excel
1、前言 在react的学习过程中,有些时候会有导出表格的需求。需要将table导出成excel文件并且需要有下拉框和相应的规则。这里使用插件exceljs来实现。 2、exceljs exceljs是一个能够将表格数据以一定格式写入到excel文件的插件。 官方中文文档:https://github.com/exceljs/exceljs/blo…
React将数据转化成树形结构
1、React将数据转化成树形结构 // 初始数据 let result = [ { parentId: null, id: 1, name: "书籍", count: 100 }, { parentId: 1, id: 2, name: "西游记", count: 50 }, { parentId: 1, …
js比较前后两个数组对象的差异
比较前后两个数组对象的差异 js比较前后两个数组对象的差异,比如是添加了什么数据或者删除了什么数据。 // 两个数组对象中有相同的键如 id // 其中, oldData为初始数据, newData为当前数据 const getChangeData = (oldData, newData) => { let delData = oldData…
react antd 实现图片自定义预览
功能需求 有这样一个需求,用户点击文字或者按钮,会弹出图片的预览界面,要求图片可旋转,可缩放以及可下载。由于antd组件的Image的预览窗口不包含图片下载的功能,所以这里通过modal对img添加预览模块。 实现过程 代码如下: import React from 'react'; import './style.c…
react antd select组件添加全选功能
1、需求 最近遇到一个需求,一张表格中需要有个下拉框,antd官网中有相应的Select组件,但是由于数据比较多,用户需要一个全选的需求。即点击全选下拉框数据全部选中,再次点击取消全选即选中的数据清空。然后数据一条一条点击完后全选框会被选中,反之不会被选中。 2、实现代码 import React from 'react'; i…