练习集 | UonIra‘s Blog

前端开发

🥊练习集

字数 378阅读时长≈ 1 分钟

2026-8-25

notion image

Github 仓库集合(未实时更新)：https://github.com/Uonlra/Web_Fronted/tree/main/Projects

Single Page Cv

Web_Fronted/Projects/1-singlePageCv at main · Uonlra/Web_Fronted

Record the Web fronted roadmap. Contribute to Uonlra/Web_Fronted development by creating an account on GitHub.

Web_Fronted/Projects/1-singlePageCv at main · Uonlra/Web_Fronted

https://github.com/Uonlra/Web_Fronted/tree/main/Projects/1-singlePageCv

Web_Fronted/Projects/1-singlePageCv at main · Uonlra/Web_Fronted

The Basic Static Web Page

GitHub - Uonlra/Basic_Web_page

Contribute to Uonlra/Basic_Web_page development by creating an account on GitHub.

GitHub - Uonlra/Basic_Web_page

https://github.com/Uonlra/2th_HTML_Project

GitHub - Uonlra/Basic_Web_page

Personal Profile

GitHub - Uonlra/CSS_Profile

Contribute to Uonlra/CSS_Profile development by creating an account on GitHub.

GitHub - Uonlra/CSS_Profile

https://github.com/Uonlra/CSS_Profile

GitHub - Uonlra/CSS_Profile

Flash Card

GitHub - Uonlra/CSS_FlashCard

Contribute to Uonlra/CSS_FlashCard development by creating an account on GitHub.

GitHub - Uonlra/CSS_FlashCard

https://github.com/Uonlra/CSS_FlashCard

GitHub - Uonlra/CSS_FlashCard

datepicker

Web_Fronted/Projects/5-date-ui at main · Uonlra/Web_Fronted

Record the Web fronted roadmap. Contribute to Uonlra/Web_Fronted development by creating an account on GitHub.

Web_Fronted/Projects/5-date-ui at main · Uonlra/Web_Fronted

https://github.com/Uonlra/Web_Fronted/tree/main/Projects/5-date-ui

Web_Fronted/Projects/5-date-ui at main · Uonlra/Web_Fronted

cookie

Web_Fronted/Projects/6-cookie at main · Uonlra/Web_Fronted

Record the Web fronted roadmap. Contribute to Uonlra/Web_Fronted development by creating an account on GitHub.

Web_Fronted/Projects/6-cookie at main · Uonlra/Web_Fronted

https://github.com/Uonlra/Web_Fronted/tree/main/Projects/6-cookie

Web_Fronted/Projects/6-cookie at main · Uonlra/Web_Fronted

7.内存池性能优数据页

GitHub - Uonlra/memory-sharp: C++ 高性能内存池项目，主要解决高频小对象分配时 new/delete 开销大、并发场景锁竞争明显的问题。

C++ 高性能内存池项目，主要解决高频小对象分配时 new/delete 开销大、并发场景锁竞争明显的问题。 - Uonlra/memory-sharp

GitHub - Uonlra/memory-sharp: C++ 高性能内存池项目，主要解决高频小对象分配时 new/delete 开销大、并发场景锁竞争明显的问题。

https://github.com/Uonlra/memory-sharp

GitHub - Uonlra/memory-sharp: C++ 高性能内存池项目，主要解决高频小对象分配时 new/delete 开销大、并发场景锁竞争明显的问题。

8.TaskFlow

GitHub - Uonlra/TaskFlow: 围绕私人日程安排设计的任务工作台，把任务管理、到期风险、标签组织、进度趋势和个人资料整合到同一个前端项目。

围绕私人日程安排设计的任务工作台，把任务管理、到期风险、标签组织、进度趋势和个人资料整合到同一个前端项目。 - Uonlra/TaskFlow

GitHub - Uonlra/TaskFlow: 围绕私人日程安排设计的任务工作台，把任务管理、到期风险、标签组织、进度趋势和个人资料整合到同一个前端项目。

https://github.com/Uonlra/TaskFlow

GitHub - Uonlra/TaskFlow: 围绕私人日程安排设计的任务工作台，把任务管理、到期风险、标签组织、进度趋势和个人资料整合到同一个前端项目。

9.story_feature

GitHub - Uonlra/Uonlra: smile

smile. Contribute to Uonlra/Uonlra development by creating an account on GitHub.

GitHub - Uonlra/Uonlra: smile

https://github.com/Uonlra/Uonlra

GitHub - Uonlra/Uonlra: smile

10.joint—md

GitHub - Uonlra/joint-md: 用于一次性合并多个 .Markdown 或者 .epub 文档并支持在线预览的浏览器工具

用于一次性合并多个 .Markdown 或者 .epub 文档并支持在线预览的浏览器工具. Contribute to Uonlra/joint-md development by creating an account on GitHub.

GitHub - Uonlra/joint-md: 用于一次性合并多个 .Markdown 或者 .epub 文档并支持在线预览的浏览器工具

https://github.com/Uonlra/joint-md

GitHub - Uonlra/joint-md: 用于一次性合并多个 .Markdown 或者 .epub 文档并支持在线预览的浏览器工具

11.redditlike

GitHub - Uonlra/RedditLike: RedditLike 是一个实时的 Reddit 风格社区应用。用户可以创建社区、发布带图片的帖子、发表评论，并对内容进行赞同或反对。所有交互都会通过 Convex 基于 WebSocket 的响应式查询即时同步到所有已连接客户端。

RedditLike 是一个实时的 Reddit 风格社区应用。用户可以创建社区、发布带图片的帖子、发表评论，并对内容进行赞同或反对。所有交互都会通过 Convex 基于 WebSocket 的响应式查询即时同步到所有已连接客户端。 - Uonlra/RedditLike

GitHub - Uonlra/RedditLike: RedditLike 是一个实时的 Reddit 风格社区应用。用户可以创建社区、发布带图片的帖子、发表评论，并对内容进行赞同或反对。所有交互都会通过 Convex 基于 WebSocket 的响应式查询即时同步到所有已连接客户端。

https://github.com/Uonlra/RedditLike

GitHub - Uonlra/RedditLike: RedditLike 是一个实时的 Reddit 风格社区应用。用户可以创建社区、发布带图片的帖子、发表评论，并对内容进行赞同或反对。所有交互都会通过 Convex 基于 WebSocket 的响应式查询即时同步到所有已连接客户端。

12.U-s-cinema

GitHub - Uonlra/U-s-cinema: MoviePage 是一个基于 React 和 Vite 构建的电影浏览项目，用于练习前端组件拆分、路由管理、接口请求、状态共享与本地数据持久化。项目以电影发现和收藏为核心场景，用户可以浏览热门电影、搜索电影，并把喜欢的电影加入收藏列表。

MoviePage 是一个基于 React 和 Vite 构建的电影浏览项目，用于练习前端组件拆分、路由管理、接口请求、状态共享与本地数据持久化。项目以电影发现和收藏为核心场景，用户可以浏览热门电影、搜索电影，并把喜欢的电影加入收藏列表。 - Uonlra/U-s-cinema

GitHub - Uonlra/U-s-cinema: MoviePage 是一个基于 React 和 Vite 构建的电影浏览项目，用于练习前端组件拆分、路由管理、接口请求、状态共享与本地数据持久化。项目以电影发现和收藏为核心场景，用户可以浏览热门电影、搜索电影，并把喜欢的电影加入收藏列表。

https://github.com/Uonlra/U-s-cinema

GitHub - Uonlra/U-s-cinema: MoviePage 是一个基于 React 和 Vite 构建的电影浏览项目，用于练习前端组件拆分、路由管理、接口请求、状态共享与本地数据持久化。项目以电影发现和收藏为核心场景，用户可以浏览热门电影、搜索电影，并把喜欢的电影加入收藏列表。

13.githubsearch

https://github.com/Uonlra/Web_Fronted/tree/main/Projects/14-GithubSearch

14.contactform

Web_Fronted/Projects/13-ContactForm at main · Uonlra/Web_Fronted

Record the Web fronted roadmap. Contribute to Uonlra/Web_Fronted development by creating an account on GitHub.

Web_Fronted/Projects/13-ContactForm at main · Uonlra/Web_Fronted

https://github.com/Uonlra/Web_Fronted/tree/main/Projects/13-ContactForm

Web_Fronted/Projects/13-ContactForm at main · Uonlra/Web_Fronted

个人工作流

Tailwind 工程化：迁移动机、使用规范与设计系统共存

Tailwind 工程化：迁移动机、使用规范与设计系统共存

作者:Uonlra
链接:https://www.uonlra.blog//article/front_works
声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。

相关文章

Lazy loaded image

个人工作流

Lazy loaded image

Tailwind 工程化：迁移动机、使用规范与设计系统共存

Lazy loaded image

TaskFlow：一个偏个人工作台风格的任务管理项目

Lazy loaded image

Conda基础学习笔记

Lazy loaded image

Lazy loaded image

你好！关于我：

Uonlra

🎉基于 Typescript 搭建的个人任务管理程序已经上线🎉

在我的 Github 中了解更多

👏个人技术栈👏

React / TypeScript / Next.js / Vite

HTML5 / CSS3 / JavaScript ES6+

React Hook Form / Zod

Git / GitHub / Vercel

Zustand / Context API

本人相关：

交流频道

加入我们的社群讨论分享

点击加入社群

最新发布

Lazy loaded image

Lazy loaded image

Lazy loaded image

Lazy loaded image

Lazy loaded image

Lazy loaded image

¹⁴

¹⁴

¹⁰

⁹

⁷

⁷

⁵

⁵

月光的合金

⁵

⁴

⁴

计算机体系结构

³

³

²

²

²

²

¹

¹

¹

文章数:

47

建站天数:

1874 天