组件key状态flutter
Response状态码
1、数据是否正常 2、文件是否存在 3、地址自动跳转 4、服务提供错误 注：容错处理识别 •-1xx:指示信息—表示请求已接收，继续处理。 •-2xx:成功—表示请求已经被成功接收、理解、接受。 •-3xx:重定向—要完成请求必须进行更进一步的操作。 •-4xx:客户端错误—请求有语法错误或请求无法 ......
序列化组件
作用： 1. 序列化,序列化器会把模型对象转换成字典,经过response以后变成json字符串 -Book--序列化器 >字典--同过drf:Response--》json格式字符串 >传给前端 2. 反序列化,把客户端发送过来的数据,经过request以后变成字典,序列化器可以把字典转成模型 j ......
Flutter 设置两端对齐
Container( // padding: EdgeInsets.only(left: 20, right: 20), margin: EdgeInsets.only(top: 20, left: 20, right: 20), width: 500, height: 500, decoratio ......
flutter镜像配置
buildscript { ext.kotlin_version = '1.7.10' repositories { maven { url 'https://maven.aliyun.com/repository/public/' } maven { url 'https://maven.aliy ......
配置SSH-Key远程免密访问云服务器和GitHub
之前一直是将这类开发环境配置步骤记录在GitHub的一个repo上，考虑将这类非频繁使用但又偶尔配置一次的事务做成一个repo知识库，但是GitHub经常打不开，访问起来又麻烦，而且修改起来还需要git管理，做一些图文交叉的blog也不方便。所以2024年开始还是在博客园更新吧，也方便随时索引浏览。 ......
Flutter简单的实现Github的2FA认证
一、简单的介绍 OTP（One Time Password）是一种安全措施，用于在用户进行身份验证时增加一层保护。OTP通常是一串随机生成的数字，用于在用户登录过程中作为额外的验证步骤。这些数字通常是临时的，有效期限很短，通常只有几分钟或几秒钟，过了有效期后，该OTP就会失效，需要重新生成。 OTP ......
更适合底层组件封装的的Aop实现
直接上代码 @Slf4j @Configuration(proxyBeanMethods = false) public class AopConfig { @Bean public AopAnnotationPostProcessor aopAnnotationPostProcessor() { ......
C++ Qt开发：Charts与数据库组件联动
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`Charts`组件与`QSql`数据库组件的常用方法及灵活运用。在之前的文章中详细介绍了关于`QCharts`绘... ......
UniApp中实现远程搜索的Select组件
在UniApp中实现远程搜索的Select组件可以通过使用uni-app自带的组件结合网络请求来完成。 首先需要创建一个数据源列表，该列表包含了所有可选项的值和显示文本。然后，当输入内容发生变化时，向服务器发送请求获取符合条件的选项列表。最后将返回的选项列表展示到Picker组件上供用户进行选择。 ......
Vue2入门之超详细教程十三-key的作用与原理
Vue2入门之超详细教程十三-key的作用与原理 1、简介 React、Vue中的key有什么作用？ 1.虚拟DOM中key的作用： key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据[新数据]生成[新的虚拟DOM]，随后Vue进行[新虚拟DOM]的差异比较，比较规则如下： ......
Linux核心组件（CPU，内存，磁盘，网络，进程）
一、CPU 不同组件，每秒的运算、读写次数 命令集：lscpu+top/htop/uptime+mpstat+sar # 查看CPU静态信息 cat /proc/cpuinfo # 查看CPU统计信息 lscpu uptime Load Average(平均负载)：就是一段时间内（1分钟、5分钟、1 ......
flutter Row嵌套TextField出错
flutter开发中遇到需求需要Row嵌套TextField，运行后发现代码报错： child: Row( children: [ TextField( decoration: InputDecoration( hintText: "名称" ), ) ], ), 错误码太多了，这里就不贴出来了。 c ......
vue---v-modle实现字符组件通信
子父组件在做数据传值和通信中，通常都是父组件通过【:props】进行数据的传递，通常用于父组件通过传递不同的参数，改变子组件。 但是经常会遇到这样的场景： 需要父子组件进行数据通信，实现双向数据绑定，可以利用 v-modle 实现父子组件数据交互通信。 父组件： <template> <div> < ......
VTK 标注类组件 vtkCaptionWidget
vtkCaptionWidget:用一个带线框及箭头的文本信息来标注某一对象； 在可视化程序中，经常会对某个对象做一些标注说明； 如下图所所示 #include <vtkActor.h> // #include <vtkCallbackCommand.h> #include <vtkCamera.h ......
for in 和 Object.keys()的区别
for in 和 Object.keys() 都能遍历对象的属性名，但是他们有什么区别呢？ 我们先看示例：定义了一个 obj 对象，同时在对象的原型链上添加了一个新属性 sex，对obj分别使用这两种方法有何不同？ 可以看到 Object.keys() 对obj对象做了遍历操作 返回了一个数组，且数 ......
饿了么组件上传图片 element-ui upload Cannot set property ‘status‘ of null错误解决方案
element-ui upload Cannot set property ‘status‘ of null错误解决方案：https://blog.csdn.net/a1455990364/article/details/109227132?spm=1001.2101.3001.6650.8&utm ......
springcloud五大组件之---Nacos
SpringCloud五大组件之Nacos 一、Nacos是什么？ 阿里的一个开源产品，是针对微服务架构中的服务发现、配置管理、服务治理的综合型解决方案。（用来实现配置中心和服务注册中心）； 二、Nacos的四大功能 1.服务发现和服务健康监测（使服务更容易注册，并通过DNS或HTTP接口发现其他服 ......
DevExpress WPF Windows 10 UI组件，轻松构建触摸优先的业务型应用UX！（二）
DevExpress WPF的Windows 10 UI组件包含了一系列应用导航组件、Toast通知、对话框组件等，能帮助用户轻松开发漂亮的业务型应用程序，并模仿触摸优先的Windows 10 Pro UX。在上文中（点击这里回顾>>）我们为大家介绍了一些磁贴工具栏、导航框架等，本文将继续介绍浮动的 ......
开启Android学习之旅-2-架构组件实现数据列表及添加(kotlin)
Android Jetpack 体验-官方codelab 1. 实现功能 使用 Jetpack 架构组件 Room、ViewModel 和 LiveData 设计应用； 从sqlite获取、保存、删除数据； sqlite数据预填充功能； 使用 RecyclerView 展示数据列表； 2. 使用架构 ......
Flutter定时器
代码 const timeout = Duration(seconds: 3); var t=Timer.periodic(timeout, (timer) { print('afterTimer='+DateTime.now().toString());); // timer.cancel(); ......
Flutter PageView（轮动图）
Flutter中的轮动图以及抖音上下滑页切换视频功能等等，这些都可以通过 PageView 轻松实现 PageView常见属性： PageView 的使用 class MyPage extends StatefulWidget { const MyPage({super.key}); @overri ......
day27 初识日志收集组件Fluentd-日志收集组件Fluentd高级配置 （9.6-9.7）
9.6-1-日志收集组件Fluentd高级配置(1) 一、配置文件 在 Fluentd 的配置文件中，有几个常用的关键字和组件，包括 source 、 match 、filter 、 system 、 label 和 @include 。 source ：用于定义 Fluentd 接收数据的来源。 ......
day26 海量数据下的EFK架构优化升级-初识日志收集组件Fluentd （9.4-9.5）
9.4-1-海量数据下的EFK架构优化升级(1) 一、数据背景 在海量数据场景下，日志管理和分析是一项重要任务。为了解决这个问题，EFK 架构（Elasticsearch + Fluentd + Kibana）已经成为流行的选择。然而，随着数据规模的增加，传统的 EFK 架构可能面临性能瓶颈和可用性 ......
For循环结束后才会执行onAreaChange组件区域变化事件？？
一开始利用WaterFlow容器写了个瀑布流，无奈瀑布流的滚动条和页面Scroll滚动冲突，于是乎想自己是实现一个瀑布流效果 思路大致如下： 1，分成两列，（两个Column），不给固定高度，让子元素自行把父容器撑大 2，每次添加数据时，找到相比较当前的2个容器高度‘矮’的那一个，(Height小的 ......
vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）
效果（CV 即用） 1.安装引入 vue-cropper（官网）官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
一个公共的swiper组件，swiper版本是3.4.2
import { getBannerList } from "@/utils/request/banner";import Swiper from "swiper";import {WOW} from "wowjs";export default { data() { return { banner ......
flutter BLoC框架
BLoC（Business Logic Component）是一种在Flutter中用于管理状态和处理业务逻辑的设计模式和架构模式。 BLoC 的核心思想是将应用程序的状态、业务逻辑和UI分离开来，以实现单向数据流。 主要组件组成： Business Logic（业务逻辑）： BLoC 本质上是一个 ......
el-upload上传组件
使用el-upload上传文件 <template> <div> <el-upload action="/upload" :on-success="handleSuccess" :on-error="handleError" :before-upload="beforeUpload" > <el-b ......
react ant-mobile的input组件，使用ref实现失焦方法
// 设置ref<Input ref={inputRef} placeholder='信息保密，仅用于投保' className='pos-app-phone tkzx-rr-block' clearable type='tel' maxLength='11' onChange={(val) => ......