高阶 组件react个人
2023年秋季个人阅读计划
10月：《软件工程：方法与实践》读后感分别于10月5日、10月15日、10月20日发布 11月：《构建之法 现代软件工程》读后感分别于11月6日、11月14日、11月24日发布 12月：《人件》读后感分别于12月4日、12月8日、12月13日发布 ......
一个适用于定制个性化界面的WPF UI组件库
前言 今天给大家推荐一个能让你用最少的代码来实现期望的UI效果，适用于定制个性化界面的WPF UI组件库：Panuon.WPF.UI。 官方组件库介绍 Panuon.WPF.UI 是一个适用于定制个性化UI界面的组件库。它能帮助你快速完成样式和控件的UI设计，而不必深入了解WPF的 ControlT ......
2023 年听歌年终总结 + 个人排名
随着圣诞歌曲逐渐在榜单上露面，伴着驯鹿踏雪而来的声音和隐约的牛蹄声，这一年的听歌时间也宣告结束啦。 Billboard 年榜也释出了，首先当然要恭喜 Morgan Wallen 拿下年冠+九张单曲进年榜的无争议碾压。但有些我很喜欢的单曲和专辑没有在榜单上展现自己的实力（比如说扎克布莱恩的心绞痛幻觉长 ......
实验三-电子公文传输系统1-个人贡献
实验三-电子公文传输系统1-个人贡献 1 简述你完成的工作 身为组长，组织组员相互配合，合理高效完成任务。 参与组内文档的撰写工作。 参与后端设计的代码编写以及前端设计的代码编写 2 你们小组总共的代码行数，你贡献的代码行数？相关代码链接？ 总共代码行数为55352行，其中大部分是gitee上的代码 ......
电子公文传输系统-个人贡献
个人完成的工作 博客的撰写与信息的汇总 后端程序代码的编写 PutinStorage.java import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import j ......
React 之 react-router-dom
1、项目初始化 创建项目 npx create-react-app react-router 安装 react-router-dom npm i react-router-dom 2、快速体验 index.js import React from 'react'; import ReactDOM f ......
【UniApp】-uni-app-修改组件主题和样式
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-扩展组件 那么了解完了uni-app-扩展组件之后，这篇文章来给大家介绍一下 uni-app-修改组件主题和样式 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目，因为本文要修改组件主题和样式，所以这次创建项目选 ......
PolarCTF-2023冬季个人挑战赛 WP
Crypto 数星星 题目 小明暗恋小红很久了，终于在一个月黑风高的夜晚，决定约她出去数星星。小明数着数着，数出了一串数字，3，6，10，12，15，他觉得这是爱情的关键，思考了整整一晚上，小红很生气，给了他一巴掌。小明觉得就是这串数字让他失去了爱情，你还等什么呢，快来一起数数吧！ 得到的结果md5 ......
Vue源码学习(十八):实现组件注册(一)Vue.component()和Vue.extend()
好家伙, 0.完整代码已开源 https://github.com/Fattiger4399/analytic-vue.git 1.思路 1.1.什么是组件化? Vue 组件化是指将复杂的应用程序拆分成多个独立的、可复用的组件，这些组件可以实现特定的功能或局部功能。组件化有助于提高开发效率、方便重复 ......
【UniApp】-uni-app-扩展组件
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-内置组件 那么了解完了uni-app-内置组件之后，这篇文章来给大家介绍一下 UniApp 中的扩展组件 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 AppId，直接去之前的 ......
个人工作总结书写方法
临时起意，写着一篇文章，想到哪里写到哪里，后期维护看契机。 公司 工作几年、混迹几个公司、分别什么性质、怎么进的（校招、社招、内推），为什么离开的 公司性质，主营反向 技术 公司使用的项目，有哪些技术，语言，遇到的难题以及怎么解决的 要点 目标回顾：回顾你设定的目标和工作任务。列出最初的目标，并评估 ......
记 redux react-redux 使用
1、项目准备 创建项目 npx create-react-app 项目名称 安装 redux npm install --save redux 安装 react-redux npm install --save react-redux 2、示例: Todo 列表 入口文件 index.js impo ......
记 react-redux redux-toolkit
1、安装 npm install @reduxjs/toolkit react-redux 2、使用 2.1 创建一个 Redux Store app/store.js import { configureStore } from '@reduxjs/toolkit' export const st ......
飞书网页端云文档组件
开始使用 文档地址：https://open.feishu.cn/document/common-capabilities/web-components/uYDO3YjL2gzN24iN3cjN/introduction 特点 云文档生成独立页面，支持将文档嵌入到任意 Web 页面中，实现零代码搭建 ......
【UniApp】-uni-app-内置组件
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-全局数据和局部数据 那么了解完了uni-app-全局数据和局部数据之后，这篇文章来给大家介绍一下 UniApp 中内置组件 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 App ......
React diff 算法详解
代码参照 React 16.13.1 什么是 Diff 在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的this.render方法返回值，或者FunctionComponent执行的返回值）进行比较。根据 ......
Qt给自定义组件的子组件设置回调函数
一、概述 Qt的界面不管是用纯的代码编写，还是用可视化界面编写，其友好度相对来说是比较差的。所以一有空就定义一些小的组件供后续使用时一个好的习惯。 这不，活来了。 需求：借助QSlider、QLineEdit、QPushButton、QLabel定义一些常用的小组件。效果图如下。ps：其中红框，框出 ......
React 组件生命周期
求上进的人，不要总想着靠谁，人都是自私的，自己才是最靠得住的人。 React 中生命周期划时代几个节点，React 16.2 之前处于老的生命周期，之后提出了新的生命周期。而函数式组件在 React 16.8 之前是没有状态和生命周期的，在 React 16.8 版本通过引入 Hooks 使得函数式 ......
当创建statefulset资源后，k8s组件如何协作
StatefulSet工作负载之间使用Headless Service来定义Pod网路标识，生成可解析的DNS域名名称记录，用于同一StatefulSet工作负载彼此Pod之间的通信。 ......
实现个人微信机器人的开发
简要描述： 修改好友备注 请求URL： http://域名地址/modifyRemark 请求方式： POST 请求头Headers： Content-Type：application/json Authorization：login接口返回 参数： 参数名必选类型说明 wId 是 string 登 ......
20 个最佳 Tailwind CSS 组件库
Tailwind 是一个实用程序优先的 CSS 框架，提供了一整套预先设计的样式和组件，使您可以轻松创建令人惊叹的 UI，而无需自定义 CSS。 然而，即使拥有 Tailwind 大量的预先设计的样式，从头开始构建网站或应用程序仍然是一项艰巨的任务。这就是 Tailwind 组件库派上用场的地方。在 ......
el-collapse 组件回车键会触发显隐,如何去掉回车出发显隐
el-collapse 组件回车键会触发显隐(第一次手动触发后) 因为change方法原因 可以把事件放到title插槽上面 <template> <div class="coordination-communication"> <el-collapse v-model="activeNames" ......
ACPM高效C++组件管理让音视频终端SDK性能更好、稳定性更高
本专栏将分享阿里云视频云MediaBox系列技术文章，深度剖析音视频开发利器的技术架构、技术性能、开发能效和最佳实践，一起开启音视频的开发之旅。本文为MediaBox技术架构篇，重点从 ACPM介绍、技术架构以及高效管理等方面，介绍如何通过MediaBox ACPM的高效组件管理，来提升音视频终端S ......
界面控件DevExpress中文教程 - 如何用Office File API组件填充PDF表单
DevExpress Office File API是一个专为C#, VB.NET 和 ASP.NET等开发人员提供的非可视化.NET库。有了这个库，不用安装Microsoft Office，就可以完全自动处理Excel、Word等文档。开发人员使用一个非常易于操作的API就可以生成XLS, XLS ......
OpenTiny Vue 3.12.0 发布：文档大优化！增加水印和二维码两个新组件
TinyVue 3.12.0 主要更新：全面优化 54 个高频组件的 Demo / API 文档，让文档更加清晰易懂、符合预期；Watermark 水印组件；QrCode 二维码组件。 ......
react antd table react-sortable-hoc DraggableBodyRow 拖拽及禁用指定行拖拽
原文地址：基于antd树形表格table的拖拽排序效果实现 - 掘金 (juejin.cn)思路片段： const DraggableBodyRow: React.FC<any> = ({ className, style, ...restProps }) => { const index = cu ......
antd Pro组件ProFormList实现自定义action
antd Pro组件ProFormList实现自定义action ProFormList是ant design pro的结构化数据组件，通常用来实现动态表单。 现在有个需求，除了组件自带的删除和复制，还需要增加两个按钮来实现每个item位置的上下移动，如图所示： 查看官方文档，组件有提供自定义act ......
react 僵尸孩子问题
React Zombie Child 是指在 React 组件中的一个常见问题。当一个父组件被销毁时，它的子组件可能仍然存在于内存中，这些子组件被称为“僵尸子组件”。 这种情况通常发生在异步操作中，例如在父组件中发起了一个异步请求，而在请求完成之前，父组件被销毁了。但是，由于异步请求的回调函数仍然存 ......
隐藏组件，但保留 ref
需求 背景 已知：二次封装 el-upload 为 Import 导入组件，点击 A 或 B，都弹出文件选择框。显示如下图所示： 父组件： 模板代码 <el-col :span="1.5" class="import-btn"> <import ref="importRef" :file-label ......
vue3视频播放器组件vue-video-player
1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......