帮一个明年 26 年毕业的小同学发下求职简历:
基于自制轻量级 React 类库的个人博客系统,旨在深入探讨 React 的核心功能与原理。目前博客涵盖了多个技术主题,包括 Hooks 实现原理、核心 Hooks 差异、Fiber 架构、Webpack 工具、路由组件实现以及 JavaScript 关键概念等,后续将持续更新更多技术文章。
手写虚拟 DOM:实现了自定义的虚拟 DOM 树,实现有效的 DOM 更新机制。
自定义 Fiber 架构:通过自定义的 Fiber 架构支持协调和增量渲染,模拟 React 的更新机制,保证复杂应用的流畅性。
实现核心 Hooks:手写了 useState 、useEffect 等六个核心 Hooks ,实现灵活的组件状态管理和副作用处理。
客户端路由:实现了基本的路由功能,包括 Switch 、Link 、Route 等核心路由组件,支持单页面应用的路由导航。
文章渲染:集成 GitHub OpenAPI ,获取 Issue 列表和详情。
项目部署:基于 Vercel 完成线上部署,并完成自定义域名配置。
GitHub 地址: https://github.com/codeshihaoran/MiniReact
ChatBox 是一个基于 React 、TypeScript 和 Redux 开发的智能对话组件。
智能对话能力:通过集成 Coze API ,结合大语言模型( LLM ),实现了智能体与用户之间的对话。
支持内容类型:支持纯文本、文件多模态类型内容。采用 Markdown 渲染,支持图片和代码块等功能。
实时消息更新:系统具备实时消息更新功能,包括发送中、成功、失败等状态,并支持流式输出文字和代码块响应,确保用户获得实时反馈。
智能推荐问题:通过智能推荐问题,系统能够根据对话内容提供相关问题。
用户交互优化:用户还可以通过复制、重新生成和删除等操作按钮,优化了与智能体的交互体验。
GitHub (功能演示): https://github.com/codeshihaoran/chatBox
基于 Vue3 + Vuex + Vue-router + ElementUI 开发的一个购物商城前台,实现了商品的展示、商品分类查询、商品详细信息展示、登录、注册、用户购物车、订单结算、用户订单、用户收藏列表以及错误处理功能。封装公共接口组件、拆分和优化公共样式与逻辑组件。
基于 React + TypeScript + Redux 开发的一个购物商城后台,提供一个高效、用户友好的界面来管理前台商城数据和操作。实现了用户认证、提供商城运营数据的实时统计和展示、支持商品的增删改查、商品分类管理及库存管理、提供订单的查看、搜索、修改和状态更新、用户信息的管理及用户订单查询。
基于 Koa 实现的商城服务端,使用 MySQL 实现数据存储,基于 MVC 模式完成商场前台+后台所有接口开发,通过 Cookie 实现了持久登陆态。根据商城前后台所需数据分模块设计相应的接口、控制层、数据持久层。
在青训营期间,参加项目考核,独立开发 智能对话 ChatBox 组件,探索前端大模型语言技术的应用。
在训练营期间,主要巩固前端技能、总结沉淀技术文章、参与实战项目,最后获得结营证书。
文章链接: https://juejin.cn/user/2582090578920414/posts