<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[orangecloudy的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/orangecloudy</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; orangecloudy]]></copyright><item><title><![CDATA[Vue学习记录-slot的使用]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/107427207</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/107427207</guid><author>orangecloudy</author><pubDate>Sat, 18 Jul 2020 12:37:13 +0800</pubDate><description><![CDATA[slot的使用
基本使用
&lt;div id="app"&gt;
    &lt;cpn&gt;&lt;button&gt;按钮&lt;/button&gt;&lt;/cpn&gt;
    &lt;cpn&gt;&lt;span&gt;a&lt;/span&gt;&lt;/cpn&gt;
    &lt;cpn&gt;&lt;/cpn&gt;
  &lt;/div&gt;

  &lt;template id="cpn"&gt;
    &lt;div&gt;
      &lt;h2&gt;组件&lt]]></description><category></category></item><item><title><![CDATA[Vue学习-父子组件访问]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/107426323</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/107426323</guid><author>orangecloudy</author><pubDate>Sat, 18 Jul 2020 11:29:08 +0800</pubDate><description><![CDATA[父子组件访问
1.父访问子


$children


$refs
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Document&lt;/title&gt;
&lt;/head&gt;
&l]]></description><category></category></item><item><title><![CDATA[Vue学习-父子组件通信]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/107413635</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/107413635</guid><author>orangecloudy</author><pubDate>Fri, 17 Jul 2020 17:27:50 +0800</pubDate><description><![CDATA[父子组件通信
1. 父传子props
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Document&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
  &l]]></description><category></category></item><item><title><![CDATA[Vue学习记录-组件data必须是函数]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/106818463</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/106818463</guid><author>orangecloudy</author><pubDate>Wed, 17 Jun 2020 21:13:40 +0800</pubDate><description><![CDATA[&lt;div id="app"&gt;
   &lt;cpn&gt;&lt;/cpn&gt;
   &lt;cpn&gt;&lt;/cpn&gt;
  &lt;/div&gt;
  &lt;script src="../js/vue.js"&gt;
  &lt;/script&gt;
  &lt;!-- 模版 --&gt;
  &lt;template id="cpn"&gt; 
    &lt;div&gt;
      &lt;h1&gt;{{title}}&lt;/h1&gt;
      &lt;]]></description><category></category></item><item><title><![CDATA[Vue学习记录-显示“缩略语列表”]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/106684977</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/106684977</guid><author>orangecloudy</author><pubDate>Thu, 11 Jun 2020 11:30:09 +0800</pubDate><description><![CDATA[2020年6月11日


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Explaining the Document Object Model&lt;/title&gt;
  &lt;lin]]></description><category></category></item><item><title><![CDATA[Vue学习记录-图片库，动态创建标记]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/106583226</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/106583226</guid><author>orangecloudy</author><pubDate>Sat, 06 Jun 2020 09:43:18 +0800</pubDate><description><![CDATA[function addLoadEvent(func){
  var oldonload = window.onload;
  if(typeof window.onload != "function"){
    window.onload = func;
  } else {
    window.onload = function(){
      oldonload();
      func();
    }
  }
}


function insertAfter(newElement,ta..]]></description><category></category></item><item><title><![CDATA[Vue学习记录-复习js，图片库案例]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/106505063</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/106505063</guid><author>orangecloudy</author><pubDate>Tue, 02 Jun 2020 21:09:29 +0800</pubDate><description><![CDATA[2020.6.2


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;图片库&lt;/title&gt;
  &lt;link rel="stylesheet" href="layout.css]]></description><category></category></item><item><title><![CDATA[Vue学习记录-Vue组件模板分离]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/106291550</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/106291550</guid><author>orangecloudy</author><pubDate>Fri, 22 May 2020 22:02:32 +0800</pubDate><description><![CDATA[2020年5月22日
	&lt;div id="app"&gt;
	    &lt;cpn1&gt;&lt;/cpn1&gt;
	    &lt;cpn1&gt;&lt;/cpn1&gt;
	    &lt;cpn2&gt;&lt;/cpn2&gt;
	    &lt;cpn2&gt;&lt;/cpn2&gt;
	  &lt;/div&gt;
	  &lt;script type="text/x-tempalte" id="cpn1"&gt;
	    &lt;div&gt;
	      &lt;h2&g]]></description><category></category></item><item><title><![CDATA[Vue学习记录-Vue注册组件语法糖]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/106245373</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/106245373</guid><author>orangecloudy</author><pubDate>Wed, 20 May 2020 21:58:38 +0800</pubDate><description><![CDATA[5月20日


 
  &lt;div id="app"&gt;
    &lt;cpn1&gt;&lt;/cpn1&gt;
    &lt;cpn2&gt;&lt;/cpn2&gt;
  &lt;/div&gt;
  &lt;script src="../js/vue.js"&gt;
  &lt;/script&gt;
  &lt;script&gt;
    // 全局组件注册的语法糖
    Vue.component('cpn1',{
      template:`
      &lt;div&g]]></description><category></category></item><item><title><![CDATA[Vue学习记录-Vue组件基本使用。父子组件]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/106107253</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/106107253</guid><author>orangecloudy</author><pubDate>Wed, 13 May 2020 23:33:01 +0800</pubDate><description><![CDATA[2020年5月13日


&lt;div id="app"&gt;
    &lt;my-cpn&gt;&lt;/my-cpn&gt;
    &lt;my-cpn&gt;&lt;/my-cpn&gt;
  &lt;/div&gt;
  &lt;script src="../js/vue.js"&gt;
  &lt;/script&gt;
  &lt;script&gt;
    //ES6
    // `ck
    // sfa`

    //  1.创建组件构造器对象
    const cpnC]]></description><category></category></item><item><title><![CDATA[Vue学习记录-v-model]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/106085026</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/106085026</guid><author>orangecloudy</author><pubDate>Tue, 12 May 2020 22:33:51 +0800</pubDate><description><![CDATA[2020年5月12日


&lt;div id="app"&gt;
    &lt;!-- &lt;input type="text" v-model="message"&gt; --&gt;
    &lt;input type="text" :value="message" @input="valueChange"&gt;
    &lt;!-- v-model双向绑定实现 --&gt;
    &lt;input type="text" :value="message" @input="message]]></description><category></category></item><item><title><![CDATA[Vue学习记录-js高阶函数]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/106064116</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/106064116</guid><author>orangecloudy</author><pubDate>Mon, 11 May 2020 22:19:02 +0800</pubDate><description><![CDATA[2020年5月11日


// 函数式编程
// filter/map/reduce

// filter中的回调函数有一个要求：必须返回一个boolean值
//true:当返回true时，函数内部会自动将这次回调的n加入到新的数组中
//false：当返回false时，函数内部会过滤带哦这次的n

const nums = [10,20,111,222,444,40,50];

//1.filter
let newNums = nums.filter(function(n){
  return n &l]]></description><category></category></item><item><title><![CDATA[Vue学习记录-vue购物车案例]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/106042045</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/106042045</guid><author>orangecloudy</author><pubDate>Sun, 10 May 2020 20:59:40 +0800</pubDate><description><![CDATA[2020年5月10日


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Document&lt;/title&gt;
    &lt;link rel="stylesheet" h]]></description><category></category></item><item><title><![CDATA[Vue学习记录-li点击赋class]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/105860750</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/105860750</guid><author>orangecloudy</author><pubDate>Thu, 30 Apr 2020 17:42:26 +0800</pubDate><description><![CDATA[&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Document&lt;/title&gt;
  &lt;style&gt;
    .active{
      col...]]></description><category></category></item><item><title><![CDATA[Vue学习记录-数组响应式]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/105764789</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/105764789</guid><author>orangecloudy</author><pubDate>Sun, 26 Apr 2020 11:12:54 +0800</pubDate><description><![CDATA[&lt;div id="app"&gt;
  &lt;ul&gt;
    &lt;li v-for="i in letters" :key="i"&gt;{{i}}&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;script src="js/vue.js"&gt;
  &lt;/script&gt;
  &lt;script&gt;
     co...]]></description><category></category></item><item><title><![CDATA[Vue学习记录-v-show,v-for遍历数组，对象，绑定key]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/105726681</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/105726681</guid><author>orangecloudy</author><pubDate>Fri, 24 Apr 2020 11:53:35 +0800</pubDate><description><![CDATA[&lt;div id="app"&gt;
     &lt;!-- v-if:当条件为false时，该元素不会存在于dom --&gt;
    &lt;h2 v-if="isShow"&gt;{{message}}&lt;/h2&gt;

    &lt;!-- v-show: 当条件为false时，v-show添加了一个行内样式display:none --&gt;
    &lt;h2 v...]]></description><category></category></item><item><title><![CDATA[Vue学习记录-v-if,v-else,登录切换]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/105674743</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/105674743</guid><author>orangecloudy</author><pubDate>Thu, 23 Apr 2020 02:29:10 +0800</pubDate><description><![CDATA[&lt;body&gt;
  &lt;div id="app"&gt;
   &lt;h2 v-if="isShow"&gt;{{message}}&lt;/h2&gt;
   &lt;h1 v-else&gt;world&lt;/h1&gt;
  &lt;/div&gt;
  &lt;script src="js/vue.js"&gt;
  &lt;/script&gt;
  &lt;scri...]]></description><category></category></item><item><title><![CDATA[Vue学习记录-v-on参数传递，修饰符]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/105626121</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/105626121</guid><author>orangecloudy</author><pubDate>Mon, 20 Apr 2020 03:29:35 +0800</pubDate><description><![CDATA[&lt;div id="app"&gt;
  {{message}}
  &lt;!-- @==v-on: --&gt;

  &lt;!-- 事件调用无参数 --&gt;
  &lt;button @click="btn1Click()"&gt;1&lt;/button&gt;
  &lt;button @click="btn1Click"&gt;1&lt;/button&gt;
  &lt;...]]></description><category></category></item><item><title><![CDATA[Vue学习记录-const，ES6对象字面量的增强写法]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/105502433</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/105502433</guid><author>orangecloudy</author><pubDate>Tue, 14 Apr 2020 04:30:31 +0800</pubDate><description><![CDATA[// 1.const修饰的标识符被赋值后，不能修改
    // 2.使用const定义标识符时，必须进行赋值
    // 3.常量的含义时指向的对象不能修改，但可以改变对象内部但属性


    //1.属性的增强写法
    const name = 'why';
    const age = 18;
    // ES5
    // const obj = {
    // ...]]></description><category></category></item><item><title><![CDATA[Vue学习记录-js的let]]></title><link>https://blog.youkuaiyun.com/orangecloudy/article/details/105480522</link><guid>https://blog.youkuaiyun.com/orangecloudy/article/details/105480522</guid><author>orangecloudy</author><pubDate>Mon, 13 Apr 2020 05:26:56 +0800</pubDate><description><![CDATA[//计算属性当返回值不变时，只运算一次，而methods运算多次


 //ES5之前，var并不是局部变量
 //相当于for,if是没有自己的块级作用域
 //而function有
 //所以需要借助闭包
 //ES6中加入了let局部变量，相当于for/if有了块级作用域


...]]></description><category></category></item></channel></rss>