- 博客(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
3022
原创 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
214
原创 vue组件之间的通信-父→子
Vue.component('son',{props:['message'],/*props是单向绑定的（父→子），是vue为了防止子组件无意修改了父组件的数据和状态*/ template:`{{message}}`}); //创建一个vue实例 const app = new Vue({ el:"#app", d
2018-01-05 15:26:17
219
原创 vue十大常见指令（下）
ul,ol{list-style: none;}数组遍历{{value}} 对象遍历{{user._id}} v-for 指令常用于渲染数据,除了可以迭代数组，还可以迭代对象和整数。................................................↓.............
2018-01-05 15:20:57
1037
原创 vue十大常见指令（上）
v-text 指令用于更新标签包含的文本，它的作用跟双大括号的效果一样................................................↓................................................v-html 指令帮助我们绑定一些包含html代码的数据在视图上。...................
2018-01-05 15:20:24
1321
原创 vue2.0生命周期
watch选项是Vue提供的用于检测指定的数据发生改变的api。{{name}}new Vue({el:'#app',data:{name:'毛大爷',url:'img/微信图片_20171212174410.jpg'},beforeCreate(){//此阶段为实例初始化之前，此时的数据观察和事件配置都没好准备好。c
2018-01-05 15:19:48
603
原创 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
6959
原创 vue+bootstarp实现留言板效果
vue+bootstarp留言板用户名：年龄： 用户信息表序号名字年龄操作{{index}}{{item.name}}{{item.age}}删除全部删除暂无数据...
2018-01-05 15:17:57
858
原创 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
3671
原创 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
1660
原创 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
10081
转载 关于储存
H5本地存储有两个API，一个是Web Storage，还有一个是Web SQL。不管是哪一个，都是基于JavaScript语言来使用，接下来我就教你怎么使用H5本地存储，本文篇幅较大，JS代码较多，请耐心阅读。一、Web Storage教程1、概述：对于Web Storage来说，实际上是Cookies存储的进化版。如果了解
2017-12-22 16:40:55
245
原创 CSS滚动条样式修改
*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 16px; height: 16px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scroll
2017-10-19 10:18:24
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人