常用react hooks
3种常用的缓存读写策略详解
3种常用的缓存读写策略详解 1. Cache Aside Pattern（旁路缓存模式） Cache Aside Pattern 是我们平时使用比较多的一个缓存读写模式，比较适合读请求比较多的场景。 Cache Aside Pattern 中服务端需要同时维系 db 和 cache，并且是以 db ......
CRM系统七大常用功能，小型企业选择必看
小企业的成长取决于客户，因此实施有效的CRM管理系统至关重要。曾有数据机构调查发现，每支出1美元用于CRM，您的CRM将带来8、71美元的回报。难怪越来越多的企业实施CRM，因为它带来了高投资回报率。对小企业来说，CRM应该具备客户管理、电子邮件追踪、线索管理、活动管理、移动应用、商机管理、仪表板等 ......
create-react-app react中使用monaco-editor v0.44
在通过create-react-app创建的react应用中使用monaco-editor v0.44 下载包： npm i monaco-editor npm i monaco-editor-webpack-plugin 安装插件： 使用craco自定义webpack配置 npm i craco ......
分布式存储ceph——（4）ceph常用命令
1、查看ceph集群配置信息 1 ceph daemon /var/run/ceph/ceph-mon.$(hostname -s).asok config show 2、在部署节点修改了ceph.conf文件，将新配置推送至全部的ceph节点 1 ceph-deploy --overwrite-c ......
中间件 ZK分布式专题与Dubbo微服务入门 4-1 zookeeper常用命令行操作
0 课程地址 https://coding.imooc.com/lesson/201.html#mid=12698 1 重点关注 1.1 常用命令操作 ./zkCli.sh 启动客户端ls / 查看节点信息ls2 / 查看节点状态信息stat / 查看节点状态信息ls2 = ls+statget / ......
Oracle 常用函数
DECODE 函数 DECODE函数的两个格式 DECODE(条件, 值1, 返回值1, 值2, 返回值2,……,值n, 返回值n, 缺省值)相当于MySQL的 IF ELSEIF语句 DECODE(字段或字段的运算, 值1, 值2, 值3)当字段或字段的运算的值等于1时，该函数返回值2，否则返回值 ......
Python Pandas NumPy NaN和Inf简介及常用操作
NumPy（Numerical Python）是一个用于科学计算的库，它提供了对多维数组（例如矩阵）和一系列数学函数的支持。NumPy 中包含了处理 NaN（Not-a-Number）和 Inf（Infinity）等特殊值的功能。本文主要介绍一下Python Pandas NumPy 中 NaN ......
jq 工具及其常用用法
在处理 JSON 数据时，我们经常需要在命令行中进行过滤、查询和编辑的操作。jq 是一个强大的命令行 JSON 处理工具，它可以让我们轻松地对 JSON 数据进行各种操作。本文将简要介绍 jq 的基本概念和常用功能，并提供一些实际的例子。 一、jq 简介 jq 是一个轻量级且灵活的命令行 JSON ......
常用的内置函数
常用的内置函数 1. 什么是内置函数 内置函数是python提供的，可以直接拿来用的函数 2. 数据类型转换 2.1 数字类型转换 int int 整型(整数) # 转为整数 str_num = "1" print(str_num,type(str_num)) # 1 <class 'str'> # ......
常用的meta标签有哪些
meta标签由name和content属性定义，用来描述网页文档的属性。比如网页的作者，网页的描述，关键词等，除了HTTP标准固定了一些name作为大家使用的共识，开发者还可以自定义name。 常用的meta标签： 1、charset，用来描述HTML文档的编码类型： <meta charset=" ......
公共Hooks封装之表格选择操作useTableRowSelection
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装思考：为什么封装 useTableRowSelection.js 首先， 基于 Hooks（useTableData.js、useQueryParams.js）的封装，作为管理后台表格常见操作的批量删除、批量编辑 ......
公共Hooks封装之文字溢出提示useEllipsisPopper
项目环境 Vue3.x + Ant Design Vue3.x + Vite4.x 业务场景分析 图文内容仅供参考，仅提供文章内所需思考对应的图例 在以上图片中，是管理后台系统中常见的表格内容，因使用的是 Ant Design Vue 框架，根据官方的文档中所示： Column 的 API elli ......
公共Hooks封装之文件下载useDownloadBlob
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装分解：创建 a 标签下载文件 export function createDownload(blob, fileName, fileType) { if (!blob || !fileName || !fileT ......
公共Hooks封装之自定义表格数据列渲染useTableColumns
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装思考：何为自定义表格数据列渲染，其为何种场景服务 根据实际业务场景而来，为避免法律风险，部分截图内容脱敏处理 如下图，当表格内容的列非常多时，正常情况下，我们通常采取的方式是左右两侧的列，即左侧 Key 列和右侧 ......
公共Hooks封装之报表导出useExportExcel
写在前面 对于经常需要开发企业管理后台的前端开发来说，必不可少的需要使用表格对于数据进行操作，在对于现有项目进行代码优化时，封装一些公共的 Hooks. 本篇文章为useExportExcel.js 基于个人项目环境进行封装的 Hooks，仅以本文介绍封装 Hooks 思想心得，故相关代码可能不适用 ......
公共Hooks封装之表格数据useTableData
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装分解：声明变量 import { ref, shallowRef, isRef } from "vue"; const loading = ref(false); // 表格数据UI交互Loading const ......
公共Hooks封装之请求参数useQueryParams
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 此篇内容讲解的是关于公共 Hooks 封装之表格数据 useTableData 中暴露出来与 queryParams 的一些方法，而进行封装的 Hooks，其目的在于减少冗余重复代码的书写。 封装分解：参数定义 co ......
公共Hooks封装之文件下载useDownloadFile
写在前面 对于经常需要开发企业管理后台的前端开发来说，必不可少的需要使用表格对于数据进行操作，在对于现有项目进行代码优化时，封装一些公共的 Hooks. 本篇文章为useDownloadFile.js 基于个人项目环境进行封装的 Hooks，仅以本文介绍封装 Hooks 思想心得，故相关代码可能不适 ......
【Maven】Maven作用、Maven仓库、Maven坐标、Maven常用命令、Maven依赖管理和依赖范围
Maven作用（提供了一套标准化的项目结构；提供了一套标准化的构建流程；提供了一套依赖管理机制）、Maven仓库、Maven坐标、Maven常用命令（IDEA中Maven命令的使用；Maven Helper插件；Maven生命周期）、Maven依赖管理和依赖范围 ......
常用Dos命令
常用Dos命令 #盘符切换 D：#查看当前目录下所有文件 dir#切换目录 cd change directorycd 进入文件cd .. 返回上一级目录cd /d 目录 跨盘切换到其他目录#清理屏幕 cls （clear screen）#退出终端 exit#查看电脑ip ipconfig#打开应用 ......
个人常用配置
vscode相关配置文件 launch.json文件配置 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": " ......
react ant-mobile的input组件，使用ref实现失焦方法
// 设置ref<Input ref={inputRef} placeholder='信息保密，仅用于投保' className='pos-app-phone tkzx-rr-block' clearable type='tel' maxLength='11' onChange={(val) => ......
Vue3自定义一个Hooks，实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
【Amadeus原创】Markdown常用语法
空格 nbsp 为“不换行空格”，全称“No-Break Space”，它是最常见和我们使用最多的空格，它是按下space键产生的空格。 ensp 为“半角空格”，全称是“En Space”。 emsp 为“全角空格”，全称是“Em Space”。 thinsp 为“窄空格”，全称是“Thin Sp ......
中型企业如何应用CRM？CRM管理系统的常用功能有哪些？
酒香也怕巷子深，没有客户的企业哪怕产品再好也没有收益。中型企业培育良好的客户关系至关重要。这正是CRM管理系统发挥作用的地方。CRM系统不仅仅是联系人管理，还提供了一系列强大的功能，可以优化从初始接触到售后参与的整个客户旅程。但是，由于可用的功能众多，想要让CRM发挥全部实力有点“强人所难”。本文详 ......
第二天：常用命令集锦（未完待续）
1、bc ，命令进入计算器 2、obase=2 ，切换到2进制模式，类似也可以用obase=16，即切换到16进制 3、查询计算机位数：getconf LONG_BIT Centos 7开始采用64位 4、查看CPU相关信息：lscpu ，cat /proc/cpuinfo也可以查看到 5、显示操作 ......
【C# 技术】C# 常用排序方式
【C# 技术】C# 常用排序方式 前言 在最近的项目中经常会对C#中的数据进行排序，对于基本数据类型，其排序方式比较简单，只需要调用内置算法即可实现，但对于自定义数据类型以及自定义排序规则的情况实现起来就比较麻烦，所以在本文章中将详细介绍一下在中C#中如何对数据进行排序。 应用技术： LINQ; A ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
Flink的常用算子以及实例（详解）(赞)
Flink的常用算子以及实例（详解）(赞) 友情提示：本次博文所有源码均在下方，点击关注就能下载，免费的 点这里获取配套源码 1. map 特性：接收一个数据，经过处理之后，就返回一个数据 1.1. 源码分析 我们来看看map的源码 map需要接收一个MapFunction<T,R>的对象，其中泛型 ......
react打包优化，使用cdn加载第三方库，cdn加速网页
1、安装 pnpm install html-webpack-externals-plugin customize-cra react-app-rewired 2、在项目根目录下新建config-overrides.js文件,package.json中改为react-app-rewired 启动和打 ......