熟悉掌握HTML5,CSS3,Javascript,Ajax编写动态数据交互页面,使用面向对象开发贪吃蛇小游戏
熟悉vue全家桶,能够独立通过脚手架搭建项目,能够对项目进行模块化开发,能够独立封装组件,能够借助外部框架进行vue项目的快速开发,后期项目的维护和优化。
熟悉微信小程序,能够借助vant weapp进行小程序的快速开发
熟悉Uniapp,能够借助uView进行项目开发
熟悉React,能够借助zent进行项目开发,
熟悉git源代码管理,接触过php,数据库
项目一:仿唯品会(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.熟悉在小程序中添加第三方框架来增强页面功能
该作品是模仿唯品会商城用来巩固自己基础知识的。主要使用的技术是html,css,js,它属于一个静态页面,所有数据是写死的,页面中有许多的交互功能,点击或鼠标放上去都有相应的效果展示,有炫酷的菜单栏。
该作品是仿京东商城开发的,目的是巩固微信小程序开发和vue cli开发。使用的开发工具分别是微信开发者工具和vscode,使用的技术是小程序api和vue全家桶。
该作品是一个简易的课程表,页面右上角有前进和后退可以查看相应周次的课程,位置,时间。数据是动态变化的,后台数据结构清晰。页面数据的变化全程通过js代码逻辑更新。