熟练掌握HTML5+CSS3,运用弹性布局,根据设计图完成PC端。
熟练使用 Less、Sass预编译处理器编写样式代码,增强 css 代码的可维护性;
熟练运用flex布局,熟练使用 rem,百分比响应式布局,根据设计图完成 pc 端、移动端页面制作。
熟练使用 JavaScript 原生编程,了解闭包原理,熟悉用防抖处理滑动过快问题,用节流处理点击过快问题。
熟悉 ES6 的新特性。
封装原生Ajax以及Axios获取数据。
熟练使用 Vue2、Vue3全家桶,理解组件化和模块化开发,熟悉 MVVM 编程思想。
熟悉组件间的通信和数据的管理,熟练运用 Pinia/vuex 的使用
熟练TypeScript基本语法
熟练原生小程序开发
熟练使用uni-app开发
熟练Element-Ui、Vant组件库的使用。
了解Echarts数据可视化图标库,Swiper第三方插件库。
了解码云,GitHub 源码版本管理工具,熟练npm包管理工具的使用。
云鑫电商后台管理系统 pc端
项目描述:工作人员操作下可实现订单的调整及查看、各类业务的订单调配;管理后台则集成所有业务数据的管理,包括商品的分类、参数、列表,订单的增删改查,数据的可视化,角色权限发配管理等等功能模块,并采用多角色权限分控方案,实现对总台管理员,各级业务部门主管,劳务派遣人员等多用户的分权管理方案。
技术栈:Vue3、TypeScript、Element-Ui、Vue Router、Axios,Less,ES6,Echarts。
工作职责:
登录模块:表单验证、根据登录的token获取用户信息,自动登录,退出登录。
权限管理模块:权限功能的研发,使用token进行身份验证,根据权限的映射关系实现不同角色对应不同的菜单目录。
角色模块:对角色模块的增删改查,以及该角色下的权限分配管理,支持通过树形结构展现角色权限。
商品管理模块:产品的分类管理,产品的上下架,通过axios调用后台数据。
订单管理模块:对订单的信息、状态、物流等增删改查。
数据统计模块:引用Echarts结合axios调用后台数据,将用户分布、产品销量、订单统计等数据进行可视化展示。
阅读小说 APP
项目描述:该项目是一款免费阅读小说app,内置搜索功能,对于喜欢的书籍只需要在输入框上输入关键词即可完成搜索查找,可以查阅作者或者是查阅书本,帮助用户摆脱以往繁琐的查找模式,提升用户的体验度。书籍收藏功能,用户可以通过阅读小说进行相关书籍的收藏,方便用户日后的阅读。互动评价功能,在使用APP进行观看小说的过程当中,可以进行读者之间的互动,包括评价、回复、以及粉丝之间对于书籍内容的交流与信息互换等等,大大提升了阅读的乐趣。用户可自定义阅读界面,切换字体、颜色、背景、行距、段距、加粗、简繁转换等。给用户极致体验,让阅读成为一种习惯。
技术栈:uni-app框架、uni-ui组件库、Vue、ts、pinia,ES6
工作职责:
对Uni-app内置的请求API进行封装复用
首页模块,使用 uni-ui完成轮播图、导航栏及页面布局美化。
搜索功能,引入uni-ui中uni-search-bar搜索结合uni.request网络请求实现查找搜索功能
书架模块,用户点击收藏,结合pinia对数据进行储存并传递书架,书架接收到数据后渲染到页面上
触底加载功能,通过onReachBottom监听到触底的行为,配置onReachBottomDistance可以设置距离底部开启加载的距离,防止首次加载数据过大,接口调用时间长影响用户体验
编写二级导航栏。通过路由传参,点击导航滑块区域展示不同类别的页面。
小说详情页的布局。
爱尚龙虾烧烤 小程序
项目描述:这是一款杭州智生科技有限公司研发的方便用户购买餐饮的小程序。可以远程点菜:在线预约,人们通过在小程序中浏览相关电子菜品,并在线预约点菜,不仅让消费者节省了很多时间,也方便餐厅安排管理。线上点菜:可以把餐饮商家的信息呈现到微站上面,比如,菜品价格、图片、餐厅环境等,人们可以直接点击浏览查看所有内容,图文并茂,所见即所得,用户体验得到前所未有的提升。
技术栈:原生微信小程序、Vant、Vuex。Es6
工作职责:
登录注册功能,使用getUserProfile登陆时获取用户头像昵称信息
使用Vant进行页面布局,调用Search增加搜索功能
首页模块引入vant中Grid 宫格,把页面分隔成等宽度的区块,用于展示内容或进行页面导航
购物车菜品增减功能,用户点击加入购物车,调用事件函数,在vuex储存数据,mutations中修改数据,完成购物车的增减功能
评论功能,用户提交评价调用储存数据API接口,将数据储存到数据库当中,页面调用对应接口渲染评论数据
使用navigateTo实现烧烤店详情的页面跳转
豪威员工宿舍 小程序
项目描述:豪威员工宿舍包含员工线上办理入住、宿舍报修、退宿、留言反馈、宿舍公告、宿舍须知,减轻宿舍管理人员负担,方便人员管理,实现员工与管理人员之间的数据互通,及时对宿舍情况上报与通知。解决了宿舍管理跨区域、多楼栋、多床位的复杂管理,数据集中处理、人员分散管理,住宿信息一目了然,大大提高管理部门的工作效率及准确率。
技术栈:原生微信小程序、JavaScript、Vuex、Vant、Less等
工作职责:
使用原生小程序完成页面开发
登录注册模块,导入Vant中的Field输入框,对用户输入信息进行验证。验证
项目描述:豪威员工宿舍包含员工线上办理入住、宿舍报修、退宿、留言反馈、宿舍公告、宿舍须知,减轻宿舍管理人员负担,方便人员管理,实现员工与管理人员之间的数据互通,及时对宿舍情况上报与通知。解决了宿舍管理跨区域、多楼栋、多床位的复杂管理,数据集中处理、人员分散管理,住宿信息一目了然,
项目描述:随着社会的在新时代下的飞跃发展,全民健身的热潮兴起,在平时紧张的工作,学习之余,重视身体,重视身材,重视 健康的需求越来越强烈,黄金时代健身助手是一款记录用户运动数据的小程序,帮助用户记录运动时长、计算体测数据、预约培训课程、查看课程信息、上课打卡、上课记录、请假记录等