React技术栈打造的个人投资者公文夹

需积分: 5 0 下载量 69 浏览量 更新于2024-12-30 收藏 1.12MB ZIP 举报
资源摘要信息:"公文夹2021是一个个人投资组合作品集,以游戏玩家风格展示,目的是向招聘人员介绍项目。该作品集使用了一系列前端技术和框架,包括React及其相关技术栈,HTML和CSS设计,以及SVG动画等。" 知识点详细说明: 1. React技术栈:React是一个用于构建用户界面的JavaScript库,它允许开发者使用组件化的方法来创建复杂的UI界面。在这个作品集中,作者使用了React来构建项目的前端部分,这表明他对于现代前端开发流程有良好的理解和实践。 2. React钩子(Hooks):React Hooks是React 16.8版本引入的一个新特性,允许开发者在不编写类的情况下使用state和其他React特性。通过使用Hooks,作者能够在函数组件中管理状态,这使得代码更加简洁和可重用。 3. React路由器(React Router):React Router是一个专门为React设计的路由库,它能够帮助开发者在单页面应用中管理路由。通过在项目中应用React Router,作者能够创建出流畅的页面跳转和友好的URL结构。 4. 成帧器运动(Framer Motion):Framer Motion是一个用于React的动画库,它提供了声明式的API来创建交互动画。作者使用了这个库来增加用户界面的交互性和吸引力。 5. HTML + CSS设计:整个投资组合的设计主要使用HTML和CSS来实现,包括使用SVG图像。这说明作者具备良好的前端设计能力,能够运用基础技术来构建视觉效果。 6. SVG:SVG(Scalable Vector Graphics)是一种基于XML的图像格式,用于描述二维矢量图形。作者使用SVG来创建图形和动画,这表明对矢量图形有深入理解。 7. UseLocalStorage:这是一个自定义的React Hook,用于在浏览器本地存储中保存数据。作者在项目中使用它来保存语言选择,即使在页面刷新后仍能保持用户的选择。 8. REST API:使用REST API(Representational State Transfer Application Programming Interface)是一种网络应用服务的接口,作者通过使用Twitch API来获取数据,展示了其在前端应用中处理API的能力。 9. DJANGO CRUD:Django是一个高级的Python Web框架,它鼓励快速开发和干净、实用的设计。作者在“项目”部分中提到了从头开始创建Django博客,这说明了他在后端开发方面的经验。 10. SVG-CSS动画:作者通过将SVG与CSS动画结合,为投资项目带来了动态视觉效果。这展示了他在前端动画设计方面的技能。 11. 使用React + Bootstrap进行响应式网页设计:Bootstrap是一个流行的前端框架,它可以帮助开发者快速设计并实现响应式网页。作者结合React和Bootstrap,说明了他在创建跨设备兼容的网站方面的知识。 12. GameDev与Unity和C#:作者还提到了使用Unity游戏引擎和C#语言进行游戏开发的经验。这表明除了前端技能,作者还具备游戏开发的能力。 该作品集的标签为JavaScript,这是因为在所有提到的技术和工具中,JavaScript是最核心的技术。React、Hooks、Framer Motion、Twitch API和Django的模板渲染都依赖于JavaScript的运行环境。 压缩包子文件的文件名称列表中的"portfolio2021-main"暗示了这个文件是个人投资组合的主要入口点,"main"通常指的是主要文件或目录,这可能是项目根目录中的一个文件,包含整个作品集的主要结构和内容。