weixin_63877292的博客

原创 Redux store状态管理

本文介绍 Redux 状态管理库的核心内容：其遵循单向数据流，通过唯一 store 存储状态，提供 getState、dispatch 等方法操作状态。还涵盖基础配置、用 combineReducers 实现模块化，以及 namespace、bindActionCreators 等优化手段。同时涉及 Immer 处理不可变数据、中间件（如 redux-thunk 处理异步）的使用，以及 React 18 中 useSyncExternalStore 解决并发模式下的状态一致性问题。

原创 react hook模仿类组件生命周期

本文聚焦于如何使用 React Hooks 模拟类组件的核心生命周期方法

原创 React路由扩展

原创 React路由

本文聚焦前端路由与 React - Router - Dom 库，先阐释前端路由概念，对比传统与前端路由的交互差异，接着介绍 HashRouter、BrowserRouter 等 5 种路由模式及适用场景，重点剖析 React - Router - Dom 里 Route 组件的 path、element 等 10 余个属性功能与用法，还讲解 Routes、Link、NavLink 等组件作用，涵盖路由规则定义、页面跳转、样式区分、重定向、离开提示等能力，为 React 应用路由开发提供清晰指引与实践参考

原创 React18—生命周期及使用场景

React组件的生命周期定义了其从创建、更新到销毁的全过程时序控制机制，通过特定钩子函数赋予开发者在各阶段介入组件行为的能力。本文概述其核心阶段、方法演进及实践要点。

原创 Vue3笔记_＜进阶篇—下篇＞

vue的响应系统默认是深度的，虽然让状态管理非常可观，但是数据量巨大时深度响应会导致不小的性能负担，因为每个属性访问都将触发代理的依赖追踪。在某些特定的情况下，我们可能不希望对属性进行更新的操作，那就可以包专场一个只读代理对象来读取数据，而不能修改或删除。接受一个对象(无论是响应式或者普通的)或是一个ref,返回一个原值的制度代理。让一个响应式数据变成只读的，但是浅只读。什么情况下使用浅响应式。

原创 Vue3笔记_＜进阶篇—上篇＞

vue3的父组件-- 简写 -->-- 自定义修饰符 -->-- 修饰符 .number：将数据转换为数值类型，.lazy:元素失去焦点的时候触发， .trim：将字符串两边的空白(空格)去除 -->

原创 Vue3笔记_＜入门基础篇＞

语法:RefImpl 引用的实现的实例对象说明JS中操作数据：xxx.value模板中操作数据:不需要.value，因为浏览器解析的时候已经把value给解析了用ref包括的基本类型数据是RefImpl的实例对象注意在vue3中，想把普通的number,string,bollean编程响应式的数据，就必须要借助refref定义对象类型的数据，底层原理是利用了ES6的proxy实现的响应式，而在vue3中，对proxy的操作封装在了一个叫reactive的新函数中。

原创 Git学习笔记——从认识Git到实际运用

Git是一个开源的分布式版本控制系统，用于敏捷搞笑的处理任何或小或大的项目版本控制是一种开发过程中用于管理我们对文件，目录或工程等内容的修改历史，方便查看更改历史记录，备份以便恢复以前的版本的软件工程技术团队协作从单兵作战到团队开发Git bash安装好之后可以学习以下内容2.设置用户签名签名的作用就是用来表示用户，区分不同的开发人员git config --global user.email "用户的邮箱"git config --global user.name "用户名"

原创 Fetch和Jsonp的使用

Fetch是在ES6出现的，它使用了ES6提出的promise对象。它是XMLHttpRequest的替代品。使用 promise，不使用回调函数。采用模块化设计，比如 rep、res 等对象分散开来，比较友好。通过数据流对象处理数据，可以提高网站性能。服务器端的fetch可以跨域拿资源，客户端不行通过fetch方法获取其他文件的数据 返回值是promise对象,对于promise对象来说可以用then来做一个监听,返回值是响应(response),它对应的是http的响应。

原创 Ajax，Fetch，Axios三者的区别！

网络请求特点Ajax一种技术统称，js异步技术的术语，主要利用XHR实现网络请求Fetches6新增的用于网络请求标准api，基于promise，实现网络请求Axios一个封装库，基于XHR封装，用于网络请求的第三方库。

原创 Node.Js篇 NodeJs使用MongoDB

介绍MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。

原创 Node.Js篇 — 关于WebSocket

网络上的两个程序通过一个双向的通信连接实现数据交互，这个连接的一端称之为socket。所以建立网络通信连接至少要一对socket。socket主要解决的是页面之间长连接和数据交互的问题。

原创 Buffer二进制缓冲

JavaScript语言自身只有字符串数据类型，没有二进制数据类型。但在处理文件流时，必须使用到二进制数据。因此在Node.js中，定义了一个buffer类，该类用来创建一个专门存放二进制数据的缓存区。

原创 Vue2项目搭建及项目配置

打开命令行，cd到指定的目录然后指向命令。

原创 Vue2路由使用方法及配置

vue2的main代码和路由介绍

原创 什么是DOM

DOM的初步认识及作者个人总结的部分重要知识点

原创 什么是BOM

BOM的初步认识及作者个人总结的部分重要知识点

原创 BFC应用场景代码讲解

1，自适应两栏布局根据BFC布局规则第3条： 每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。 因此，虽然存在浮动的元素aslide，但main的左边依然会与包含块的左边相接触。 根据BFC布局规则第四条： BFC的区域不会与float box重叠。 我们可以通过通过触发main生成BFC， 来实现自适应两栏布局。 .main { overflow: hidden; }当触发mai.

原创 CSS样式创建（外部样式 内部样式 内联样式）

CSS三种样式创建的语法

原创 ‘C语言’基础练习

新手小白的入门训练