XiaoGuangWen的博客

原创 v-model 配合 computed对表单进行封装

【代码】v-model 配合 computed对表单进行封装。

原创 React & TS

useState && TS props && TS

原创 Zustand的用法

npm install zustand #或yarn添加zustand或PNPM添加zustand。

原创 react-redux

npm i redux redux-devtools-extension redux-thunk ( _ 、redux开发工具、异步action)

原创 LLB4 React Hooks – 性能优化相关的 Hooks

内容纲要版权归作者 ©刘龙宾 所有，本文章未经作者允许，禁止私自转载！

原创 LLB3 React Hooks – useReducer & useContext

<button>修改 name 的值</button><Son1 /><Son2 /></div>

原创 LLB2_React Hooks – useEffect & useLayoutEffect

函数的副作用就是函数除了返回值外对外界环境造成的其它影响，即与组件渲染无关的操作。例如获取数据修改全局变量更新 DOM等。useEffect 是 React 中的 hooks API。通过 useEffect 可以执行一些副作用操作，例如：请求数据、事件监听等。其中，第一个参数fn是一个副作用函数，该函数会在每次渲染完成之后被调用。第二个参数是可选的依赖项数组，这个数组中的每一项内容都会被用来进行渲染前后的对比。当依赖项发生变化时，会重新执行 fn 副作用函数。

原创 LLB1 React Hooks – useState & useRef & useImperativeHandle

1配置@在vite.config.ts在tsconfig.jsonappuseState。

原创 java知识4

③ 如果我们直接 System.out.println(对象)，默认会自动调用这个对象的 toString() 因为 Java 的引用数据类型的变量中存储的实际上时对象的内存地址， 但是 Java 对程序员隐藏内存地址信息，所以不能直接将内存地址显示 出来，所以当你打印对象时，JVM 帮你调用了对象的 toString()。① 默认情况下，toString()返回的是“对象的运行时类型 @ 对象的 hashCode 值 的十六进制形式"通常情况下，重写 equals 方法，会比较类中的相应属性是否都相等。

原创 java知识（2数组）

数组的复制：int[] copyOf(int[] original, int newLength)比较两个数组是否相等：boolean equals(int[] a, int[] a2)填充数组：fill(int[] a, int val)数组元素拼接：toString(int[] a)如果存在返回 第一次找到的下标，不存在返回负数。//推荐 元素的数据类型[] 一维数组的名称;//不推荐 元素的数据类型 一维数组名[];数组排序：sort(int[] a)Arrayss 工具类的使用。

原创 java知识（1）

/()中的数据类型必须<=变量值 的数据类型。整数类型：byte（1字节 = 8bit）、short（2字节）、int（4字节）、long（8字节）（2）当存储范围小的数据类型与存储范围大的数据类型变量一起混合运算时， 会按照其中最大的类型运算。（1）当把存储范围小的值（常量值、变量的值、表达式计算的结果值）赋值给 了存储范围大的变量时。负数的反码：在原码的基础上，最高位不变，其余位取反（0 变 1,1 变 0）

原创 vue动态路由

登录逻辑中调用 和app的create中调用 initDynamicRoutes() // 动态添加。登录成功保存一下信息（根据返回的权限信息渲染侧边栏）根据路由上的meta信息 在对应的按钮上如下。是否权限路由（动态路由）

原创 请求参数类型

Authorization string 必需 Bearer token值, 示例: Bearer c250a975-f950-448d-a24e-772d2e9cbf0a。Authorization string 必需 Bearer token值, 示例: Bearer c250a975-f950-448d-a24e-772d2e9cbf0a。timestamp string 必需 注意1: (默认传系统时间戳) 注意2: 此值需要上一次网络请求里pre_timestamp的值, 用于请求下一段数据。

原创 项目知识--部分逻辑

3. 添加启动命令 "server": "json-server ./server/data.json --port 8888"2. 路径联想配置（VsCode），VsCode 在输入 @/ 时，自动联想出来对应的 src/下的子级目录。json-server是一个node包，可以在不到 30 秒内获得零编码的完整的Mock服务。1. 项目中安装json-server npm i -D json-server。1. 路径解析配置（webpack），把 @/ 解析为 src/2. 添加路径提示配置。

原创 reactRouter

安装最新的 ReactRouter包 npm i react-router-dom。about 拿到参数 二级路由。login 导航传参 跳转。

原创 react18（2）

在React中使用redux，官方要求安装俩个其他插件 - Redux Toolkit 和 react-redux。1. Redux Toolkit（RTK）- 官方推荐编写Redux逻辑的方式，是一套工具的集合集，简化书写方式。2. react-redux - 用来 链接 Redux 和 React组件 的中间。store.js整合counterStore 和channelStore。channelStore（异步）在react组件中使用store。countStour（非异步）

原创 react18

*封装自定义hook通用思路1．声明一个以use打头的函数2．在函数体内封装可复用的逻辑(只要是可复用的逻辑)3．把组件中用到的状态或者回调return出去(以对象或者数组)4、在哪个组件中要用到这个逻辑，就执行这个函数，解构出来状态和回调进行使用I*/setFlag(!flag)return { flag, toggleShow }//其他组件要用就return// 自定义显示隐藏的hook基本分析flag)// }return (

原创 vue面试题

响应式原理不同diff算法不同生命周期不同Vue 2.0 和 Vue 3.0 的最大区别在于 Vue Router 的使用方式和 API 的变化。在 Vue 2.0 中，我们需要使用来引入 Vue Router，然后创建一个 Router 实例，并在根组件中使用它：在 Vue 3.0 中，Vue Router 的使用方式发生了变化。现在，我们需要使用工厂函数来创建路由实例，然后将其传递给根组件使用：vue3 的静态提升 ： 所有的静态节点被提升到render函数之外 只在第一次启动时创建。

原创 ts综合练习

原创 ts类型声明文件

3213123214。

原创 Ts && V3

计算属性事件对象。

原创 git的使用

git push -u 远程厂库名 本地分支名 将本地分支第一次推到远程厂库。git push -u 远程厂库名 本地分支名 将本地分支第一次推到远程厂库。git push -u origin xxx 将本地分支第一次推到远程厂库。git push origin --delete xxx 删除远程分支。git checkout 远程分支名 将远程分支下载本地。git branch -d xxx 删除本地分支。git branch -r 查看远程厂库分支。git branch -d xxx 删除分支。

原创 mock的使用

3.在src的同级目录下创建mock文件夹 在mock文件夹内部创建一个user.ts文件。2.在 vite.config.js 配置文件启用插件。6.在根目录下创建api/type.ts定义数据类型。5.在根目录下创建utils/request.ts。7.在根目录下创建api/user.ts。

原创 TypeScript（第一天）

b站学习Ts