自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 CSS3动画基础(二)——伪类选择器

CSS3选择器 属性选择器//html代码:<a href="xxx.pdf">我链接的是PDF文件</a><a href="#" class="icon">我类名是icon</a><a href="#" title="我的title是more">我的title是more</a>//css代码 a[class^=icon]{ background: green; color:#fff;}a[href$=p

2020-11-18 14:21:54 146 1

原创 CSS3动画基础(一)

文字阴影:text-shadow背景图片的起始位置background-clip多重背景multiple background.demo{ width: 300px; height: 140px; border: 1px solid #999; background-image: url(http://img.mukewang.com/54cf2365000140e600740095.jpg), url(h

2020-11-18 10:18:38 124

原创 列表动漫效果的实现(删除功能)

代码<template> <div> <div> <label>ID</label> <input type="text" v-model="id"></input> <label>名字</label> <input type="text" v-model="mingzi"></input>

2020-11-17 14:22:21 178

原创 列表动漫效果的实现(添加功能)

代码<template> <div> <div> <label>ID</label> <input type="text" v-model="id"></input> <label>名字</label> <input type="text" v-model="mingzi"></input>

2020-11-17 11:58:29 100

原创 购物车小球动画的实现

代码<template> <div> <input type="button" value="快到碗里来" @click="flag=!flag"></input> <transition @before-enter="beforeEnter" @enter="enter" @after-enter="afterEnter"> <div class="ball" v-show="flag"></d

2020-11-17 10:44:23 123

原创 购物车的简易实现

**代码`<input type=“checkbox” @change=“handleChange” v-model=“isAllchecked”/><input type=“checkbox” v-model=“checkgroup” :value=“item” @change=“handleliChange”/>{{item}}<button @click=“handledel(item)”>del{{item.number}}<button

2020-11-17 10:40:47 67

原创 侦听器:及时侦听

代码:结果:

2020-11-16 10:55:41 66

原创 vue.js之v-for指令

2.获取索引值结果:4.v-for的三种循环

2020-11-16 10:53:31 89

原创 v-bind指令,v-if指令

代码:结果:

2020-11-16 09:58:05 332

原创 获取当前时间的方法(其一)

方法体:setInterval是定时器![在这里插入图片描述](https://img-blog.csdnimg.cn/20201113173149823.png#pic_center)结果:

2020-11-13 17:34:37 95

原创 foreach map fliter every some 的区别及其用法

1. foreach说明:遍历数组全部元素,利用回调函数对数组进行操作,自动遍历数组.length次,且无法break中途跳出循环,不可控、不支持return操作输出,return只用于控制循环是否跳出当前循环。例子:2. map说明:创建新数组不改变原数组输出的是 return什么就输出什么 新数组回调函数参数,item(数组元素)、index(序列)、arr(数组本身)使用return操作输出,会循环数组每一项,并在回调函数中操作示例:3. fliter说明: 顾名思义就是过滤

2020-11-13 14:32:12 146

空空如也

空空如也

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

TA关注的人

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