自定义博客皮肤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 140 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 120

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

代码 <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 177

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

代码 <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 99

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

代码 <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 118

原创 购物车的简易实现

**代码 ` <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 61

原创 侦听器:及时侦听

代码: 结果:

2020-11-16 10:55:41 65

原创 vue.js之v-for指令

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

2020-11-16 10:53:31 88

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

代码: 结果:

2020-11-16 09:58:05 324

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

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

2020-11-13 17:34:37 91

原创 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 143

空空如也

空空如也

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

TA关注的人

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