我个人投资组合网站 | 前端开发技能展示

“我:个人投资组合网站” 作为一个展示作者技能和作品的平台。该网站采用了前沿的Web开发技术栈,表明作者对现代前端开发具有深刻的理解和实践能力。具体技术如下:

技术栈应用

  • React:作为核心框架,React由Facebook维护,是一个用于构建用户界面的开源JavaScript库,专为单页应用程序(SPA)设计。该项目使用React实现了组件化开发,使得UI更加模块化,便于复用和维护。

  • SASS(Syntactically Awesome Style Sheets):通过使用CSS预处理器SASS,项目在代码组织方面得到显著优化。SASS提供了变量、嵌套规则和混合等功能,使样式管理更加模块化、易读、易维护。

  • TypeScript:该项目采用TypeScript作为JavaScript的超集,提供了强类型支持与代码静态检查。利用TypeScript,开发过程中的类型安全性得到提升,并且减少了代码错误,增强了项目的可维护性。

  • GitHub Pages:GitHub Pages是一个免费托管静态网站的服务,通常用于博客、项目文档和个人展示。本项目利用GitHub Pages实现了网站的简便部署,通过GitHub Actions自动构建和发布内容。

  • React Hooks:React 16.8引入的Hooks功能用于管理组件状态和执行副作用操作。通过使用React Hooks如useState和useEffect等,项目减少了组件之间的复杂性,使代码结构更加清晰简洁。

结语

此个人投资组合网站不仅展示了作者在前端开发方面的技术熟练度,还表明其对React HooksTypeScript的理解,是任何寻求前端开发职位人士展示自我实力的理想平台。

zip
me-master.zip 预估大小:41个文件
folder
me-master 文件夹
file
package.json 1KB
folder
src 文件夹
file
linkedIn.svg 1KB
file
App.css 547B
file
react-logo.png 61KB
file
react-code.gif 943KB
file
react-app-env.d.ts 40B
file
phone.jpg 45KB
file
logo.svg 3KB
file
serviceWorker.js 5KB
file
App.test.js 248B
file
form.png 5KB
file
index.tsx 577B
folder
components 文件夹
folder
menu 文件夹
file
menu.module.scss 2KB
file
menu.tsx 1KB
folder
contact 文件夹
file
contact.module.scss 641B
file
contact.tsx 1KB
folder
about 文件夹
file
about.tsx 9KB
file
adam.jpg 96KB
file
react-text-transition.d.ts 19B
file
about.module.scss 3KB
folder
header 文件夹
file
header.tsx 2KB
file
header.module.scss 3KB
folder
projects 文件夹
file
projects.tsx 1KB
file
projects.module.scss 1KB
file
App.tsx 2KB
file
github.svg 3KB
file
email.png 15KB
file
index.css 451B
folder
.idea 文件夹
file
vcs.xml 293B
file
modules.xml 278B
file
encodings.xml 135B
file
workspace.xml 11KB
file
portfolio-web.iml 336B
file
checkstyle-idea.xml 609B
file
tsconfig.json 494B
file
.gitignore 328B
folder
public 文件夹
file
manifest.json 299B
file
CNAME 13B
file
index.html 2KB
file
profile.ico 19KB
file
README.md 250B
zip 文件大小:1.01MB