C# Newtonsoft自定义JsonConverter
在C#中，我们使用Newtonsoft来对JSON对象或字段串进行序列化和反序列化的操作，但在某些场景下，需要在映射过程中需要对属性进行更改。 1、JsonPropertyJsonProperty用于指定特定字段的名称，将一个字段指定为另一个字段，示例如下： 12345678910public class UserInfo{ [JsonProperty("用户名")] public string Name { get; set; } [JsonProperty("年龄")] public string Age { get; set; }}var tom = new UserInfo{Name = 'Tom', Age = 20};var jsonstr = JsonConvert.SerializeObject(tom);var json = JsonConvert.DeserializeObject<Use...
argon主题调整日记
前言 argon主题是一款由solstice23开发的一款简洁美观的WordPress主题，在使用过程中也发现了几个可以优化的点，在查阅主题文档无果后对其进行以下几点修改。 1、使用子主题为了避免修改源文件而引起主题更新后修改丢失的问题，还是尽量使用子主题来进行修改。 在主题文件夹目录下，创建一个文件夹，这里是rushi，打开rushi，创建一个style.css，输入： 123456789/*Theme Name: rushiDescription: child theme for the argon themeAuthor: likepoemsAuthor URI: https://likepoems.comTemplate: argonVersion: 1.0.0*/ Template一定是当前目录下的文件夹的名称。如图： 我这里名称是argon，所以rushi的模板主题就是argon。 如果需要添加自定义方法，就在子主题文件夹下新建functions.php， 里面添加自己的方法即可，如果要覆盖模版主题的...
React hooks子组件暴露方法示例
说明通常情况下，React 子组件使用父组件的方法或值通过props传递，反过来，父组件如果需要子组件的方法就需要子组件将自己的方法暴露出去。以下是一个实例： User.tsx 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768import React, { FC, useEffect, useState, useRef } from 'react';import { Button, Table } from 'antd';import UserEdit, { UserEditRef } from './UserEdit';import { EditFilled } from '@ant-design/icons';int...
JavaScript实现右键菜单
1、代码实现123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182window.onload = function () { (function () ...
React将数据转化成树形结构
1、React将数据转化成树形结构123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263// 初始数据let result = [ { parentId: null, id: 1, name: "书籍", count: 100 }, { parentId: 1, id: 2, name: "西游记", count: 50 }, { parentId: 1, id: 3, name: "红楼梦", count: 10 }, { parentId: 1, id: 4, name: "水浒传", count: 20 }, { parentId: 1, id: 5, name: "三国演义", count: 20 ...
js比较前后两个数组对象的差异
比较前后两个数组对象的差异 js比较前后两个数组对象的差异，比如是添加了什么数据或者删除了什么数据。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758// 两个数组对象中有相同的键如 id// 其中, oldData为初始数据, newData为当前数据const getChangeData = (oldData, newData) => { let delData = oldData.filter( (item2) => !newData.some((item1) => item2?.id === item1?.id) ); let addData = newData.filter( (item2) => !oldData.some((item1) => item2?.id === item1?.id) ); let changeData = ...
react antd 实现图片自定义预览
功能需求 有这样一个需求，用户点击文字或者按钮，会弹出图片的预览界面，要求图片可旋转，可缩放以及可下载。由于antd组件的Image的预览窗口不包含图片下载的功能，所以这里通过modal对img添加预览模块。 实现过程代码如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163...
react antd select组件添加全选功能
1、需求 最近遇到一个需求，一张表格中需要有个下拉框，antd官网中有相应的Select组件，但是由于数据比较多，用户需要一个全选的需求。即点击全选下拉框数据全部选中，再次点击取消全选即选中的数据清空。然后数据一条一条点击完后全选框会被选中，反之不会被选中。 2、实现代码123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990import React from 'react';import 'antd/dist/antd.css';import './index.css';import { Form, Select, Checkbox, Divider } from 'antd';class Dom...
React 函数组件
React 函数组件1、定义方式 React 函数组件是指使用函数方法定义的组件。 定义方式：与函数的定义方式相同，需要将内容 return 出来，需要注意的是最外层只有一个标签或者使用<></>(Fragment 标签)包裹起来，方法写在 return 前面。 12345678910111213const App = () => { const getData = () => { return [1, 2, 3, 4, 5]; }; return ( <> <h1>一级标题</h1> <h2>二级标题</h2> <h2>{getData()}</h2> </> );};export default App; 2、React Hook 由于 React 的函数组件没有生命周期。所以我们使用 Hook 来更改变量和进行数据操作。 在项...
React 中的常用方法
React 中的常用方法1、合并数组1234// 合并数组并去重mergeArray = (arr1, arr2) => { return Array.from(new Set([...arr1, ...arr2]));}; 2、合并数组对象1234567891011// 合并具有相同属性的对象mergeObject = (needObj, neededObj) => { let obj = {}; return needObj.concat(neededObj).reduce((pre, cur) => { if (!obj[cur.id]) { obj[cur.id] = true; pre.push(cur); } return pre; }, []);}; 3、数据格式化12345678910111213141516// 金额千分位formatNumber = (value) => { v...