项目简介： 根据Github上获得18.4k的原生前端项目进行练习。 个人职责： 1）制作网页demo， 包括网页元素，样式，动态功能； 2）通过Git提交到Gitee平台，并通过静态服务部署至网站http://guanhaizhe.gitee.io/project s50-50-days/； 工作成果：通过JavaScript的DOM操作对指定的标签添加类名和css的过渡的动画效果使大部分网页demo具有动态功能。通过运用弹性布局，定位，伪类元素等方式来布局html元素，通过预设:root来管理颜色，动画等的属性值。根据需要通过@import引入外部字体，通过fontawesome网站来引入字体图标。

项目简介：综合性电商购物网站，目前支持用户登录，首页商品分类和商品展展示， 路由跳转等（开发中...） 技术栈：vue3 + vux-persistedstate + axios + ant-design-vue + vueuse + less 个人职责： 1）通过normalize.css来重置网站的公用样式和vue的style-resoures-loader插件自动注入全局的less样式文件； 2）通过vux-persistedstate来支持vuex的数据持久化，并通过分模块进行存储数据； 3）在组合式API中对vuex的mapState等钩子和数据懒加载钩子进行二次封装，方便使用vuex的组件的状态和优化网站性能； 4）基于ant-desing-vue二次封装公用的骨架屏等组件，方便复用组件，提升效率；

项目简介：简易版移动端网页音乐播放器，目前支持播放歌曲，搜索和查看歌单/歌曲详情页等功能。 技术栈：vue2 + vux + axios + vant3 + less 网站：http://123.57.247.32 个人职责： 1）基于 Vue/Vue CLI 按需引入 Vant 组件库，通过抽取公共组件，实现复用，优化页面布局，降低开发和维护成本； 2）通过 axios 进行请求和响应拦截器封装，方便API接口复用； 3）通过 mixins 来对字体图标库的样式（字体和颜色等）进行可复用性封装，来适配页面布局； 4) 通过 Jest 来测试歌词和歌曲作者名解析等 JavaScript 工具类函数，降低测试成本； 5）通过事件总线 mitt，$attrs 和$listener 来实现多层组件数据的传递和事件触发；