<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[maolian1995的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/maolian1995</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; maolian1995]]></copyright><item><title><![CDATA[微信小程序开发之选项卡滑动切换]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/79085059</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/79085059</guid><author>maolian1995</author><pubDate>Wed, 17 Jan 2018 14:43:23 +0800</pubDate><description><![CDATA[先看效果:




再上代码:

1.index.wxml





[html] view
 plain copy






  
view class="swiper-tab">  
    view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bi]]></description><category></category></item><item><title><![CDATA[vue-resource数据交互]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/79084805</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/79084805</guid><author>maolian1995</author><pubDate>Wed, 17 Jan 2018 14:24:50 +0800</pubDate><description><![CDATA[#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]]></description><category></category></item><item><title><![CDATA[vue组件之间的通信-父→子]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78981845</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78981845</guid><author>maolian1995</author><pubDate>Fri, 05 Jan 2018 15:26:17 +0800</pubDate><description><![CDATA[Vue.component('son',{
props:['message'],
/*props是单向绑定的（父→子），是vue为了防止子组件无意修改了父组件的数据和状态*/
    template:`{{message}}`
});  
 
    //创建一个vue实例
  const app = new Vue({
        el:"#app",
        d]]></description><category></category></item><item><title><![CDATA[vue交互]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78981812</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78981812</guid><author>maolian1995</author><pubDate>Fri, 05 Jan 2018 15:23:47 +0800</pubDate><description><![CDATA[自己写的json文件，与调API差不多，不喜勿喷]]></description><category></category></item><item><title><![CDATA[vue十大常见指令（下）]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78981761</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78981761</guid><author>maolian1995</author><pubDate>Fri, 05 Jan 2018 15:20:57 +0800</pubDate><description><![CDATA[ul,ol{
list-style: none;
}




数组遍历


{{value}} 




对象遍历


{{user._id}}

 
v-for  指令常用于渲染数据,除了可以迭代数组，还可以迭代对象和整数。

................................................↓.............]]></description><category></category></item><item><title><![CDATA[vue十大常见指令（上）]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78981753</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78981753</guid><author>maolian1995</author><pubDate>Fri, 05 Jan 2018 15:20:24 +0800</pubDate><description><![CDATA[v-text  指令用于更新标签包含的文本，它的作用跟双大括号的效果一样

................................................↓................................................


v-html  指令帮助我们绑定一些包含html代码的数据在视图上。

...................]]></description><category></category></item><item><title><![CDATA[vue2.0生命周期]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78981744</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78981744</guid><author>maolian1995</author><pubDate>Fri, 05 Jan 2018 15:19:48 +0800</pubDate><description><![CDATA[watch选项是Vue提供的用于检测指定的数据发生改变的api。





{{name}}





new Vue({
el:'#app',
data:{
name:'毛大爷',
url:'img/微信图片_20171212174410.jpg'
},
beforeCreate(){
//此阶段为实例初始化之前，此时的数据观察和事件配置都没好准备好。
c]]></description><category></category></item><item><title><![CDATA[vue动态改变背景图片demo]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78981734</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78981734</guid><author>maolian1995</author><pubDate>Fri, 05 Jan 2018 15:18:48 +0800</pubDate><description><![CDATA[#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]]></description><category></category></item><item><title><![CDATA[vue+bootstarp实现留言板效果]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78981718</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78981718</guid><author>maolian1995</author><pubDate>Fri, 05 Jan 2018 15:17:57 +0800</pubDate><description><![CDATA[vue+bootstarp留言板









用户名：





年龄：


 









用户信息表

序号
名字
年龄
操作


{{index}}
{{item.name}}
{{item.age}}

删除



全部删除




暂无数据...







]]></description><category></category></item><item><title><![CDATA[vue2.0路由实现底部导航跳转]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78981699</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78981699</guid><author>maolian1995</author><pubDate>Fri, 05 Jan 2018 15:16:28 +0800</pubDate><description><![CDATA[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:]]></description><category></category></item><item><title><![CDATA[vue2.0 transition组件实现过渡效果]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78981677</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78981677</guid><author>maolian1995</author><pubDate>Fri, 05 Jan 2018 15:14:48 +0800</pubDate><description><![CDATA[*{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]]></description><category></category></item><item><title><![CDATA[vue2.0获取鼠标位置]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78981628</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78981628</guid><author>maolian1995</author><pubDate>Fri, 05 Jan 2018 15:12:14 +0800</pubDate><description><![CDATA[#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']]></description><category></category></item><item><title><![CDATA[关于储存]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78874809</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78874809</guid><author>maolian1995</author><pubDate>Fri, 22 Dec 2017 16:40:55 +0800</pubDate><description><![CDATA[H5本地存储有两个API，一个是Web Storage，还有一个是Web SQL。不管是哪一个，都是基于JavaScript语言来使用，接下来我就教你怎么使用H5本地存储，本文篇幅较大，JS代码较多，请耐心阅读。













一、Web Storage教程


1、概述：
对于Web Storage来说，实际上是Cookies存储的进化版。如果了解]]></description><category></category></item><item><title><![CDATA[CSS滚动条样式修改]]></title><link>https://blog.youkuaiyun.com/maolian1995/article/details/78281178</link><guid>https://blog.youkuaiyun.com/maolian1995/article/details/78281178</guid><author>maolian1995</author><pubDate>Thu, 19 Oct 2017 10:18:24 +0800</pubDate><description><![CDATA[*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/    
::-webkit-scrollbar    
{    
    width: 16px;    
    height: 16px;    
    background-color: #F5F5F5;    
}    
    
/*定义滚动条轨道 内阴影+圆角*/    
::-webkit-scroll]]></description><category></category></item></channel></rss>