reactive状态ref
初识vue3-setup语法糖，ref和reactive语法，computde计算属性，watch开启监听
vue3和vue2的区别 1，vue3首次渲染更快（Vue3在编译和渲染性能上有了很大的提升，主要是因为使用了Proxy代理和优化算法，使得组件可以更快的渲染） 2，diff算法更快 3，内存占用体积变得更小 4，打包体积变得更小 5，更好的ts支持（这里不是因为vue3是ts写的，所以更加支持ts ......
$refs能获取到，但是里面的内容获取不到
一、使用this.$refs 获取的组件使用了组件懒加载<Scroll ref="scrollTop"></Scroll> components: { Scroll: () => import("@/components/scroll"), }, 分析：使用ES6懒加载的这种方式引入该组件，会将多个 ......
out 和 ref 的理解
out 和 ref在c#的底层经常可以看到用到 out 和 ref 这两个关键字 但是之前没做深入了解，只是看了一下他怎么用 之前理解到：（这只是out和ref的区别）ref和out是成对使用的，形参和实参前面都需要添加的使用ref传递参数的时候，ref修饰的参数必须要有值，但是out可以使用一个未 ......
vue3报错 Vue received a Component which was made a reactive object.
报错信息如下： Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking ......
[FastAPI-21]响应状态码
from fastapi import FastAPI,status from pydantic import BaseModel app = FastAPI() ''' 响应状态代码 status ''' class User(BaseModel): username : str password ......
el-tree 设置选项框选中状态，通过setCheckedKeys设置，会导致父选项框选中，子选项框也跟着选中问题
// 获取角色详情 const res = await selectRoleDetail({ roleId: this.$route.params.id }) // 详情时，处理选择框状态 this.$nextTick(() => { console.log(res.data.menuIdDtos, ......
一统天下 flutter - widget Chip 类: InputChip - Chip 双状态按钮（选中时有对钩，文字右边有删除按钮）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget Chip 类: InputChip - Chip 双状态按钮（选中时有对钩，文字右边有删除按钮） 示例如下: lib\widge ......
一统天下 flutter - widget Chip 类: ChoiceChip - Chip 双状态按钮
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget Chip 类: ChoiceChip - Chip 双状态按钮 示例如下: lib\widget\chip\choice_chi ......
一统天下 flutter - widget Chip 类: FilterChip - Chip 双状态按钮（选中时有对钩）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget Chip 类: FilterChip - Chip 双状态按钮（选中时有对钩） 示例如下: lib\widget\chip\fi ......
Socket各种状态
Socket各种状态 socket一种有11种状态 通用 （1）CLOSED （2）ESTABLISHED 客户端特有的 （1）SYN_SENT （2）FIN_WAIT1 （3）FIN_WAIT2 （4）CLOSING （5）TIME_WAIT 服务器特有的 （1）LISTEN （2）SYN_REC ......
状态机
状态机是一种用于描述系统状态和状态之间转移关系的模型。在状态机中，系统状态被表示为一个节点，状态之间的转移关系被表示为节点之间的边。状态机可以用于描述各种系统，例如计算机程序、电路、自动控制系统等等。 状态机可以分为两种类型：有限状态机和无限状态机。有限状态机是指状态机的状态数量是有限的，而无限状态 ......
React的组件通信与状态管理
目录 1. 组件通讯-概念 1.组件的特点 2.知道组件通讯意义 总结： 2. 组件通讯-props 基本使用 1.传递数据和接收数据的过程 2.函数组件使用 props 3.类组件使用 props 总结： 3. 组件通讯-props 注意事项 1.知道什么是单向数据流？ 2.props 可以传递什 ......
清理 lsof 中 deleted 状态的文件
磁盘空间一直超80%，du与df结果不一致，找不到相应文件的情况。通常这种情况都是文件被删除，但是还被进程占用 1、lsof | grep deleted #找到未能删除掉的文件，确定占用的进程号； 2、ll /proc/$PID/fd |grep $文件名 #找到相应文件句柄； 3、echo > ......
React学习笔记（四）—— 组件通信与状态管理、Hooks、Redux、Mobe
react管理状态的工具： 1、利用hooks进行状态管理； 2、利用Redux进行状态管理，这种方式的配套工具比较齐全，可以自定义各种中间件； 3、利用Mobx进行状态管理，它通过透明的函数响应式编程使得状态管理变得简单和可扩展。 2013 年 5 月 React 诞生。但 2015 年之前，大概 ......
一统天下 flutter - widget 状态管理: 状态管理 - ChangeNotifier（多 Widget 之间的多数据的状态管理）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 状态管理: 状态管理 - ChangeNotifier（多 Widget 之间的多数据的状态管理） 示例如下: lib\stat ......
一统天下 flutter - widget 状态管理: 状态管理 - ValueNotifier（多 Widget 之间的单值的状态管理）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 状态管理: 状态管理 - ValueNotifier（多 Widget 之间的单值的状态管理） 示例如下: lib\state\ ......
一统天下 flutter - widget 状态管理: 状态管理 - InheritedWidget（在树上，父共享数据后，任意子可获取此数据）
一统天下 flutter - widget 状态管理: 状态管理 - InheritedWidget（在树上，父共享数据后，任意子可获取此数据） ......
说说最近的感想和生活状态吧
今天忽然想写一下最近的生活，涉及特别隐私的不便分享的就不写了，见谅。 最近在做一个断舍离，想想自己毕业工作接近五年，今年是第五年，发现自己的成长其实有限，于是就有所反思，反思自己过去的经历和行为。 年近28，存款几近于无，说起存款唯一能让我欣慰就是公积金了，在这方面不可否认的是过去我没有存钱的习惯， ......
HTTP状态管理Cookie与Session
HTTP状态管理Cookie与Session Cookie Cookie实际上是一小段的文本信息。客户端请求服务器，如果服务器需要记录该用户状态，就向客户端浏览器颁发一个Cookie 客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器。 ......
HTTP请求方法剖析、HTTP响应状态码拆解
HTTP请求方法剖析 常用方法： GET获取资源 GET方法用来请求访问已被URI识别的资源 指定的资源经服务器端解析后返回响应内容 同时，浏览器对于提交URL的长度也有所限制 POST POST方法与GET功能类似，一般用来传输实体的主体 POST方法的主要目的不是获取响应的主体的内容 PUT 从 ......
Vue3学习笔记 —— 状态管理、Vuex、Pinia （未完结）
优秀文章分享：vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理？ 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例： <!-- 视图 --> <template>{{ count }}</t ......
Linux服务器编写Shell脚本定时监控Java应用状态以及掉线后的自动重启
1. 编写Shell脚本 #! /bin/sh export JAVA_HOME=/root/jdk1.8.0_361 export CLASSPATH=.:CLASSPATH:$JAVA_HOME/lib/ export PATH=$PATH:$JAVA_HOME/bin proc_name=we ......
小程序checkbox单独监听状态改变
小程序中的checkbox中监听change要和checkbox-group放在一起，然后在checkbox-group上监听change事件，但是这样太麻烦了，特别时对于只有一个checkbox的时候，我们可以监听tap事件，然后手动判断 <checkbox checked="{{ agree } ......
this.$nextTick无法获取到this.refs.xxx问题的解决
在做一个打印预览的功能时要通过循环添加要打印的二维码来预览 使用this.$nextTick无法获取更新后的dom，并且二维码在循环后生成也没有生成，因为先循环数组生成二维码的容器，然后再生成二维码。二维码容器的dom在循环后使用this.$nextTic没有获取到，所有二维码自然也生成不了。 最终 ......
建模电梯的状态图
要画出电梯的状态转换图（状态图），需要先定义电梯的状态。在blog.csdn.net中，作者提到电梯有三种状态：静止、向上、向下。因此，我们可以将电梯的状态定义为： 静止 上升 下降 接下来，我们可以根据电梯的状态，画出状态转换图。在状态转换图中，状态用圆形表示，转换用箭头表示。下面是一个简单的状态 ......
[深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值。 如果将对象分配为 ref 值，则它将被 reactive 函数处理为深层的响应式对象。 template 内使用 ref 对象，会自动解包。 <template> <d ......
无状态服务与有状态服务
无状态服务（Stateless Service）是指不依赖于任何特定的状态或数据存储的应用程序服务。每个请求都是独立的，应用程序无法分辨出重复的请求。因此，无状态服务可以在不同的服务器之间轻松地进行水平扩展，以处理更多的请求并提高可用性。 有状态服务（Stateful Service）是指依赖于特定 ......
一统天下 flutter - widget 架构类: Scaffold 的 TabBar - 选项卡（自定义 TabController，通过程序切换选项卡，以及如何保持每个 Tab 对应的内容的状态）
一统天下 flutter - widget 架构类: Scaffold 的 TabBar - 选项卡（自定义 TabController，通过程序切换选项卡，以及如何保持每个 Tab 对应的内容的状态） ......
一统天下 flutter - UI: 状态栏
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - UI: 状态栏 示例如下: lib\ui\status_bar.dart /* * 状态栏 */ import 'package:flutte ......
一统天下 flutter - widget 基础: StatefulWidget - 有状态 widget
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 基础: StatefulWidget - 有状态 widget 示例如下: lib\widget\basic\stateful_ ......