28 lines
1.3 KiB
Typst
28 lines
1.3 KiB
Typst
#import "@preview/brilliant-cv:3.1.2": cvEntry, cvSection
|
||
|
||
|
||
#cvEntry(
|
||
title: "一个资源分享站",
|
||
society: "NuistShare",
|
||
location: "南京",
|
||
tags: ("Nuxt", "NestJs", "Prisma", "TypeScript", "S3", "AList", "Github OAuth"),
|
||
description: "",
|
||
date: "2023.7-2023.9",
|
||
)
|
||
|
||
一个使用 Nuxt3、NestJs 开发的学习资料共享站点。部署在腾讯云上。
|
||
|
||
- *[打包体积优化]* 优化字体以及部分样式进行懒加载，部分组件使用动态导入加载，将首屏需要加载的资源从 2M 优化到240k，大大缩短首屏加载时间。
|
||
|
||
- *[中文字体分块优化]* 使用开源项目中文网字计划对字体分包，导出为分片 woff 并在 CDN 处设置强缓存。解决字体过大加载缓慢 的问题。
|
||
|
||
- *[Prerender 支持]* 使用 Nuxt 3 的能力，提前预渲染主页样式，缩短首屏加载时间
|
||
|
||
- *[CDN 集成部署优化]* 利用 vite-plugin-qiniu, 将 assets 上传至 CDN 并配置强缓存
|
||
|
||
- *[S3、AList 多存储协议支持]* 通过抓包并分析 Alist，支持了 Alist 协议，并且支持了 S3 协议。
|
||
|
||
- *[Github OAuth、邮箱验证支持]* 通过 node-mail 库支持了发送邮件，支持了 Github OAuth 登录。
|
||
|
||
- *[响应式UI设计]* 使用了 Vue 3 的 Composition API 进行开发，使用了 Vue 3 的 Suspense 特性， 实现了响应式 UI 设计。
|