qq_40595376的博客

原创 开发常用命令

lscpufree -h。

原创 css手册

伪元素选择器：选择元素的一部分p::first-letter { font-size: 2em;}box-sizing：控制盒模型的尺寸计算方式.box { box-sizing: border-box;}9. 阴影与变换box-shadow：为元素添加阴影.box { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}10. 高级 CSSCSS 变量：定义并使用变量:root { --main-color: #3498db;

原创 写页面前需要准备什么

准备工作是编写一个高质量网页的基础，提前规划好功能需求、设计、开发工具、技术栈、页面结构和性能优化等方面，能确保开发过程更加高效，最终交付的产品更加稳定和符合用户需求。

原创 CSS 重置

广泛使用的经典 CSS 重置方式，重置了所有元素的默认样式。：适用于 HTML5 项目，适当调整了新的元素和标签。：提供跨浏览器一致性的样式，保留了一些合理的浏览器默认样式。自定义重置：根据项目需求定制的 CSS 重置方式，通常用来解决特定问题。使用重置样式时要根据实际需求选择适合的方案。如果你只是希望减少不同浏览器间的样式差异，使用是一个不错的选择。如果需要完全清除浏览器默认样式，则可以使用或者自定义的重置样式。

原创 学习 React 之前，需要掌握以下基础知识

HTML/CSSJavaScript（尤其是 ES6+ 特性）异步编程（Promise和基本的编程思维（函数、对象、数组等）Git 和命令行操作Node.js 和 npm/yarnHTTP 请求与 API如果你已经掌握了这些基础，可以开始进入 React 学习旅程了！

原创 Redux 中处理异步状态操作

使用 Redux Thunk 可以方便地在 Redux 中处理异步状态操作。通过创建异步 action creator，你可以在应用中管理异步逻辑，并在需要时更新状态。对于更复杂的需求，可以考虑使用 Redux Saga。在这里插入图片描述。

原创 在一个 JavaScript 应用中，你可以有多个 Redux stor

虽然技术上可以在一个应用中使用多个 Redux store，但通常不推荐这样做。使用一个 store 更能保持状态的一致性和管理的简洁性。如果需要管理多个功能模块，建议使用将多个 reducer 组合成一个单一的 root reducer。如果你有更多问题或想深入了解某个方面，请告诉我！

原创 Redux

Redux 是一个用于 JavaScript 应用程序的状态管理库，尤其适合于需要共享状态的复杂应用。以下是 Redux 的快速上手指南，包括基本概念和如何在 React 应用中使用它。

原创 Redux 是一个用于 JavaScript 应用程序的状态管理库

Redux 是一个用于 JavaScript 应用程序的状态管理库，尤其适合于需要共享状态的复杂应用。以下是 Redux 的快速上手指南，包括基本概念和如何在 React 应用中使用它。

原创 React 自定义 Hook

<p>计数: {count}</p><button onClick={increment}>增加</button><button onClick={decrement}>减少</button><button onClick={reset}>重置</button>

原创 React 清除副作用

useEffect返回的清理函数用于清除副作用，避免内存泄漏。清理函数会在组件卸载时执行，或者在依赖项变化时执行。常见的需要清理的副作用包括定时器、事件监听器、订阅、网络请求等。正确使用清理函数有助于提升 React 应用的性能和可靠性，确保组件在卸载或更新时不会留下无用的副作用。如果你有任何问题或需要深入的示例，随时告诉我！

原创 React 中，useEffect 的第二个参数是依赖项数组

没有依赖项：每次渲染都会执行。空依赖项数组[]：只在组件首次渲染时执行，类似。有依赖项：当依赖项发生变化时才执行副作用。多个依赖项：当任一依赖项变化时执行副作用。缺失依赖项：可能会导致副作用无法响应外部变量变化，应当注意依赖项的完整性。依赖项优化：对于对象、数组或函数作为依赖的情况，考虑使用useMemo和来优化性能。useEffect是 React 函数组件中处理副作用的核心 Hook，合理使用依赖项能帮助你优化应用性能和减少不必要的渲染。如果你有任何疑问或需要更多示例，随时告诉我！

原创 React useEffect

useEffect是 React 函数组件中处理副作用的核心工具，通过正确使用它，你可以在组件生命周期的不同阶段执行副作用，比如获取数据、订阅事件、手动操作 DOM 等。如果你需要在某些特定时机执行代码（如首次加载或依赖变化时），useEffect就是你需要的工具。

原创 React context机制跨层传递数据

在 React 中，Context机制可以让数据在组件树中跨层传递，而无需通过每一层的组件逐层传递props。这种方式非常适合全局状态管理或深层嵌套的组件树中的数据共享。

原创 React 使用状态提升实现兄弟组件通信

在 React 中，兄弟组件之间的通信可以通过的方式实现。状态提升是指将共同需要的状态放到它们的父组件中，从而让兄弟组件可以通过父组件共享这个状态。这样，父组件就可以管理兄弟组件之间的交互。

原创 React 子组件向父组件传递数据

在 React 中，子组件与父组件之间的通信可以通过的方式实现，通常称为“子传父”。在这种模式中，父组件定义一个函数并将其作为 prop 传递给子组件，子组件在需要的时候调用这个函数，从而将数据传递回父组件。

原创 React 父组件与子组件之间的通信

在 React 中，父组件与子组件之间的通信是通过（属性）来实现的。当父组件希望将数据或函数传递给子组件时，可以通过在子组件的 JSX 中指定 props 来实现。这种方式称为“自上而下”的数据流。

原创 React 获取 DOM 元素

在 React 中获取 DOM 元素的方法主要是通过。

原创 React 表单受控组件

在 React 中，表单受控组件是指通过 React 的状态来控制输入元素的值。这种方式的优势在于所有的表单数据都存储在 React 的状态中，使得状态管理更为集中且可预测。

原创 React classnames

classnames是一个非常实用的工具库，可以帮助你在 React 或其他 JavaScript 项目中更方便地管理 CSS 类名。它可以根据条件来动态添加类名，避免手动拼接字符串的麻烦，提高代码的可读性和维护性。

原创 JSX 中的 JavaScript 表达式

在 JSX 中，可以使用任何有效的 JavaScript表达式，只需将它们放在{}中。JSX 允许你动态地显示变量、调用函数、使用三元运算符和逻辑运算符等。属性也可以通过表达式动态设置值。不允许直接在 JSX 中使用语句（如if），只能使用表达式。数组和列表可以直接渲染到 JSX 中。掌握在 JSX 中使用 JavaScript 表达式的技巧，可以帮助你构建更灵活、动态的用户界面。

原创 React 组件

函数组件和类组件是 React 中的两种组件类型，函数组件是推荐的现代方式。使用JSX来编写组件结构，JSX 是 JavaScript 语法的扩展。props是父组件向子组件传递数据的方式，而state是组件内部管理的数据。React 中的事件绑定使用驼峰命名，并通过合成事件处理用户交互。在类组件中，使用生命周期方法来处理副作用；在函数组件中，可以使用useEffect。理解这些基本概念，能够帮助你有效地使用 React 组件构建用户界面。

原创 React 事件

React 使用驼峰命名规则来绑定事件。事件处理函数可以接收合成事件对象event，它是原生事件的跨浏览器封装。如果需要传递参数给事件处理函数，可以使用箭头函数或bind。在类组件中，需要手动绑定this，或者使用箭头函数自动绑定。使用和可以阻止默认行为和事件传播。React 通过事件委托提高性能，在文档根节点处理所有事件。这些规则和最佳实践可以帮助你在 React 中更高效地绑定和处理事件。

原创 React useState

不要直接修改状态，要使用setState。状态更新是异步的，需要谨慎处理多次更新的情况。函数式更新可以确保你使用最新的状态值。合并对象状态需要手动进行，React 不会自动合并。初始状态可以通过函数来计算，避免不必要的重复计算。这些规则和最佳实践可以帮助你更好地使用useState，编写更高效的 React 组件。

原创 React JSX 语法

JSX 是 React 中的核心特性，它通过更接近 HTML 的语法来提高代码的可读性和直观性。尽管它看起来像是 HTML，但本质上它是 JavaScript 表达式，并且会在编译时转换成 React 的函数调用，帮助 React 高效地更新和管理 DOM。

原创 React第一节大纲

React 是一个非常强大的前端库，可以轻松构建复杂的用户界面。通过使用快速创建项目，编写组件，管理状态和使用 Hooks，可以帮助你快速上手 React。如果你有更复杂的场景需求（如路由、全局状态管理等），你可以引入 React Router 或 Redux 等相关库。

原创 VUE3学习

安装 Vue.js 主要有两种方法，取决于你是想使用 Vue.js 的 CDN 还是想通过 npm 进行项目开发。

原创 redis主从，哨兵

原创 微服务GateWay之网关微服务

路由断言过滤器三大核心实战路由按微服务名动态路由服务URI LB断言带查询参数自定义PredicateGateWay之Filter配置实战

原创 微服务之Micrometer之分布式链路追踪

分布式链路追踪原理实战

原创 微服务之分布式系统服务降级熔断故障

Resilience4j轻量级容错框架Resilience4j之断路器底层原理和状态转换分析熔断配置说明实战时间滑动窗口Resilience4j之BulkHead舱壁隔板简介FixedThreadPoolBulkhead(固定线程池舱壁)Resilience4j之RateLimiter和常见限流算法实战

原创 微服务之LoadBalancer OpenFeign

value对那个微服务实现这种算法OpenFeign消费者超时控制重试机制性能优化请求压缩日志打印功能

原创 微服务之注册中心

Nacos待定

原创 Mysql MVVC

https://xie.infoq.cn/article/f89d0688080319d7c6adad6e4

原创 SpringBoot源码

条件注解自动装配告诉Spring自动配置去重

原创 SQL优化

支持最左SQL优化之group by优化SQL优化之limit优化SQL优化之主键优化

原创 Spring MVC

源码解析1.SpringMVC源码解读-处理器映射器、注册得时候就创建了HandlerMethod适配器拦截器核心方法postHandle拦截器afterCompletionSpringMVC服务器启动时做了什么

原创 Spring学习第四节AOP

AOP

原创 Spring学习第三节工自定义转换器

细节

原创 Spring学习第二节工厂对象