★ 项目名称:气色美
项目周期:2019.8-2019.10
项目描述:气色美是一个集美妆、护肤品商城和美妆教学时尚资讯分享空间为一体的聚合平台。护肤、美妆、时尚潮品质优价美,是你不会后悔的购物平台。
我的职责:我在该项目中负责前端开发环境搭建,还原 UI 设计图,搜索,排序,分类等功能的实现, 和后端对接,使用 axios 请求数据渲染页面。
技术要点:1.使用@vue/cli 脚手架搭建项目开发环境,使用了单文件组件; 2.使用 axios 请求数据渲染页面;
3. 使用 vue-router 实现页面切换,路由懒加载;
4. 使用 v-if,v-on,v-model,v-for,v-bind 等指令,封装过滤器实现文本格式化; 5.运用 Vant 提供的组件及弹性盒模型实现移动端快速布局。
★ 项目名称:男人袜
项目周期:2018.10-2018.11
项目描述:该项目是一个商城类微信小程序,主要是买卖男士物品,让男士购物更加方便。
我的职责:我在该项目中负责配置底部tabBar 实现页面切换,商品分类及商品详情的展示,使用微信小程序自带的 api 请求数据渲染页面。
技术要点:1.使用 wx:if 和 wx:for 指令实现条件渲染和列表渲染;
2.调用微信小程序自带的组件库和 Vant Weapp 提供的组件辅助开发; 3.运用 wx.request 请求后端数据;
4.在 app.json 里面配置 tabBar 实现页面切换; 5.调用拍照接口实现上传图片功能。
★ 项目名称:达摩影院
项目周期:2018.07-2018.08
项目描述:该项目是一个 webApp,主要用于提供最新的电影介绍及上映影片的影讯查询及电影购票服务,由首页、正在热映、即将上映、影院、个人中心等模块组成。
我的职责:我在该项目中负责手机验证码登录逻辑的实现,登录注册、热映电影、即将上映电影列表展示以及电影详情展示。
技术要点:1.create-react-app 脚手架搭建项目开发环境; 2.react-router-dom 实现单页应用;
3.运用 Ant Design Mobile 提供的选项卡组件,抽屉组件等组件辅助开发; 4.使用 redux-thunk+redux-promise 实现异步操作;
★ 项目名称:电商后台管理系统
项目周期:2018.03-2018.05
项目描述:该项目定位是电商后台管理系统,包含商品管理、订单管理、用户管理、支付管理等模块。
我的职责:我在该项目中主要负责前端开发环境搭建、页面布局、路由配置、登录注册逻辑实现以及
用户管理模块用户信息编辑功能实现。
技术要点:1.运用 vue 框架官方提供的@vue/cli 脚手架开发项目; 2.运用 vue-router 实现单页应用;
3. 运用 Element 提供的组件辅助开发;
4. 运用 vue-resource 获取后端数据,渲染页面。
5. 通过 props 传值实现父子组件通信;
6. 运用 react-redux,immutable.js 对组件进行状态管理。