比较前后两个数组对象的差异 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) …
基本架构 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="…
1、赋值 修改新对象原来的对象会发生改变(改变存储空间,联动改变) let person = { name: 'Tom', age: 12, hobby: ['音乐', '动漫'] } let copyObj = person; copyObj.name = '小明';…
1、实现功能 可以跳转上一页、下一页、数据过多省略号显示,点击省略号可以实现快速跳转。 纯js+html+css实现,引入js文件后再使用方法即可快速生成。 2、实现过程 2.1 html页面(index.html) <!DOCTYPE html> <html lang="en"> <head>…
在通过Ajax处理请求时,可能会遇到需要下载文件的情况,这里简要的说明下处理方法。 let downloadFile = document.getElementById("downloadImportInfo"); let fileUrl = "D:/test.xlsx"; // ajax获取到的文件地址 d…
1、前言 在前端通过ajax请求数据后,可以通过bootstrap实现分页。由于bootstrap只提供分页的按钮的样式。数据分页我们需要实现页码跳转,上一页下一页,数据过多显示省略号,点击省略号能快速切换到其他页的数据。 2、实现过程 <!DOCTYPE html> <html lang="en"> &…