1. vue中导入animate.css动画库 2. vue中使用Swiper轮播图插件 ...
分类:
Web程序 时间:
2019-12-30 17:30:38
阅读次数:
296
关于轮播图 : html代码 : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
分类:
其他好文 时间:
2019-12-29 18:52:02
阅读次数:
87
第一步: 前期分析 1.商品详情页包括轮播图,详情,富文本 2.对于轮播图这种有多个值的外键, 应该再另外设计一个serializer表 3.写代码, 代码很简单 goods.views.py # RetrieveModelMixin的功能是帮我们完成url的配置, /goods/id, 通过输入i ...
分类:
其他好文 时间:
2019-12-29 10:53:55
阅读次数:
72
学习目标: 能够封装简单动画函数 能够理解缓动动画的封装 能够使用动画函数 能够写出网页轮播图案例 能够写出移动端触屏事件 1.1. 动画函数封装 1.1.1 缓动效果原理 缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来 思路: 1. 让盒子每次移动的距离慢慢变小,速度就会慢慢落下来 ...
今天开始做第一个项目! 开始做项目时纠结了很久,开始想仿做一个百度百科,但是太单调了,做了一半直接废稿。 之后找到了网易游戏官网,感觉不错,有点难度,挑战一把! 期间遇到几个问题,由于之前轮播图百般出错,又复习了一遍JS轮播图。 之后又制作了一个满屏的下拉列表a标签的数量就不行说了,黑呀呀的一片,看 ...
分类:
其他好文 时间:
2019-12-27 23:52:43
阅读次数:
87
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://unpkg.com/vue/dist/vue.js"></scri ...
分类:
其他好文 时间:
2019-12-27 00:14:38
阅读次数:
74
基础案例 01 轮播图进度条 训练描述 完成鼠标经过即可 训练提示 1. 添加背景图片,设置初始化样式 2. 利用盒子,定位盒子的位置,设置li的宽和高 3. 设置span的小高度,设置span的伪元素跟span一样大小,并且左下角对齐,宽度默认为0 4. 当鼠标经过则给伪元素宽度 操作步骤 1. ...
分类:
Web程序 时间:
2019-12-26 09:44:31
阅读次数:
110
天猫轮播图 在做网页的时候,轮播图很常见,今天我们就做一种轮播图,通过轮播图来熟悉JavaScript的操作。 样式如下所示: 执行代码如下所示: javascript代码部分如下所示: ...
分类:
其他好文 时间:
2019-12-25 20:32:04
阅读次数:
186
绿色的部分 背景色和当前的图片是对应的 Mysql内,数据表已经包含了一些数据。 编写代码service层 定义为一个接口, 实现类 实现接口类,并加上注解@Service controller 参数为了更通用化,一般会使用枚举。复制Sex复制为YesOrNo的枚举类。 写死的数据尽量要做到通用化。 ...
分类:
其他好文 时间:
2019-12-24 23:52:36
阅读次数:
139