jacquelineyin.github.io

标题 "jacquelineyin.github.io" 暗示这是一个个人投资组合网站，它是由GitHub Pages托管，并且可能使用了现代前端技术进行构建。描述中提到的几个关键知识点包括： 1. **GitHub Pages**: GitHub Pages 是一个免费的服务，允许用户在GitHub上托管静态网站。它是开发者展示项目、个人作品集或博客的理想平台。在这里，Jacqueline Yin 使用它来发布自己的投资组合。 2. **React**: React 是一个由Facebook开发的JavaScript库，用于构建用户界面，尤其适合单页应用（SPA）。"从头开始创建React-app"意味着Jacqueline Yin从零开始搭建了一个基于React的应用，这涉及到React的基本概念，如组件化、状态管理和生命周期方法。 3. **Create React App**: Create React App 是一个官方的React脚手架，用于快速初始化一个新的React项目，无需配置复杂的构建工具链。描述中的"从头开始创建React-app"很可能就是使用了这个工具。 4. **部署到GitHub Pages**: 将React应用部署到GitHub Pages需要一些特定的步骤，包括设置项目的发布分支（通常为`gh-pages`），修改`package.json`中的脚本，以及可能需要配置CNAME文件以实现自定义域名。 5. **Ant Design**: Ant Design 是一个流行的React UI框架，提供了一系列预先设计和可复用的组件，可以快速构建美观且响应式的应用界面。"添加Ant框架"意味着Jacqueline Yin在她的React应用中采用了Ant Design，以提高用户体验和视觉效果。 6. **JavaScript**: 作为标签，JavaScript是这个项目的基础，是React和Ant Design的运行环境。理解JavaScript的核心概念，如变量、函数、对象和异步编程，对于构建这样的网站至关重要。 通过下载并解压`jacquelineyin.github.io-master`文件，你可以看到源代码结构，进一步学习如何组织React应用，如何与GitHub Pages集成，以及Ant Design在实际项目中的应用。这可能包括查看`src`目录下的组件文件，研究`public`目录中的静态资源，以及查阅配置文件如`package.json`和`.gitignore`。此外，阅读`README.md`文件也可能提供关于构建和部署过程的更多指导。