前端简历:项目经历(经验)-外卖送餐类

news2024/9/23 21:29:28

项目经历-堂食外送点餐 2022年2月-2022年5月 

项目描述:该平台提供外送订餐服务,用户可以在手机中轻松地浏览菜品、下单、支付、编辑地址、填写个人信息等,我主要负责首页、订单、我的这3个功能/模块。

技术栈:Amfe-flexible+Axios+Core-js+Less+Less-loader+Mockjs+Postcss-pxtorem+Vant+Vue+Vue-router+Vuex

项目职责:

1、使用vue/cli搭建项目,配合Vant组件库完成相关页面布局和需求。 

2、使用组件化和模块化的开发模式并使用vue框架来构建项目,如首页、购物、订单、我的。 

3、使用 PostCSS 和 amfe-flexible 可以实现弹性布局和 rem 单位的转换,进行移动端适配。 

4、使用isAuth属性控制路由权限并使用import函数懒加载路由,提高性能。 

5、使用客户端的localstorage缓存用户信息和登录信息,提高性能。 

6、抽离公共组件,如Empty.vue、Footer.vue、Header.vue、ListItem.vue等。 

7、完成axios的二次封装,便于获取axios请求的配置信息。 

8、注重用户体验:采用 webpack 打包提前缓存图片、图标等静态资源,使用下拉刷新和滚动动 

画,采用响应式布局,不同设备有良好的视觉效果。 

9、设置拦截器,统一获取响应成功数据并失败的请求和响应并做出提示。

 

81a4a0b7c78a47dca71f254758a38cda.jpg

4a6150146f1e41899bb33945374c9541.jpg 

 0c1648b1cd59498ca6bbbc372be5a1b7.jpg

 

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1932361.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【BUG】已解决:TypeError: object of type ‘int‘ has no len()

已解决:TypeError: object of type ‘int‘ has no len() 欢迎来到英杰社区https://bbs.csdn.net/topics/617804998 欢迎来到我的主页,我是博主英杰,211科班出身,就职于医疗科技公司,热衷分享知识,武汉城市…

2024 睿抗机器人开发者大赛CAIP-编程技能赛-本科组(省赛)

RC-u1 热҈热҈热҈ 分数 10 全屏浏览 切换布局 作者 DAI, Longao 单位 杭州百腾教育科技有限公司 热҈热҈热҈……最近热得打的字都出汗了! 幸好某连锁餐厅开启了气温大于等于 35 度即可获得一杯免费雪碧的活动。但不知为何,在每个星期四的时候&#x…

云渲染服务:初创企业的成本效益与效率提升

视觉营销对于吸引潜在客户至关重要,而云渲染作为一种革命性工具,为创意产业提供了强大的计算能力和灵活性,帮助企业在竞争激烈的市场中脱颖而出。 一、什么是云渲染? 云渲染是指客户利用远程计算资源,将图形传输到云服…

linux虚拟机主ip地址:网络信息不可用(没IP)

第一种情况其它博主写的很详细 就是在 /etc/sysconfig/network-scripts/ifcfg-ens33 的onbootno 改为 yes 然后重启 第二种就是我遇到的,是因为服务没有启动 首先winr打开搜索 然后搜索service.msc 把这两项手工右键开启即可,然后重启虚拟机&a…

SpringCloud网关的实现原理与使用指南

Spring Cloud网关是一个基于Spring Cloud的微服务网关,它是一个独立的项目,可以对外提供API接口服务,负责请求的转发和路由。本文将介绍Spring Cloud网关的实现原理和使用指南。 一、Spring Cloud网关的实现原理 Spring Cloud网关基于Spring…

F. Custom-Made Clothes(武汉icpc邀请赛)

题意:有一个n*n的矩阵,a[i][j]>a[i-1][j],a[i][j]>a[i][j-1](每一行非递减,每一列非递减),每次可以查询a[i][j]是否小于等于x,如果返回1,否则返回0.输出操作,求第k小的最大数。 知识点&a…

在CANopen协议中,SDO的意思

在CANopen协议中,SDO(Service Data Object)指的是服务数据对象,它是CANopen网络中用于设备配置和参数化的主要机制之一。SDO用于在主站和从站之间传输配置和状态数据,特别适用于传输那些长度超过标准CAN数据帧所能承载…

savgol_filter丢数据点

y_smooth scipy.signal.savgol_filter(src, window_length15, polyorder3, modeconstant, cval15) # 数据变少了 plt.figure(str(i)) plt.plot(x, src, labelsrc) plt.plot(x, y_smooth, labelsmoothed) plt.legend()按照教程:python 数据、曲线平滑处理——方…

【深度学习入门篇 ⑧】关于卷积神经网络

【🍊易编橙:一个帮助编程小伙伴少走弯路的终身成长社群🍊】 大家好,我是小森( ﹡ˆoˆ﹡ ) ! 易编橙终身成长社群创始团队嘉宾,橙似锦计划领衔成员、阿里云专家博主、腾讯云内容共创官…

速部署 HBase 测试环境

快速部署 HBase 测试环境 第一步:下载软件,在HBase官网下载最新版, 找到 bin,点击下载,比如我这里下载的是 hbase-2.5.6-bin.tar.gz 第二步:解压软件 $ tar -zxvf hbase-2.5.6-bin.tar.gz $ cd hbase-2.…

完美解决ImportError: cannot import name ‘PILLOW_VERSION‘的正确解决方法,亲测有效!!!

完美解决ImportError: cannot import name PILLOW_VERSION’的正确解决方法,亲测有效!!! 亲测有效 完美解决ImportError: cannot import name PILLOW_VERSION的正确解决方法,亲测有效!!&#xf…

Java---多态

乐观学习,乐观生活,才能不断前进啊!!! 我的主页:optimistic_chen 我的专栏:c语言 欢迎大家访问~ 创作不易,大佬们点赞鼓励下吧~ 前言 前面博客了解了Java语法中继承的相关知识&…

泛微Ecology8明细表对主表赋值

文章目录 [toc]1.需求及效果1.1 需求1.2 效果2.思路与实现3.结语 1.需求及效果 1.1 需求 在明细表中的项目经理,可以将值赋值给主表中的项目经理来作为审批人员 1.2 效果 在申请人保存或者提交后将明细表中的人名赋值给主表中对应的值2.思路与实现 在通过js测…

MySQL数据库慢查询日志、SQL分析、数据库诊断

1 数据库调优维度 业务需求:勇敢地对不合理的需求说不系统架构:做架构设计的时候,应充分考虑业务的实际情况,考虑好数据库的各种选择(读写分离?高可用?实例个数?分库分表?用什么数据库?)SQL及索引:根据需求编写良…

鸿蒙语言基础类库:【@system.notification (通知消息)】

通知消息 说明: 从API Version 7 开始,该接口不再维护,推荐使用新接口[ohos.notification]。本模块首批接口从API version 3开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。 导入模块 import notification fro…

生信学院|07月19日《在线产品设计工具》

课程主题:在线产品设计工具 课程时间:2024年07月19日 14:00-14:30 主讲人:武旭 生信科技 售后服务工程师 基于云的设计平台高效的在线设计工具与SOLIDWORKS对比Q&A 安装腾讯会议客户端或APP,微信扫描海报中的二维码报名哦…

【光伏发电功率预测】方法综述学习笔记1

文章目录 研究背景为什么要做光伏发电功率预测?光伏功率预测难点影响光伏发电的因素光伏发电功率预测分类光伏发电功率预测方法预测评价指标总结 研究背景 近十年,化石能源消耗不断增加,环境污染日趋严重,已经成为国际社会普遍关…

连接池应用

一、什么是连接池: 当应用程序需要执行数据库操作时,它会从连接池中请求一个可用的连接。如果连接池中有空闲的连接,那么其中一个连接会被分配给请求者。一旦数据库操作完成,连接不会被关闭,而是被归还到连接池中&…

Seata的TCC模式与XA模式实战使用

文章目录 SeataXA模式整体机制微服务整合SeataXA SeataTCC模式什么是TCC以用户下单为例Seata TCC 模式Seata TCC模式接口改造TCC如何控制异常空回滚幂等悬挂 微服务整合SeataTCC 比较 SeataXA模式 XA协议最主要的作用是就是定义了RM-TM的交互接口,除此之外&#xf…

对LinkedList ,单链表和双链表的理解

一.ArrayList的缺陷 二.链表 三.链表部分相关oj面试题 四.LinkedList的模拟实现 五.LinkedList的使用 六.ArrayList和LinkedList的区别 一.ArrayList的缺陷: 1. ArrayList底层使用 数组 来存储元素,如果不熟悉可以来再看看: ArrayList与顺序表-CSDN…