钩子 特性react hooks
rhel/centos 8新特性
rhel 7的主要新特性参见https://www.cnblogs.com/zhjh256/p/6675315.html。 8和7比又有不少新特性和废弃的特性。如下： /etc/inittab废弃 查看防火墙 systemctl status firewalld.service nftables代替 ......
生命周期钩子
onBeforeMount() 注册一个钩子，在组件被挂载之前被调用。 详细信息 当这个钩子被调用时，组件已经完成了其响应式状态的设置，但还没有创建 DOM 节点。它即将首次执行 DOM 渲染过程。 这个钩子在服务器端渲染期间不会被调用。 onMounted() 注册一个回调函数，在组件挂载完成 ......
day29 Promtail高级特性及场景案例 （9.10）
9.10-1-Promtail高级特性及场景案例(1) 一、如何评价一款“好”的日志收集解决方案 首先，优秀的日志收集解决方案应该能够 适配 各种 复杂 的场景。其次，功能的 全面性 也是一个重要的考虑因素。如：具备日志过滤、转换、增强和处理等丰富功能。此外，易用性 也是一个关键因素。用户能够轻松配 ......
前端javascript高级-语言特性
js高级-语言特性-1 第0章 课程回顾 0.1 JS语法基础-复习 变量：变量的声明及命名规则 数据类型：数值、字符串、布尔、undefined、null、对象 运算符：+ - * \ == != < > ?: && || 流程控制结构： if else 、 switch case 、while ......
JDK版本特性
JDK 17是一个长期支持（LTS）版本，它引入了一些新的特性和改进，以下是一些主要的更新： 密封类（Sealed Classes）：JDK 17正式引入了密封类和密封接口的特性，这是一种新的编程方式，可以让开发者明确指定哪些其他类或接口可以继承或实现它们。这样可以更好地控制继承层次结构，提高代码的 ......
day28 基于Loki的日志收集系统-基于Loki特性的场景变现及优化 (9.8-9.9)
9.8-基于Loki的日志收集系统 一、EFK vs LPG 架构和组件 Loki：Loki是一个开源的水平可扩展日志聚合系统，由Promtail、Loki和Grafana组成。 EFK：EFK是一个集成的解决方案，由Elasticsearch、Fluentd和Kibana组成。 存储和查询： Lo ......
面向对象三大特性
面向对象三大特性 面向对象编程有三大特性： 封装、继承、多态 其中最重要的一个特性就是封装。 封装指的就是把数据与功能都整合到一起 除此之外，针对封装到对象或者类中的属性，我们还可以严格控制对它们的访问，分两步实现：隐藏与开放接口 【一】封装 （1）什么是封装 在程序设计中，封装（Encapsula ......
面向对象的三大特性
面向对象的三大特性 面向对象编程有三大特性： 封装、继承、多态 其中最重要的一个特性就是封装。 封装指的就是把数据与功能都整合到一起 听起来是不是很熟悉，没错，我们之前所说的”整合“二字其实就是封装的通俗说法。 除此之外，针对封装到对象或者类中的属性，我们还可以严格控制对它们的访问，分两步实现：隐藏 ......
1.1 - python特性以及 from、import 关键字
Python是一门弱类型语言，执行时不会生成.class字节码文件。Python源文件在执行的时候，解释器会逐行 编译+解释 python源代码，是半编译的解释型语言。 程序中使用 import 导入【模块】或【库】或【包】时，会首先执行一遍导入的内容。 import 和 from import 的 ......
React Native 打包 App 发布 iOS 及加固混淆过程
React Native 打包 App 发布 iOS 及加固混淆过程 摘要 本文将介绍如何使用 React Native 打包并发布 iOS 应用到 App Store，并介绍了如何进行应用的加固和混淆过程。 引言 发布 iOS 应用到 App Store 是一个相对复杂的过程，需要使用 Mac 电 ......
值得选择的CRM客户管理系统，通常有这四个特性
CRM管理系统一直被视为企业增长和客户管理的支柱。从管理互动到培育潜在客户，CRM毫无疑问地彻底改变了企业与客户互动的方式。但是，在如今多变的市场环境下，这类通用化的CRM系统愈来愈无法满足具体需求。随着企业发展和演化，其具体需求和多元性已超出标准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 ......
python面向对象三大特性之封装
python面向对象三大特性之封装 【一】什么是封装 封装就是对具体对象的一种抽象 简单理解就是将不想让别人看到的东西全部藏起来 【二】为什么要封装 有些敏感数据，我们不想让其他的用户或者开发者看到 所以我们就会选择进行封装也就是隐藏这部分不想被别人看到的内容 【三】如何封装 class Perso ......
键盘钩子在64位系统中运行
using Newtonsoft.Json; using System; using System.Collections.Generic; using System.ComponentModel; using System.Diagnostics; using System.Linq; using ......
公共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 思想心得，故相关代码可能不适 ......
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 模式权重比 ......
网站优化之开启tomcat的gzip压缩传输特性
基于tomcat 8.0.x版本的文档，可以了解到tomcat支持基于gzip实现的压缩返回数据的特性。 配置方法 最简单的配置样例如下： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPor ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
react打包优化，使用cdn加载第三方库，cdn加速网页
1、安装 pnpm install html-webpack-externals-plugin customize-cra react-app-rewired 2、在项目根目录下新建config-overrides.js文件,package.json中改为react-app-rewired 启动和打 ......
React函数式组件避免无用渲染的方案
在class组件中可以使用shouldComponentUpdate钩子函数，但是函数式组件中是没有这种钩子函数的，那么在函数式组件中来达到类似的效果呢? 答案是：React.Memo,如以下使用案例： // 父组件 const [values, setValues] = useState({ a: ......
react 将项目打包成一个js文件，并且使用 Radio Canada 字体
https://fonts.google.com/?stroke=Sans+Serif&preview.text=AI%20Assistance%20Experience&query=Noto+Sans 下载字体 放到项目中 再index.ts 中引入 import ttf from "./asse ......