徐帅

项目经历

1. Vite Share 共享博客

   源码链接 项目预览 相关博客文章 9+篇

   一个基于 Vue 3 / TypeScript 和 Vite 2 构建的单页面应用。

   这是我从自己记录学习笔记的需求出发，设计出的极简博客应用， 特点是使用 markdown 语法快速记录技术博客，并且实现不同用户博客共享

   主要功能包括前端页面的登录、注册、首页博客列表展示、博客详情展示、博客创建、编辑和删除（markdown格式）、我的页面和其他用户博客列表展示等。 实现的步骤已总结为 博客

   使用了开源的API接口，并用 axios 封装请求，实现对应的拦截器和 JWT 身份认证功能 并且使用了 ApiPost 接口测试工具，导出详细的接口文档 链接，让我对鉴权和接口封装有了一定的认识和实践

   该项目大量使用基于 composition api 实现的 Vue3 Hooks ，让我对 Hooks 有了深刻的理解和应用。 项目中的 hooks，代替之前项目中使用的 mixin 写法 解决mixin缺点

   使用了 pinia 作为统一的状态管理，对组件通信有了新的理解，优缺点

2. 我的UI库 Vueel3

   源码链接 项目预览 相关博客文章 9+篇

   一款基于 Vue3.0 / TypeScript / Vite 2 的 UI 框架。

   主要组件有 Icon、Button、Switch、Dialog、Tabs、Collapse 等常用组件

   此项目是我学习vue3的过程中实现的，让我对 vue3 和 vue2.6 的差异 有了清晰的认识和实践

   使用 Composition API 和 <script setup> 语法糖 在制作组件的过程中，使我了解了setup、ref、watchEffect等Composition API的用法

   该项目尝试对比使用 模板写法 和 JSX 写法，让我对 JSX 写法 有了进一步的理解和应用。

   制作过程让我对 TypeScript 和 Vite 有了新的认识。

   项目使用 Vite 2 作为构建和打包工具，进行项目文档页面的构建，实现秒级开发更新启动，并记录了一些实践经验， 并使用 npm 进行组件库的打包，并发布到 npm/vueel-demo，已总结为 博客

   我将其总结成了两篇博客 《TS 泛型的使用》、《Vite库模式》

3. 我的UI库 Vueel 2.6

   源码链接 项目预览 相关博客文章 15+篇

   这是一个基于 React 和 Vue 的多页面应用。

   并使用了Mocha + Chai进行单元测试，有效提高前端开发效率。制作过程让我对单元测试有了新的认识。

   主要功能包括微信登录、手机验证、直播、点播、答题系统、课程管理系统等。

4. Meoney 记账

   源码链接 项目预览 相关博客文章 8+篇

   一个基于 React / TypeScript 的移动端单页面应用。

   这是我从自己的需求出发，设计出的极简记账应用，特点是快速记账， 可以通过图表查看用户消费习惯。

   该项目大量使用 React Hooks，让我对 Hooks 有了深刻的理解和应用。