项目一:仿唯品会(pc)
时间:2018-11——2018-12
采用技术:HTML,CSS3,Javascript
项目介绍:唯品会是一个商业类网站,页面美观,用户交互丰富。项目采用div整体布局,包含图片轮播,图片自动翻转,计时器展示等功能,使用HTML和CSS3完成页面排版美化,通过伪类选择器,css3 过渡动画和JavaScript相关dom操作完成各种鼠标悬浮效果展示。
项目收获:
1.熟练掌握页面的排版布局
2.熟练掌握DOM的操作
3.熟悉常见交互效果的实现
项目二:仿京东商城(移动端/h5)
时间:2019-05——2019-06
采用技术:vue全家桶,比如vuex,vue-router,axios等,移动端适配技术,swiper插件
项目介绍:采用vue cli搭建项目框架,包含图片轮播,计时器展示,请求数据,展示数据,移动端窗口适配等,模块化开发,组件化开发,使用外部插件完成图片轮播,rem和js实现页面适配。
使用模块化划分页面为多个模块,组件插槽实现模块的多用,外部插件完成图片轮播,rem和js实现页面适配。
项目收获:
1.熟练掌握vue开发项目的基本流程以及页面的排版布局,能够独立封装组件,使用组件以及组件通信。
2.能独立完成请求封装,数据请求,处理数据,展示数据
3.熟悉vue-router实现页面的跳转
4.了解在vue项目中添加外部框架以及移动端窗口适配
项目三:仿京东商城(微信小程序)
时间:2019-11——2019-12
采用技术:小程序配置,常见组件和API,vant weapp
项目介绍:
1.项目中使用view,swipe,navigator,text,image,video等组件实现页面布局,图片轮播,页面跳转,视频播放。
2.通过request API请求数据,async await同步化异步操作,使用缓存机制存储数据,实现多页面的数据共用,wx:for遍历数据
3.通过生命周期控制程序的启动时间,onReachBottom API实现触底动态加载数据,showLoading,showToast等API实现各种提示功能
4.使用vant weapp是实现流行的弹窗,地理位置选择以及功能强大的选项卡功能
项目收获:
1.熟练掌握微信小程序的基本开发流程以及页面的排版布局
2.能独立完成数据请求的封装,请求数据,处理数据,展示数据
3.能借助官方文档实现其他的功能
3.熟悉在小程序中添加第三方框架来增强页面功能