<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[panda_pan9527的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/panda_pan9527</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; panda_pan9527]]></copyright><item><title><![CDATA[git的配置https://www.cnblogs.com/superGG1990/p/6844952.html]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/100081732</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/100081732</guid><author>panda_pan9527</author><pubDate>Mon, 26 Aug 2019 17:11:27 +0800</pubDate><description><![CDATA[初次安装git配置用户名和邮箱
初次安装git需要配置用户名和邮箱，否则git会提示：please tell me who you are.
你需要运行命令来配置你的用户名和邮箱：
$ git config --global user.name “superGG1990”
$ git config --global user.email “superGG1990@163.com”
注意：（引号内请...]]></description><category></category></item><item><title><![CDATA[Webpack的前端工程化工具【 自动化工具]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/98239339</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/98239339</guid><author>panda_pan9527</author><pubDate>Fri, 02 Aug 2019 21:00:42 +0800</pubDate><description><![CDATA[Webpack
一、市面上有哪些类似于Webpack的前端工程化工具【 自动化工具 】

grunt
gulp ( 4.x )
Browserify ( Webpack 前身 )
Webpack 【 主流行 】
rollup.js   https://www.rollupjs.com/guide/zh 【 小众 】
parcel  【 小众 】
FIS https://fis.baidu.com/...]]></description><category></category></item><item><title><![CDATA[混入mixin和自定义插件]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/98104928</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/98104928</guid><author>panda_pan9527</author><pubDate>Thu, 01 Aug 2019 21:02:43 +0800</pubDate><description><![CDATA[混入mixin

什么叫做混入？


将组件的选项中的一部分分离出去，单独管理


方式有两种


局部混入  mixins 【 推荐 】

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="widt...]]></description><category></category></item><item><title><![CDATA[vue动画过度]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/98104861</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/98104861</guid><author>panda_pan9527</author><pubDate>Thu, 01 Aug 2019 21:02:08 +0800</pubDate><description><![CDATA[动画过度

vue-过度动画

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=
    , initial-scale=1.0"&gt;
    &lt;meta http-...]]></description><category></category></item><item><title><![CDATA[vue自定义指令]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/98104790</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/98104790</guid><author>panda_pan9527</author><pubDate>Thu, 01 Aug 2019 21:01:32 +0800</pubDate><description><![CDATA[vue自定义指令

内置指令

​    v-html
v-text
v-on
v-bind
v-if
v-else-if
v-else
v-show
v-for
v-model
v-slot 【 2.6.x 】

自定义指令：案列

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UT...]]></description><category></category></item><item><title><![CDATA[vue列表循环非响应式情况]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/98104714</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/98104714</guid><author>panda_pan9527</author><pubDate>Thu, 01 Aug 2019 21:00:57 +0800</pubDate><description><![CDATA[vue列表循环非响应式情况

数组的length无法响应


处理手段： 使用   arr = null     arr.splice( 0 )


当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue


处理手段: Vue.set / this.$set

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt...]]></description><category></category></item><item><title><![CDATA[过滤器]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97971254</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97971254</guid><author>panda_pan9527</author><pubDate>Wed, 31 Jul 2019 22:25:24 +0800</pubDate><description><![CDATA[自定义过滤器


注意点：

是对已有数据进行格式化
过滤器也可以传递参数
过滤器要使用管道符才能起作用



分类


全局过滤器   Vue.filter(过滤器名称，回调函数)


局部过滤器  filters选项
filters: {
    //过滤器名称： 回调函数
    'dateFilter': ( val,type) =&gt; {
          var date = n...]]></description><category></category></item><item><title><![CDATA[组件的钩子有哪些？]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97971074</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97971074</guid><author>panda_pan9527</author><pubDate>Wed, 31 Jul 2019 22:23:44 +0800</pubDate><description><![CDATA[组件的生命周期 【 组件的钩子有哪些？ 】


为什么要使用生命周期？  类比： 你自己生活阶段： 幼儿园   小学  初中  高中  大学  社会


我们想要使用组件，那么就得在组件的特定阶段完成特点的任务 【 特定时间点，完成特点任务 】


名词： 钩子： 【 姜太公钓鱼，愿者上钩 】  机遇

特点时间点，触发的一个方法



组件的生命周期分为三个阶段： 初始化、运行中、销毁  8个钩...]]></description><category></category></item><item><title><![CDATA[slot的基础知识]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97970983</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97970983</guid><author>panda_pan9527</author><pubDate>Wed, 31 Jul 2019 22:23:05 +0800</pubDate><description><![CDATA[slot


slot  :俗称插槽

类比： 游戏卡的游戏机
作用： 开辟一个空间，给未来的元素使用
名词解释：

​        未来元素： 组件的内容


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" co...]]></description><category></category></item><item><title><![CDATA[非父子组件的通信]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820471</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820471</guid><author>panda_pan9527</author><pubDate>Tue, 30 Jul 2019 21:34:11 +0800</pubDate><description><![CDATA[非父子组件通信-ref
案列：
&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;meta http-...]]></description><category></category></item><item><title><![CDATA[父子组件的通信]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820411</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820411</guid><author>panda_pan9527</author><pubDate>Tue, 30 Jul 2019 21:33:40 +0800</pubDate><description><![CDATA[父子组件通信


父组件中定义一个数据


在父组件的模板中，用 v-bind 将父组件的数据绑定在子组件身上


&lt;Son :aa = "money"&gt;&lt;/Son&gt;



在子组件的选项中，通过props选项来接收这个属性


这个属性可以在子组件的模板中以全局变量的形式使用


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&...]]></description><category></category></item><item><title><![CDATA[组件的嵌套]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820341</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820341</guid><author>panda_pan9527</author><pubDate>Tue, 30 Jul 2019 21:33:08 +0800</pubDate><description><![CDATA[组件的嵌套
&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;meta http-equiv="X-U...]]></description><category></category></item><item><title><![CDATA[动态组件]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820276</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820276</guid><author>panda_pan9527</author><pubDate>Tue, 30 Jul 2019 21:32:37 +0800</pubDate><description><![CDATA[动态组件
案列：1
&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;meta http-equiv=...]]></description><category></category></item><item><title><![CDATA[组件的注册]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820204</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820204</guid><author>panda_pan9527</author><pubDate>Tue, 30 Jul 2019 21:32:03 +0800</pubDate><description><![CDATA[组件的注册


通过实例化Vue构造器函数得到一个Vue实例,这个实例我们称之为’根实例’，它是最大的父级


这个根实例是以标签的形式存在的，那么我们也称之为’ 根组件 ’


根实例也是一个组件，但是我们得到只是跟组件


Vue.extend() 它就是对Vue功能的扩展，这个扩展就是组件


Vue是通过 Vue.extend() 来实现【 扩展 】 Vue的功能的，这个功能就是组件


...]]></description><category></category></item><item><title><![CDATA[组件的介绍]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820108</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97820108</guid><author>panda_pan9527</author><pubDate>Tue, 30 Jul 2019 21:31:22 +0800</pubDate><description><![CDATA[组件

Vue有两大核心内容

指令
组件


什么是组件化？【 为什么要用组件 】

为了避免多人开发造成的冲突
为了加快开发效率
为了便利更新和维护
组件化： 就是使用具有独立公共的一个整体【 组件 】来进行项目开发的一个趋势 【 流行 】


什么是组件？

组件是一个html css js  img 等的一个聚合体
在Vue中使用了一个叫做单文件组件的技术来实现组件

它是一个  xxx....]]></description><category></category></item><item><title><![CDATA[前段数据请求]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97684595</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97684595</guid><author>panda_pan9527</author><pubDate>Mon, 29 Jul 2019 21:29:32 +0800</pubDate><description><![CDATA[数据请求
数据请求： axios   fetch


数据请求的方式


原生

ajax  fetch



封装

jq
vue 1.x   vue-resource      弃用   考试
axios  现如今最好的封装的请求库【 框架项目 】

axios和vue-resource相似度 98%





1.axios


引用：可进入bootcdn引入axios的cdn


静态请求...]]></description><category></category></item><item><title><![CDATA[vue- key]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97684535</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97684535</guid><author>panda_pan9527</author><pubDate>Mon, 29 Jul 2019 21:28:47 +0800</pubDate><description><![CDATA[key


作用
给Vdom打上标记，实现同层次比较


案列：
&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;...]]></description><category></category></item><item><title><![CDATA[深入响应式原理 【 数据驱动原理/ 双向数据绑定原理 】]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97684471</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97684471</guid><author>panda_pan9527</author><pubDate>Mon, 29 Jul 2019 21:28:11 +0800</pubDate><description><![CDATA[深入响应式原理 【 数据驱动原理/ 双向数据绑定原理 】 【 面试题 - 王者 】
1.深入响应式原理

 数据模型仅仅是普通的javascript对象，而当我们修改它是，视图也会随之而变化

2.数据驱动

 数据改变，视图改变

3.双向数据绑定

 我们使用v-model来实现对数据的双向绑定；数据改变，视图改变；视图改变，数据改变

4.公共部分
vue是通过数据劫持和订阅发布来进行深入响...]]></description><category></category></item><item><title><![CDATA[读懂diff]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97627471</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97627471</guid><author>panda_pan9527</author><pubDate>Mon, 29 Jul 2019 10:46:42 +0800</pubDate><description><![CDATA[(http://www.ruanyifeng.com/blog/2012/08/how_to_read_diff.html)

]]></description><category></category></item><item><title><![CDATA[深入Vue2.x的虚拟DOM diff原理]]></title><link>https://blog.youkuaiyun.com/panda_pan9527/article/details/97627377</link><guid>https://blog.youkuaiyun.com/panda_pan9527/article/details/97627377</guid><author>panda_pan9527</author><pubDate>Mon, 29 Jul 2019 10:45:23 +0800</pubDate><description><![CDATA[(https://blog.youkuaiyun.com/m6i37jk/article/details/78140159)

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