- 博客(14)
- 收藏
- 关注
RSS订阅原创 微信小程序开发之选项卡滑动切换
先看效果: 再上代码: 1.index.wxml [html] view plain copy view class="swiper-tab"> view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bi
2018-01-17 14:43:23
3039
原创 vue-resource数据交互
#app{ width: 500px; overflow: hidden; border: 1px solid #ccc; margin: 0 auto; } #app a{ display: block; text-decoration: none; border-bottom: 1px solid #E5E5E5; color: #000; width: 100%; h
2018-01-17 14:24:50
230
原创 vue组件之间的通信-父→子
Vue.component('son',{ props:['message'], /*props是单向绑定的（父→子），是vue为了防止子组件无意修改了父组件的数据和状态*/ template:`{{message}}` }); //创建一个vue实例 const app = new Vue({ el:"#app", d
2018-01-05 15:26:17
229
原创 vue十大常见指令（下）
ul,ol{ list-style: none; } 数组遍历 {{value}} 对象遍历 {{user._id}} v-for 指令常用于渲染数据,除了可以迭代数组，还可以迭代对象和整数。 ................................................↓.............
2018-01-05 15:20:57
1053
原创 vue十大常见指令（上）
v-text 指令用于更新标签包含的文本，它的作用跟双大括号的效果一样 ................................................↓................................................ v-html 指令帮助我们绑定一些包含html代码的数据在视图上。 ...................
2018-01-05 15:20:24
1334
原创 vue2.0生命周期
watch选项是Vue提供的用于检测指定的数据发生改变的api。 {{name}} new Vue({ el:'#app', data:{ name:'毛大爷', url:'img/微信图片_20171212174410.jpg' }, beforeCreate(){ //此阶段为实例初始化之前，此时的数据观察和事件配置都没好准备好。 c
2018-01-05 15:19:48
615
原创 vue动态改变背景图片demo
#bag{ width: 200px; height: 500px; margin: 0 auto; background: url(img/piao11.jpg) center no-repeat; background-size: 80%; } .burst{ background-image: url(img/piao12.jpg) !important; backgrou
2018-01-05 15:18:48
6983
原创 vue+bootstarp实现留言板效果
vue+bootstarp留言板 用户名： 年龄： 用户信息表 序号 名字 年龄 操作 {{index}} {{item.name}} {{item.age}} 删除 全部删除 暂无数据...
2018-01-05 15:17:57
874
原创 vue2.0路由实现底部导航跳转
document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px'; // 1REM=50px *{ margin: 0 ;padding: 0 ; } ul,p,span,ol,h1,h2,h3,h4,h5,h6{ margin:
2018-01-05 15:16:28
3707
原创 vue2.0 transition组件实现过渡效果
*{margin: 0;padding: 0;} .app{ width: 220px; height: 310px; background: #F0F0F0; margin: 0 auto; margin-top: 100px; overflow: hidden; } .btn{ display: block; width: 80px; height: 30px; ba
2018-01-05 15:14:48
1686
原创 vue2.0获取鼠标位置
#canvas{ width: 500px; height: 500px; text-align: center; line-height: 500px; border: 1px solid #E5E5E5; margin: 0 auto; margin-top: 100px; } {{x}} {{y}} new Vue({ el:'#app'
2018-01-05 15:12:14
10119
转载 关于储存
H5本地存储有两个API，一个是Web Storage，还有一个是Web SQL。不管是哪一个，都是基于JavaScript语言来使用，接下来我就教你怎么使用H5本地存储，本文篇幅较大，JS代码较多，请耐心阅读。 一、Web Storage教程 1、概述： 对于Web Storage来说，实际上是Cookies存储的进化版。如果了解
2017-12-22 16:40:55
259
原创 CSS滚动条样式修改
*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 16px; height: 16px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scroll
2017-10-19 10:18:24
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人