1、前言 在react的学习过程中，有些时候会有导出表格的需求。需要将table导出成excel文件并且需要有下拉框和相应的规则。这里使用插件exceljs来实现。 2、exceljs exceljs是一个能够将表格数据以一定格式写入到excel文件的插件。 官方中文文档：https://github.com/exceljs/exceljs/blo…
1、React将数据转化成树形结构 // 初始数据 let result = [ { parentId: null, id: 1, name: "书籍", count: 100 }, { parentId: 1, id: 2, name: "西游记", count: 50 }, { parentId: 1, …
比较前后两个数组对象的差异 js比较前后两个数组对象的差异，比如是添加了什么数据或者删除了什么数据。 // 两个数组对象中有相同的键如 id // 其中, oldData为初始数据, newData为当前数据 const getChangeData = (oldData, newData) => { let delData = oldData…
功能需求 有这样一个需求，用户点击文字或者按钮，会弹出图片的预览界面，要求图片可旋转，可缩放以及可下载。由于antd组件的Image的预览窗口不包含图片下载的功能，所以这里通过modal对img添加预览模块。 实现过程 代码如下： import React from 'react'; import './style.c…
1、需求 最近遇到一个需求，一张表格中需要有个下拉框，antd官网中有相应的Select组件，但是由于数据比较多，用户需要一个全选的需求。即点击全选下拉框数据全部选中，再次点击取消全选即选中的数据清空。然后数据一条一条点击完后全选框会被选中，反之不会被选中。 2、实现代码 import React from 'react'; i…
React 函数组件 1、定义方式 React 函数组件是指使用函数方法定义的组件。 定义方式：与函数的定义方式相同，需要将内容 return 出来，需要注意的是最外层只有一个标签或者使用<></>(Fragment 标签)包裹起来，方法写在 return 前面。 const App = () => { const g…
React 中的常用方法 1、合并数组 // 合并数组并去重 mergeArray = (arr1, arr2) => { return Array.from(new Set([...arr1, ...arr2])); }; 2、合并数组对象 // 合并具有相同属性的对象 mergeObject = (needObj, neededObj) …
前言 我们平时都是通过一些杀毒软件或者控制面板来对软件进行卸载操作的，但这样卸载并不干净，注册表中存在的条目可能没删除或删除干净。而且杀毒软件还比较占用系统资源。 geek 根据geek官方介绍，能够对软件进行清洁去除和强制删除，支持64位的操作系统，而且软件轻量，只有6M左右，支持卸载应用商店的程序。目前支持window操作系统，我很早的时候就在…
model 实体 namespace Test.Models.Book { public class BookModel { public int BookId { get; set; } public string FileName { get; set; } } } controller 控制器层 using Test.BLL.Book; us…
基本架构 model 实体 说得通俗一些，model中主要是定义前端传过来的变量以及其类型，或者是需要操作的数据库中的某些字段值。举个例子： namespace Test.Models.Book { public class BookModel { public int BookId { get; set; } public string Book…
1、说一说cookie sessionStorage localStorage 区别？ 共同点都是存储在浏览器本地的，都遵循同源原则（sessionStorage还必须是同一个页面） cookie是由服务端写入的，后两者是前端写入的。 cookie的生命周期是服务端设置好的，sessionStorage在浏览器关闭后就被删除，localStorag…
1、前台页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="…