目标：从零开始学习 Node.js + AI 开发，掌握调用大语言模型的基础知识。时间状态：✅ 第一阶段完成# 网络问题诊断流程：1. 检查环境变量：env | grep ANTHROPIC2. 查看实际请求：观察程序输出的地址3. 确认中转服务可用：检查是否能正常访问这次从零开始搭建 AI 学习项目，虽然遇到了各种网络、配置问题，但通过系统性的排查和解决，最终成功运行了三个示例。理解了 AI 应

本文介绍了前端使用Fetch API与JWT Token实现用户认证的流程：1) 登录时通过POST请求发送账号密码，后端验证后返回JWT Token；2) 前端将Token存入localStorage；3) 获取受保护数据时，在请求头添加Bearer Token进行身份验证；4) 后端验证Token有效性后返回加密数据。文中包含完整的代码示例，包括前端登录/获取数据函数、后端Node.js处理逻

本文详细介绍了将React+Vite前端项目容器化部署到Docker的全过程。首先讲解了Docker核心概念，包括镜像(Image)、容器(Container)、Dockerfile和多阶段构建等基础知识。然后通过车辆管理系统前端项目实战，展示了如何编写Dockerfile、配置Nginx反向代理、构建镜像和运行容器的具体步骤。文章还分享了部署过程中遇到的典型问题及解决方案，并比较了Docker与

本文介绍了基于React的流式聊天组件实现方案。该组件采用函数式编程，核心功能包括实时消息流、Markdown支持、滚动控制等。通过messages和allMessages状态分别管理临时和历史消息，结合定时器模拟流式响应。关键实现包括：使用markdown-it渲染消息内容；通过组合历史与当前消息优化性能；自动滚动与手动控制机制；滚动加载更多历史消息。组件采用智能状态管理，既确保流畅交互体验，又

本文介绍了React项目中Context的用法及其在购物车案例中的应用。首先讲解了Context的概念，它相当于全局共享数据空间，可避免props逐层传递的繁琐。通过React.createContext创建Context，使用Consumer组件或useContext钩子来获取数据。在购物车案例中，将购物车数据和方法放入Context，所有组件可直接获取。 接着详细说明了搜索框、购物车展示、结算

本文主要介绍了作者在学习前端React框架和Expo框架过程中的实践经验和学习心得。作者首先通过创建Expo应用StickerSmash，并运行reset-project脚本删除样板代码，启动项目。接着，作者详细讲解了如何在Expo应用中实现导航栏功能，包括创建tabs文件、设置导航栏标题和页面切换等。此外，作者还介绍了如何构建屏幕，使用UI组件如按钮和图片，并通过参数控制样式。作者强调，通过动手

本文介绍了如何拆分一个购物App的UI组件，并实现购物车功能。主要步骤包括：1.拆分组件结构（搜索框、列表、购物车等）；2.实现食物列表组件（Meals容器组件和Meal列表项）；3.创建可复用按钮组件（使用FontAwesome图标）；4.处理购物车状态逻辑（添加/删除商品的计算逻辑）。重点讲解了购物车数据的更新机制，包括状态管理、商品数量增减逻辑，以及通过props传递数据的局限性。文章展示了

本文总结了Expo开发中几个核心功能的实现思路：1) 图像选择器通过launchImageLibraryAsync方法实现，返回图片URL并更新状态；2) 模态框通过布尔值控制显示/隐藏，结合三元表达式切换布局；3) 表情选择器使用FlatList渲染表情数组，点击选择后更新状态；4) 手势动画通过GestureDetector和Animated实现，包括双击缩放和拖拽效果；5) 屏幕截图功能利用

本文介绍了使用ExpoRouter实现嵌套导航的具体方法。首先在app目录下创建tabs文件夹并添加页面文件，通过index.tsx重定向到/tabs路径。关键点包括：1)在app/layout.tsx中隐藏上层导航栏(headerShown:false)；2)使用带下划线的_layout.tsx文件约定；3)用<Tabs>组件创建底部导航栏，可自定义激活状态颜色(tabBarActiveTint

本文探讨了React搜索组件的优化过程。原始方案通过onChange事件直接触发筛选，导致频繁更新和用户体验差。改进方案使用useEffect监听keyword状态变化，并引入1秒延迟来减少筛选次数。但发现每次输入仍会创建新定时器，导致多次请求。最终解决方案是利用useEffect的清理功能，在每次重新渲染时清除前一个定时器，确保仅在用户停止输入1秒后才执行筛选操作。这种防抖(debounce)机