<template> <div class="box"> <div class="swipers"> <template v-for="(item, index) in lists" > <div class="item" v-if="index==active" :key="'0'+index" ...
分类:
其他好文 时间:
2021-04-26 13:50:48
阅读次数:
0
一、前言 css3动画效果的强大不言而喻,自它出现一直热度不减,它与js动画的优劣也一直成为前端界争论的话题,不可置疑的是css3动画的出现在一定程度上降低了动画效果的实现难度,利于前端的学习,其精简的代码量把我们从烦人的js调试中解放出来,当然css的动画效果有其局限性,我们不能只用css3模拟出 ...
分类:
Web程序 时间:
2021-04-19 14:47:38
阅读次数:
0
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ...
分类:
其他好文 时间:
2021-04-15 12:24:53
阅读次数:
0
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> <style> * { margin: 0; padding: 0; } #outer { width: 520px; height: ...
分类:
Web程序 时间:
2021-04-06 14:15:33
阅读次数:
0
遇到的问题: 1.只有第一个动画播放了,后面的不播放动画 原因 : 还没完全加载到轮播,动画就已经播放完了 解决方案 : 加一秒动画延迟 引入文件 <-- css --><link rel="stylesheet" type="text/css" href="/static/readme/anima ...
分类:
其他好文 时间:
2021-04-05 12:02:59
阅读次数:
0
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
分类:
其他好文 时间:
2021-04-01 13:23:28
阅读次数:
0
HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte ...
分类:
其他好文 时间:
2021-03-29 12:53:35
阅读次数:
0
需求 实现React轮播图 使用库 swiper官网 https://swiperjs.com/react 实现方法 /** 组件:图片轮播*/ import React, { Component } from "react"; import SwiperCore, { Navigation, Pa ...
分类:
其他好文 时间:
2021-03-29 11:45:53
阅读次数:
0
一首页热点数据放到缓存(不经常修改的数据) 1.轮播图 2.热门课程 3.名师 代码实现 1.导入依赖 <!-- redis --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-st ...
分类:
其他好文 时间:
2021-03-12 12:15:40
阅读次数:
0
可修改性: 刺激源:程序员 刺激:修改主题、轮播图、活动等等 制品:淘宝主界面活动展示等。 环境:淘宝正常运行 响应:程序员修改对应的程序,不影响其他部分 响应度量:程序员后台更新,用户登录即可使用 性能: 刺激源:淘宝用户 刺激:购买商品 制品:生成订单 环境:淘宝正常运行 响应:生成订单,提示用 ...
分类:
其他好文 时间:
2021-03-11 20:53:24
阅读次数:
0