黄文涛

项目经历

1. 云笔记

   源码链接 项目预览

   项目介绍：使用Vue实现的一个一款线上云笔记项目。

   实现功能：包含登录注册、笔记本列表、笔记文档、回收站等组件，实现了登录、注册、添加、删除、编辑文档和笔记本、回收站恢复等功能。项目以Vue CLI作为脚手架，使用 Less作为CSS预处理，通过 Vue Router实现路由跳转以及懒加载、通过Vuex实现全局状态管理，使用 Axios获取数据，并对接口进行封装，使用Element-UI优化交互，使用 Markdown-it 完成markdown语法编辑，使用 Lodash实现函数防抖。

   技术栈：Vue/Vue CLI/Vue Router/Vuex/Less/Axios/ES6/Markdown It/Element-UI/Lodash

2. 橘子记账

   源码链接 项目预览

   项目介绍：橘子记账是一款极简的记账项目，也是一款基于 Vue、TypeScript、Vuex、Vue Router实现的单页面应用。该项目是本人从自身需求出发开发的项目，期间遇到了很多关于Webpack、TypeScript方面的问题，我将解决问题的过程记录在博客。源代码几乎完全使用TypeScript实现，用到了装饰器等语法。

   实现功能：包含明细、记账、统计页面，实现了记账、标签管理、数据统计等功能。项目以Vue CLI作为脚手架，使用 Sass作为CSS预处理，通过 Vue Router实现路由跳转、通过Vuex实现全局状态管理，使用 Echarts实现统计功能。

   技术栈：Vue/Vue CLI/Vue Router/Vuex/Echarts/Sass/TypeScript/ES6/Element-UI

3. 自制UI组件库

   源码链接 项目预览

   项目介绍：这是一个基于 Vue的UI组件库，该项目参考了Ant Design、Element UI、iView、Vuetify等UI库的思路实现，项目采用 Vite工具搭建，目前已支持Switch、Button、Modal、Tabs、Input、Popover、Collapse组件，并且自己搭建了官网，对库的介绍以及展示源码，目前将UI库上传到了 npm，完成该项目使我对Vue的常用特征更加熟悉，期间遇到了许多问题，我将解决问题的过程记录在了博客。

   技术栈：Vue/Vite/Vue Router/Vuex/ES6/TypeScript/Sass

4. 图床

   源码链接 项目预览

   项目介绍：模拟市面上的图床网页实现的一款极简图片上传网页。

   功能介绍：使用 LeanCloud存储数据，使用实现了 Styled-components实现 CSS IN JS，使用 Mobx实现全局状态管理，使用LeanCloud存储数据，实现了登录注册，图片上床，图片修改和查看图片上传历史，删除上传的图片,定制上传图片大小等功能，开发期间遇到了许多问题，总结了解决问题的方法并写了博客。

   技术栈：React/Styled-components/Mobx/Ant Design/Lean Cloud

5. 自制DOM库

   源码链接

   在学DOM时，为了能熟练掌握DOM API，我封装了一个简单的DOM库，实现了元素选择、元素创建、元素删除、元素修改等常见功能。

6. 会动的招财猫

   源码链接 项目预览

   一个基于原生 JavaScript和 CSS3完成的项目，利用JS动态写入HTML和CSS，模拟从零到画出一只招财猫的过程，在制作期间加深了我对HTML以及CSS的理解。