自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 资源 (3)
  • 收藏
  • 关注

原创 Vue模仿饿了么实现购物车功能

效果图:食物列表添加本方法使用的是父组件作为中间组件进行传值<i class="iconfont iconjian" @click.stop="foodSubstract(menu, f, m)" v-show="menu.foodNum"></i><span v-show="menu.foodNum">{{menu.foodNum}}</span><i class="iconfont iconadd1" @click.stop="foodA

2020-09-16 20:54:01 939

原创 Vue模仿饿了么实现商户综合推荐

由于自己的项目一直是现在普通h5项目下造好轮子,然后再挪到脚手架进去,再此分享一下效果图:先上代码:html部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0,user-sc

2020-07-30 12:04:51 302

原创 解决express脚手架项目下,关于apidoc自动生成api接口文档报apidoc.json不存在的办法

在express项目下,自动生成apidoc,会有以下报错:此时相信,你会跟着提示走,在根目录下新建apidoc.json文件并写好相关配置,但是会发现重新运行上述指令时,还是会报错,一开始找了很久百度上也没有相关的解决办法,后面灵机一动,干脆把它直接挪到router路由文件夹根目录下,然后再次运行,这时候会发现不报错了,而且去查看文档,相关配置,IP地址都加到接口地址前面了...

2020-07-05 10:02:39 545

原创 解决node第三方multer自定义路劲报错

使用multer自定义路劲时会报如下错误no such file or directory, open 'H:\NodeJS\node04\static\upload_img\yukee-1592921088615.jpg修改后的代码

2020-06-23 22:17:09 554

原创 关于解决移动端滚动事件滚动到底部抖屏的问题

首先必须明白会抖屏说明滚动事件一直在执行,滚动到底部要想不抖动,就必须暂时移除滚动事件,待相关业务逻辑处理完成之后再次绑定页面滚动事件首先初始化绑定一次然后就是滚动到底部进行滚动加载时暂时移除滚动事件最后滚动加载完成之后,再次绑定滚动事件...

2020-05-06 17:05:43 1054

原创 vue模仿饿了么实现横向导航

最近用vue模仿饿了么,写一个外卖商城webApp先上效果图:html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, minimum-sc...

2020-04-28 20:55:17 737

原创 Vue+mockJS+axios实现无限滚动

Vue+mockJS+axios实现无限滚动效果图:html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...

2020-04-22 17:20:39 213

原创 Vue+mockJs+axios 实现分页功能

Vue+mockJs+axios 实现分页功能参考芳姐的课程,由于本人不会写接口,直接使用mock模拟了一个接口html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt...

2020-04-20 21:11:09 644

原创 Vue+mock+axios实现侧边动态导航栏

参考芳姐的课程,由于本人不会写接口,直接使用mock模拟了一个接口直接上代码首先是Html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

2020-04-16 16:02:53 267

vue_shop_filter.rar

本轮子是模仿小程序饿了么店铺综合筛选页开发的,包含,综合筛选,条件排序,店铺列表三个组件,使用mock作为模拟数据接口

2020-07-30

vue_pagination.rar

利用vue+mock+axios实现纯前端分页功能,分页逻辑和页码带省略号的逻辑可以参考博文那边的代码

2020-07-29

vue_menubar.rar

本案例是模仿饿了么,实现横向导航栏,可以参考用,也可以直接插入到项目中,接口方面使用的是mockJS模拟接口

2020-04-29

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除