React hooks子组件暴露方法示例 说明 通常情况下，React 子组件使用父组件的方法或值通过props传递，反过来，父组件如果需要子组件的方法就需要子组件将自己的方法暴露出去。以下是一个实例： User.tsx import React, { FC, useEffect, useState, useRef } from 'reac 2024-02-01 前端 141 如诗
JavaScript实现右键菜单 1、代码实现 window.onload = function () { (function () { // 自定义右键菜单内容并插入到body最后一个节点前 let dom = ` <div id="rightMenuBars"> <div cl 2023-11-22 前端 122 如诗
React将数据转化成树形结构 1、React将数据转化成树形结构 // 初始数据 let result = [ { parentId: null, id: 1, name: "书籍", count: 100 }, { parentId: 1, id: 2, name: "西游记", count: 50 }, { p 2023-07-03 前端 91 如诗
js比较前后两个数组对象的差异 比较前后两个数组对象的差异 js比较前后两个数组对象的差异，比如是添加了什么数据或者删除了什么数据。 // 两个数组对象中有相同的键如 id // 其中, oldData为初始数据, newData为当前数据 const getChangeData = (oldData, newData) => { 2023-03-07 前端 66 如诗
react antd 实现图片自定义预览 功能需求 有这样一个需求，用户点击文字或者按钮，会弹出图片的预览界面，要求图片可旋转，可缩放以及可下载。由于antd组件的Image的预览窗口不包含图片下载的功能，所以这里通过modal对img添加预览模块。 实现过程 代码如下： import React from 'react'; import 2023-02-10 前端 147 如诗
react antd select组件添加全选功能 1、需求 最近遇到一个需求，一张表格中需要有个下拉框，antd官网中有相应的Select组件，但是由于数据比较多，用户需要一个全选的需求。即点击全选下拉框数据全部选中，再次点击取消全选即选中的数据清空。然后数据一条一条点击完后全选框会被选中，反之不会被选中。 2、实现代码 import React 2023-01-04 前端 98 如诗
React 函数组件 React 函数组件 1、定义方式 React 函数组件是指使用函数方法定义的组件。 定义方式：与函数的定义方式相同，需要将内容 return 出来，需要注意的是最外层只有一个标签或者使用<></>(Fragment 标签)包裹起来，方法写在 return 前面。 const App = () => 2022-11-03 前端 75 如诗
React 中的常用方法 React 中的常用方法 1、合并数组 // 合并数组并去重 mergeArray = (arr1, arr2) => { return Array.from(new Set([...arr1, ...arr2])); }; 2、合并数组对象 // 合并具有相同属性的对象 mergeObjec 2022-10-24 前端 41 如诗
正则表达式表示整数、负数和小数 let str = "-10%[-12%,15%]" // let str = "10%[12%,]" // let str = "10%[,32%]"; // let str = "[10%,32%]"; // let str = "[,-12%]" let arr = str.match(/-? 2022-07-28 前端 40 如诗
前端常见问题 1、说一说cookie sessionStorage localStorage 区别？ 共同点都是存储在浏览器本地的，都遵循同源原则（sessionStorage还必须是同一个页面） cookie是由服务端写入的，后两者是前端写入的。 cookie的生命周期是服务端设置好的，sessionStora 2022-06-21 前端 44 如诗