前端面试的项目

易捷人事管理信息平台(pc端)

项目描述：本项目是在实现机关和事业单位的人事管理信息系统，提高工作效率，加强各个部门之间协调。包括员工管理、人事管理、工资管理、统计管理和统计管理信息.五个功能模块。个人职能：系统管理：登录人事管理系统，管理员工信息，基础设置。员工管理： 基本资料和高级资料。首页：显示日历组件，公告；功能模块布局显示。工资管理：显示个人信息。技术要点：1.使用vuex(store)进行管理员登录是信息token存储状态。2.对首页的日历组件进行封装，实现登录的时间显示。3.在员工管理的基本资料表单上设置文件上传类型，在那个部门可以显示只读。4.在员工管理信息进行处理，只能每页实现 8 到 10 条事件，减少数据冗余。5.统计管理引入Echarts做显示大屏,数据可视化，显示员工男女比例，学历占比。.6.在系统管理中，对员工和相应的部门，权限调用部门实现，显示功能模块。7.对前端复杂数据进行，性能优化，做懒加载显示部分数据，减少页面卡顿。今日资讯(h5)项目描述：今日资讯为用户推荐信息、提供连接人与信息的服务的产品。主要模块有个人中心，用户登录/注册，首页列表，搜索功 能，频道栏，评论收藏点赞关注等。个人职责：登录、注册页、文章详情、个人中心模块部分功能。技术要点：1..采用Vue搭建平台，使用VantUI组件库提高开发效率。2.对项目进行移动端适配，使用flex弹性布局，可以在pc端和手机端显示。3 封装组件，使用v-if判断数据类型，显示相应的模块样式、4..使用本地存储配合监听事件实现历史搜索功能;5.使用导航守卫与拦截器来限制用户未登录时的操作。6.文章详情中能实现点赞，评论以及收藏功能。7.在文章评论列表中，使用javaScript的递归进行组件封装，显示三层评论。

图书商城平台(小程序)

项目描述为读者提供方碧娜快捷的线上购书体验和阅读分享，用户可以在线上看书，同时为行业提供一个专业精准的产品宣传推广平台。项目有三个功能：首页、购物车、个人中心。个人模块：首页：显示图片分类列表，图片搜索功能，购物车：实现商品结算信息，生成订单。个人中心:完成用户登录授权,显示用户信息，个人信息模块。技术要点：1.使用uniapp框架，在基于现有模板上进行二次开发。2.每次发送网络请求时利用uni.showLoading，添加loading全局效果，提高用户体验.3.使用了uni-app官方提供的便利组件实现首页轮播图和图书商品列表，展示分类的商品。4.用户点击授权登录，绑定手机号，姓名。才进行购买图书。5.实现了支付整个流程功能： 创建订单、预支付、发起微信支付、查询订单 和加入购物车的功能。