@jiangxiao-CSDN博客

原创 UE 的Matchmaker 提供的 url 无法供前端直接链接像素流的问题

前端项目中链接UE5.0中Matchmaker提供的中转链接加载像素流

2023-12-27 15:10:04 433

原创 Vue3快

Vue3快一、创建Vue3工程1.使用vue-cli创建## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue --version## 安装或者升级你的@vue/clinpm install -g @vue/cli## 创建vue create vue_test## 启动cd vue_testnpm run serve2.使用vite创建## 创建工程$ yarn create vite <project-name> --template v

2022-04-17 21:20:05 310

原创 vue-router

vue-router一、简述理解：一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。安装vue-router// vue2.x == vue-router 3.x vue3.x ==> vue-router 4.xyarn add vue-router二、基本路由1.基本使用main.js文件中配置import VueRouter from 'vue-router'im

2022-04-16 09:52:01 617

原创 Vuex基本使用

Vuex一、简介在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。原理图：安装：// vue2 ==> vuex3.x vue3 ==> vue4.xyarn add vuex@3二、Vuex的环境搭建1.创建文件：src/store/index.jsimport Vuex from 'vuex';import Vue from 'vue'// ac

2022-04-13 18:56:36 953

原创 Vue2脚手架创建项目

Vue2脚手架创建项目一、使用脚手架1.安装 @vue/cli 简述 cli ===> command line interface (命令行接口)// 安装 npm install -g @vue/cli # OR yarn global add @vue/cli// 升级 npm update -g @vue/cli # OR yarn global upgrade --latest @vue/cli// 版本查看 vue --

2022-04-11 23:03:42 4240

原创 Vue2基础(CDN方式)

Vue2基础(CDN方式)一、环境搭建1.Vue的引入<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.13/vue.js"></script>2.安装vue Devtools(v2)3.关闭cdn开发模式提示tip:关闭提示编码：使用了Vue的全局配置对象，更多配置请参考：API — Vue.js (vuejs.org)Vue.config.productionTip = false;二、Vue基

2022-04-10 11:25:20 10470

原创 React Router 6

React Router 6一、概述与React 5.x相比，改变了什么？1.内置组件的变化：移除了<Switch />,新增<Routes />、<Navigate />2.语法变化：component={About} 变为 element={<About />}3.新增多个hook: useNavigate、useParams、useMatch4.官方明确推荐函数式组件二、Component1.<BrowserRouter>

2022-04-05 11:08:51 890

原创 React-Extension

React-Extension一、挂载渲染API改变 react 18import React from "react";import { createRoot } from 'react-dom/client';import App from './App';const container = document.getElementById('root');createRoot(container).render(<App />)二、setStatesetState更新

2022-04-03 20:16:42 873

原创 React状态管理Redux

React状态管理Redux一、redux基本了解1.简述集中式管理react应用中多个组件共享的状态，redux是一个专门用于做状态管理的JS库(不是react插件库)。2.工作原理3.三个核心概念a. action1.表述动作的对象(就是一个js对象)2.包含两个属性 type: 值为字符串，标识动作类型 data: 值为任意类型3.例子: {type:'ADD_NUMBER',data:9}b.reducer1.初始化状态，加工状态2.是一个纯函数，根

2022-04-02 18:17:54 1007

原创 React路由

React路由一、路由基本使用1.依赖安装yarn add react-router-dom2.路由分类1.底层原理不一样： BrowserRouter使用的是H5的history API，不兼容IE9及以下版本。 HashRouter使用的是URL的哈希值。2.path表现形式不一样 BrowserRouter的路径中没有#,例如：localhost:3000/demo/test HashRouter的路径包含#,例如：localhost:3000/#/dem

2022-03-30 21:16:41 199

原创 React脚手架创建项目

React脚手架创建项目一、使用脚手架创建的Hello React1.安装依赖库npm i -g create-react-app2.使用命令创建项目create-react-app hello-react3.进入所创建的项目目录文件夹cd hello-react4.启动项目yarn start // npm start5.项目目录文件作用[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mbX8Pkpq-1648526706759)(D:\User

2022-03-29 12:07:21 1010

原创 Cookie与localStorage与sessionStorage的基本使用

Cookie与localStorage与sessionStorage的基本使用一、Cookie存取1.基本功能获取并设置与当前文档相关联的 cookie。可以把它当成一个 getter and setter。2.设置Cookiedocument.cookie = 'name=jiang';document.cookie = 'age=18'3.获取cookie console.log(document.cookie) // name=jiang; age=18 这里获取

2022-03-28 10:05:20 156

原创 React基础(CDN方式)

React(CDN方式)一、依赖说明配置1.依赖引入(react16版本，这里是)   <script src="../js/react.development.js"></script>  <script src="../js

2022-03-27 22:35:29 3546

原创 SpringSession

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档SpringSession前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤

2021-10-10 23:30:15 1162

原创 Nginx

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档Nginx前言一、安装二、使用步骤1.引入库2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言提示：这

2021-10-08 20:23:38 124

原创 SpringBoot(四) 日志与Thymeleaf模板)

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档springboot一、springboot入门1.开发步骤I.创建一个 Module，选择类型为 Spring Initializr 快速构建II.选择 Spring Boot 版本及依赖III.项目结构2.Spring Boot 的核心配置文件I.核心配置文件II.多环境配置文件3.Spring Boot 自定义配置参数获取I.使用参数单个获取使用II.多参数映射对象获取4.Spring Boot 前端使用 JSP二、Spring Bo

2021-10-07 09:06:27 248

原创 Dubbo

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档Dubbo一、Dubbo了解1.RPC-远程过程调用协议2.Dubbo服务实现原理3.长连接与短连接4.Dubbo组件二、Dubbo直连使用1.服务提供者创建I.创建mavenweb项目II.引入依赖III.spirng配置IIII.将服务接口导出，供消费者调用2.服务消费者创建I.创建mavenweb项目II.引入依赖III.spirng配置IIII.服务使用3.dubbo 常用标签I.公用标签II.服务提供者标签III.服务消费者标签三

2021-10-04 10:38:07 91

原创 SpringBoot(三) Web应用进阶

web应用进阶三、Spring Boot 非 web 应用程序四、Spring Boot 使用自定义拦截器类五、Spring Boot 中使用 Servlet1.注解扫描方式a.在主程序类上开启servlet扫描b.servlet创建2.通过 SpringBoot 的配置类实现a.创建一个普通的 Servletb.编写一个 Spring Boot 的配置类，在该类中注册 Servlet六、Spring Boot 中使用 Filter1.通过注解方式实现a.在主程序类上添加servlet类扫描b.通过注解方式

2021-10-04 10:36:21 143

原创 SpringBoot(二) Web 开发

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档Spring Boot 框架 Web 开发二、Spring Boot 框架 Web 开发1.MyBatis逆向工程I.拷贝 Mybatis 反向工程配置文件到项目的根目录下II. 在 pom.xml 文件中添加 mysql 反向工程依赖插件III. 双击红色选中命令，生成相关文件2.SpringBoot集成MyBatisI.在 pom.xml 中添加相关依赖II.在 Springboot 的核心配置文件中配置数据源III.配置Mapper.

2021-10-04 10:33:21 122

原创 SpringBoot(一) 框架入门

系列文章目录将天提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档SpringBoot1系列文章目录将天前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是

2021-10-04 10:29:59 110

原创 Redis

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档Redis一、Redis安装1.Redis下载2.解压3.gcc编译4.启动Redis5.客户端连接Redis6.关闭Redis7.redis 远程客户端二、Redis使用时1.Redis 基本操作命令2.Redis 的 Key 的操作命令三、Redis 数据类型操作命令1.字符串类型（string）2.哈希类型 hash3.列表 list4.集合类型 set5.有序集合类型 zset （sorted set）四、Redis高级应用1.Re

2021-09-22 22:09:27 131

原创 linux

linux一、环境搭建1.安装 VMware 虚拟机2.下载CentOS系统镜像文件3.linux系统目录了解4.远程工具下载二、linux命令1.磁盘管理2.文件管理3.系统命令4.压缩/解压5.网络通讯6.权限管理7.管道和重定向8.vim 编辑器9. yum 使用10linux快捷键提示：这里使用的是CentOS系统提示：以下是本篇文章正文内容，下面案例可供参考一、环境搭建1.安装 VMware 虚拟机参考链接： https://www.jianshu.com/p/a979f489b47

2021-09-22 19:01:14 40

原创 springMVC

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档springMVC前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引

2021-09-19 16:28:21 77

原创 Spring

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档Spring前言一、控制反转IOC1.概念了解2.第一个spring程序a.spring依赖引入b.定义实体类c.创建Spring配置文件d.ApplicationContext的获取及常用APIe.使用spring创建的对象3.基于xml的DIa.set注入b.构造注入二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器

2021-09-14 22:45:19 510 2

原创 MyBatis

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档MyBatis前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库

2021-09-06 19:03:46 165

原创码云搭建个人博客hexo框架

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档码云搭建个人博客hexo框架前言一、需要node,git二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、需要node,git示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步

2021-09-03 23:00:27 271

原创动态代理与Maven基础

动态代理与Maven基础一、动态代理二、Maven基础1.Maven生命周期及约定目录结构2.pom.xml常用配置参数3.坐标GAV4.依赖使用(dependency)及依赖返回a.依赖使用b.依赖范围5. Maven常用设置a.全局变量b.指定资源位置提示：以下是本篇文章正文内容，下面案例可供参考一、动态代理InvocationHandler接口中实现invoke()方法Method类Proxy.newProxyInstance(ClassLoader loader, Class<

2021-09-02 17:50:40 166

原创 JavaWeb(三)Cookie与session

JavaWeb(三)Cookie与sessionJavaWeb一、BeanUtils的使用1.使用反射优化2.BeanUtils的使用二、MVC分页操作三、Cookie1.Cookie的创建与获取2.Cookie的获取3.Cookie的修改4.Cookie的存活周期5.Cookie 有效路径 Path 的设置四、Session1.创建与获取2.Session 域数据的存取3.Session 生命周期4.Session 的理解五、表单重复提交--验证码1.验证码理解2.验证码使用3.验证码刷新六、Filt

2021-09-01 16:29:45 62

原创 JavaWeb(二)JSP

JavaWeb(二)JSPJSP前言一、JSP是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、JSP是什么？Java ServerPages Java的服务器页面代替Servlet程序回传html页面示例：pandas 是基于NumPy 的一种工具，该工具是为了解决

2021-08-16 11:02:23 62

原创 JavaWeb(一)Servlet技术

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码

2021-08-11 17:25:08 77

原创 JavaSE(十二)JDBC

JavaSE(十二)JDBCJDBC一、操作六步1.注册驱动(类加载)2.结果集处理3.防止sql注入(获取预编译数据库操作对象)4.事务5.行级锁二、数据库连接池1.bruid提示：以下是本篇文章正文内容，下面案例可供参考一、操作六步六步：1.注册驱动2.获取数据库连接对象3.数据库操作对象4.执行sql5.处理查询结果集6.关闭连接代码： public static void main(String[] args){ Connection conn = n

2021-08-10 15:44:47 52

原创 JavaSE(十一)反射机制与注解

JavaSE(十一)反射机制与注解反射机制与注解一、反射(reflect)1.获取类的字节码2.Field3.Method4.Constructor5.父类及接口6.反编译二、注解Annotation1.元注解2.内置注解3.常用类型源码4.自定义注解5.反射注解提示：以下是本篇文章正文内容，下面案例可供参考一、反射(reflect)反射机制相关类1.java.lang.reflect.*;2.java.lang.Class 代表整个字节码3.java.lang.reflect

2021-08-07 21:06:08 65

原创 JavaSE(十)多线程

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码

2021-08-06 18:53:25 66

原创 JavaSE(九)I/O流

JavaSE(九)I/O流I/O流一、I/O1.字符流(1)FileReader(2)FileWriter(3)字符流文件复制2.字节流(1)FileInputStream(2)FileOutputStream(3)字节流文件复制3.缓冲流与转换流4.数据流5.标准输出流6.System类7.File类8.序列化与反序列化9.I/O与Properties联合使用二、NIO1.待写提示：以下是本篇文章正文内容，下面案例可供参考一、I/OI/O理解所有流都实现了Closeable接口，都是可关闭

2021-08-05 13:25:44 83

原创 JavaSE(八)集合

JavaSE(八)集合集合前言一、Collection(interface)(单例集合)1. Iterator2.List(interface)(1)ArrayList(2)LinkedList(3)Vector(使用较少)3.Set(interface)(1)HashSet(2)SotedSet(interface)①TreeSet3.Collections(集合工具类)二、Map(双列集合)1.HashMap2.HashTable(用得较少)(1)Properties(重要)3.SortedMap(i

2021-08-03 22:33:23 48

原创 Java SE(七)异常

Java SE(七)异常Throwable前言一、Exception1.认识Exception2.Exception直接子类(编译时异常)3.RuntimeException(运行时异常)二、Error1.IOError2.virtualMachineError前言提示：所有的异常和错误都是可抛出的提示：以下是本篇文章正文内容，下面案例可供参考一、Exception1.认识Exception在Java中，异常以类的形式存在，抛异常创建的异常对象2.Exception直接子类(编译时异

2021-08-02 15:15:18 90

原创 JavaSE(六)数组及常用类

JavaSE(五)数组及常用类数组及常用类一、数组1.数组创建2.数组扩容3.数组工具类(java.util.Arrays)（1）排序（2）二分查找二、常用类1.String类（1）String类的常用构造函数（2）String类的常用方法（3）StringBuffer与StringBuilder2.包装类3.Date类4.数字格式化类(DecimalFormat与BigDecimal )5.随机数（1）Math.random()（2）Random类6.枚举类型提示：以下是本篇文章正文内容，下面案例

2021-08-02 09:20:10 100

空空如也

怎么不行啊，大佬帮忙看一下