在工作中由于项目需要要写一个轮播图,本想使用组件直接调用实现快速开发,但是一想到自己经常使用组件但是让自己手写的话确实一点都不会。 一个不会手写组件的前端程序员不是一个好程序员!于是打算自己手写一个。 老规矩,首先看一下最终效果,这个最终可以实现定时自动播放,触摸滑动,手动修改下面横条效果等功能。 ...
分类:
移动开发 时间:
2019-09-09 15:09:33
阅读次数:
110
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv... ...
分类:
其他好文 时间:
2019-09-04 20:54:52
阅读次数:
91
参考:https://www.cnblogs.com/LIUYANZUO/p/5679753.html html: ...
分类:
Web程序 时间:
2019-09-04 19:00:42
阅读次数:
98
页面中可以分为:结构、样式、行为。而JS负责的就是对页面的渲染,让页面有行为可以行动起来。就经典就是轮播图。 JavaScript在设计之初只是为了做表单验证。但是现如今,JavaScript已经成为了一门功能全面的编程语言,已经是WEB中不可缺少的一部分,如今的JavaScript是一门既简单又复 ...
分类:
编程语言 时间:
2019-09-01 14:19:01
阅读次数:
79
方法一: 在项目中使用vue-awesome-swiper如果loop和autoplay总是出现各种问题,第一次加载的时候,轮播是不动的,需要重新加载一下swiper才会轮播 解决方案: 需要添加上两个属性,这样达到一个初始化swiper的目的 方法二: 在vue项目中经常会用轮播图,我一般用vue ...
分类:
其他好文 时间:
2019-08-30 21:15:41
阅读次数:
207
今日完成:设置了首页的轮播图及开始订餐的页面,, 准备好了菜单,在首页加入了精选菜单的版块。 明日任务:因为已经准备好点餐页面的模板,所以明天主要是要将菜单图片插入点餐页面,并且优化点餐页面现在还存在的一些问题,尽量明天可以把点餐页面做好。 今天遇到的问题主要是一开始不知道首页的轮播图片怎么设置,然 ...
分类:
其他好文 时间:
2019-08-29 20:08:33
阅读次数:
86
轮播图管理添加功能 后台轮播图管理的位置: 因此需在此处加一个路由的跳转: 在视图views中后台的index.html 在后台路由中新建一个slider.js 在整个后台中进行对轮播图路由的注册: 在后台的视图views中新建文件夹slider,并加入: 需要实现轮播图的添加功能,在slider. ...
分类:
Web程序 时间:
2019-08-28 13:11:27
阅读次数:
114