- 博客(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
原创 获取当前时间的方法(其一)
方法体: 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关注的人