gu2022_3_5_21_23的博客

原创 webpack plugin

/ 使用 compiler.hooks.done.tap 注册一个钩子console.log('编译完成！');});plugins: [Loader：按相反顺序执行，从后往前。Plugin：按声明顺序执行，从前往后。使用不同的钩子：展示了如何在编译过程的不同阶段使用 Webpack 的钩子。处理异步操作：使用tapAsync钩子处理异步操作，并在操作完成后调用回调函数。错误处理：展示了如何在编译失败时处理错误。访问和修改编译资源：展示了如何通过对象访问和修改编译资源。

原创 webpack loader

这是因为 Webpack 的 loader 设计为链式调用，每个 loader 接受上一个 loader 的输出作为输入。最后一个 loader 处理原始资源文件，接着每个 loader 依次处理前一个 loader 的输出，直到第一个 loader。Webpack 的 loader 之所以按照相反的顺序执行，是为了实现一种链式处理的机制，每个 loader 接受上一个 loader 的输出作为输入。

原创 mysql 聚合函数 / having

与聚合函数同时出现的列，必须同时出现在 group by子句中。过滤条件中使用了聚合函数，必须用having 替换where。

原创 MYSQL -NATURAL JOIN ，单行函数

是一种 SQL 连接类型，它会自动基于两个表中具有相同名称的列进行连接。使用 NATURAL JOIN时，不需要显式指定连接条件。它会帮你自动查询两张连接表中所有相同的字段，然后进行等值连接关键字可以直接在 WHERE子句后面使用，不需要加限定词。在这个查询中，EXISTS子句检查子查询是否返回至少一行数据。如果子查询返回至少一行数据，则EXISTS返回TRUE，否则返回FALSE。

原创 MYSQL 关键字 先后顺序

SELECTFROMWHEREGROUP BYHAVINGORDER BYLIMIT。

原创 mysql 运算符和 函数

mysql 运算符可以用 【 _ 】做运算符，类似于正则的 【 . 】;GREATEST 最大。LEAST 最小。

原创 mysql 5.XX 设置中文数据报错

mysql 5.XX 默认是 拉丁文，需要手动修改为 utf8，方法：修改mysql文件 my.ini。查看 库 表 ddl。可以看到 字符集信息。

原创 monorepo 依赖提升 yarn、pnpm

【代码】monorepo 依赖提升 yarn、pnpm。

原创 匿名子类和普通实例化的区别

在 Java 中，泛型类型信息在编译时会被擦除，这意味着在运行时，泛型类型参数的信息将不可用。这是因为匿名子类在编译时会生成一个新的类文件，该类文件包含了实际的泛型类型参数。当你创建一个匿名子类时，编译器会生成一个新的类文件，该文件包含了实际的泛型类型参数。匿名子类的语法允许你在创建一个类的实例时，直接重写父类的方法或实现接口的方法。它允许你在创建类的实例时同时定义一个新的子类，而不需要显式地声明一个新的类。由于 Java 的类型擦除机制，泛型类型参数在运行时会被擦除，因此无法通过反射获取到泛型类型参数。

原创 git squash、merge 、 rebase

Git Merge、Rebase 和 Squash 之间的区别_git squash-CSDN博客

原创 DML 和 DDL

DML 和 DDL 是 SQL 中的两类不同语言，分别用于操作数据和定义数据库结构。了解它们的区别和用途，有助于更好地管理和操作数据库。

原创 java-web JDBC

【代码】java-web。

原创 vue、react部署项目的 hashRouter 和 historyRouter模式

通过以上步骤，你可以将 Vue 和 React 应用部署到非根路径，并确保路由正常工作。如果你使用的是 Nginx，需要在 Nginx 配置中添加对。如果你使用的是 Nginx，需要在 Nginx 配置中添加对。），你需要在 React Router 配置中设置。），你需要在 Vue Router 配置中设置。，并且需要在服务器配置中进行相应的调整。，并且需要在服务器配置中进行相应的调整。并且将应用程序部署到非根路径（例如。在你的 React 应用中，使用。在你的 React 应用中，使用。

原创 Spring Bean - xml 配置文件创建对象

【代码】Spring Bean配置文件创建对象。

原创 java - reflection

这个Class对象可以用来创建类的实例（通过newInstance()方法），查询类的信息（如获取类名getName()，获取父类getSuperclass()，获取接口getInterfaces()等），或者检查类的修饰符（如isAbstract(), isFinal(), isInterface()等）。另外，由于Class类是Object类的子类，所以Class对象可以使用Object类的所有方法，如equals(), hashCode(), getClass()等。获取类实例的四种方式。

原创 Java i/o 与 gbk utf8

WriterFile 的构造函数可以接受第二个参数，来确定写入模式是 append 还是 replace。getResourceAsStream 以当前类路径/src为默认相对路径。write 方法 接收 char[] 时可以接收 写入的起始和结束位置。节点流加载文件 默认以当前模块为相对路径。是否为直接写入：节点流、 处理流。

原创 Java annotation

如果注解只有一个 value字段，那么使用的时候 可以直接写 value值。可以使用@Target来指定一个注解只能用于方法，或者只能用于类等。* SOURCE：注解只在源代码中可用，编译器会丢弃这种注解。* CLASS：注解在源代码和类文件中可用，但在运行时不可用。* RUNTIME：注解在源代码、类文件和运行时都可用。Runtime 源码和类和运行时。利用反射 获取 注解的信息。Class 源码和类。Source 源码。

原创 java 数组 、二维数组内存解析

原创 Nginx 虚拟主机和反向代理 （同一个ip多个二级域名配置不同的前端服务）

把多个二级域名映射到不同的文件目录，例如bbs.abc.com，映射到 html/bbsblog.abc.com 映射到 html/blog在Nginx的配置中，指令用于定义当前server块处理的域名（或域名的集合）。这个指令让Nginx知道，当接收到对应域名的HTTP请求时，应该使用哪个server块来处理这些请求。可以指定一个域名、多个域名，甚至是使用通配符的域名模式。

原创 linux 服务器数据备份 和 mysql 数据迁移

报错 mysqldump: [Warning] Using a password on the command line interface can be insecure. mysqldump: Got error: 1045: Access denied for user 'root'@'119.33.34.22' (using password: YES) when trying to connect。这个表是MySQL 8.0中引入的，用于存储列的统计信息，而较低版本的。的版本较低，不支持访问。

原创 nginx root

原创 java 多线程案例 生产者&消费者

【代码】java 多线程案例 生产者&消费者。

原创 java 死锁

t2 执行 取得 s2 的引用，但此时 s1在 t1 现成未闲置，导致 t1 和 t2 互相拿着对方的钥匙、谁都无法打开 第二个锁。t1 执行 取得 s1 的引用，后休眠。

原创 java 线程同步机制 synchronized

静态是当前类 :当前类名.class Cclass.class。synchronized 代码块 的参数 为对象 且要唯一性。extends有多实例 不能用this。非静态是 当前类的实例 this。synchronized 优缺点。用当前类作为唯一标识。

原创 java synchronized 解决线程安全问题

runabled 实现。runable 实现。

原创 java 程序、进程 、线程，cpu，并行、并发、启动线程两种方式

Thread 方式 线程间不可以共享数据，除非变量加 static 变为 静态变量 （每次创建实例，会有一个新的副本）。条件二： 重写 Thread 父类方法 后创建实例调用 start 方法 （创建匿名子类的匿名对象）条件一： 将创建自实现 Runable 接口后的实例 作为参数传递给 Thread 的构造方法。2、将创建自实现 Runable 接口后的实例 作为参数传递给 Thread 的构造方法。最后调用的都是 Thread 的start 的方法。创建的线程对象，都是Thread类或其子类的实例。

原创 Java 内部类

在Java中，内部类（包括静态内部类和非静态内部类）可以直接访问其外部类的成员，包括私有成员。这是因为内部类持有对外部类实例的引用（对于非静态内部类）或者是作为外部类的一部分（对于静态内部类），因此它们可以直接访问外部类的成员变量和方法。**：静态内部类不持有对其外部类实例的引用，因此它不能直接访问外部类的实例成员（如。但是，要创建非静态内部类的实例，你需要先有外部类的实例。的实例并调用其方法，这是允许的，因为静态上下文中可以访问静态成员。**：非静态内部类持有对其外部类实例的隐式引用。

原创 java 单例模式

Java中实现单例模式的常见方式有两种：懒汉式和饿汉式。

原创 java 代码块

每次创建类的实例时，构造代码块都会执行，并且在构造方法执行前执行。常用于所有构造方法共享的代码。关键字定义，属于类级别的代码块。静态代码块在类被加载到JVM时执行，且只执行一次。Java中的代码块主要有三种类型：普通代码块、静态代码块、构造代码块。它们的用途和执行时机各不相同。它的作用域限定在大括号内，每当程序执行到该代码块时就会执行其中的代码。类的实例时，构造代码块会在构造方法之前执行。类被加载时，静态代码块首先执行。：在方法内部定义，使用一对大括号。方法时，其中的普通代码块会执行。

原创 java 面向对象 成员变量(属性)vs局部变量 引用类型 封装性 this调用构造方法

原创 java面向对象 javaBen & UML图

原创 JDK 中主要的包

java.lang -- 包含一些java语言的核心类 如 String 、 Math 、 Integer 、 System 和 Thread 提供常用功能。java.awt -- 包含构成抽象窗口工具集 (abstract 、 window、 tookits) 的多个类、这些类被用来构建和管理应用。java.util -- 包含一些实用工具类、如定义系统特性、接口的集合框架类、使用与日期有关的函数。java.sql -- 包含一些java 进行 JDBC 数据库编程的相关类 / 接口。

原创 React 哲学 hooks - useEffect

原创 css - sass or scss ？

总的来说，Sass 和 SCSS 提供的功能是一样的，选择哪种语法主要取决于你的个人或团队的偏好。

原创 react 函数组件 开发模式默认被渲染两次

这是 React 刻意为之，函数式组件应当遵从函数式编程风格，每次执行应该是无副作用的(no sideEffect)，在 dev 下多次渲染组件，是为了防止开发者写出有问题的代码。

原创 React 使用 cssModule

原创 React-router 最佳实践

v5 和 v6 都支持的 API。这种方式的优点是路由配置和应用的其它部分是紧密集成的，这使得路由配置更加直观和易于理解。函数会替换所有的查询参数，如果你只想修改某个查询参数，你需要先获取当前的查询参数，然后修改它，然后再调用。react-router-dom 获取 params 和 query。

原创 nginx 动静分离、gzip压缩、负载均衡、root/alias

【代码】nginx 动静分离、gzip压缩、负载均衡、root/alias。

原创 mysql 、oss 结合使用

以下是一个使用 Express、MySQL、OSS 和 axios 的 Node.js 示例。这个示例创建了一个 Express 服务器，该服务器有一个路由用于处理视频上传的请求。视频文件首先被上传到 OSS，然后视频的 OSS URL 被存储到 MySQL 数据库。的列用于存储视频的 OSS URL。最后，这个示例没有处理任何错误，实际使用时你应该添加适当的错误处理代码。替换为你的视频文件的 OSS 对象名和本地路径。替换为你的 MySQL 连接信息，将。替换为你的 OSS 配置信息，将。

原创 js的函数 同步调用原则 - last in first out / 后进先出 (execution content stack /call stack )

【代码】js的函数 同步调用原则 - last in first out / 后进先出 (execution content stack /call stack )