Leox

通过 接入Deepseek API，十分钟使用 Nodejs 搭建简易 AI 命令行聊天应用。命令行输入 `aichat` 进入聊天应用开始交互式聊天，输入 `exit` 退出聊天应用。

我在 GitHub 上基于 React 和 Webpack 搭建了一个 Demo 项目，模拟了现实中可能遇到的性能问题，详细记录了如何将 Lighthouse 评分从 2 分提升到 99 分的过程。

前言 React 社区拥有丰富的状态管理库，但是多样的选择也给开发者造成了一定的困扰。所以笔者萌生这样的想法：与其面对痛苦的选择，不如自己写一个符合自己要求的状态管理库。

笔者认为 hooks 还带来了一个特别的收益：通过 hooks 可以轻易的进行逻辑的抽象，即：将关联的逻辑内聚，将无关的逻辑分隔，帮助我们更加优雅的组织页面逻辑。

前言 背景：一年半经验前端，今年三月初提了离职，想着趁着金三银四期间寻觅好的工作机会。不幸的是，三月初全国各地包括上海爆发疫情，直接导致许多公司开始缩招和锁 HC，金三银四变成了铜三铁四。

前言 现在越来越多人开始使用 React Hooks + 函数组件的方式构筑页面。函数组件简洁且优雅，通过 Hooks 可以让函数组件拥有内部的状态和副作用（生命周期），弥补了函数组件的不足。 但同时

Plugin 是什么 Plugin 是 Webpack 中的扩展器，在 Webpack 运行的生命周期中会广播出许多钩子事件，Plugin 可以监听这些事件，并挂载自己的任务，也就是注册事件。

1. Loader 是什么 Loader 是 Webpack 中的文件加载器。 Loader 的作用 Webpack 是一个模块化打包工具，但是其只能直接处理 JavaScript 格式的代码。

1. React 核心公式 当我们在使用 React 函数组件构筑视图的时候，我们到底在干什么呢？ 大部分时间我们其实是在定义函数（函数组件），然后把写好的函数丢进 ReactDOM.render()