<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[BBBBobo的博客]]></title><description><![CDATA[一本公开的笔记本]]></description><link>https://blog.youkuaiyun.com/BBBBobo</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; BBBBobo]]></copyright><item><title><![CDATA[VUEX基础]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/121994865</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/121994865</guid><author>BBBBobo</author><pubDate>Tue, 28 Dec 2021 20:45:36 +0800</pubDate><description><![CDATA[vuex:是专门为vue.js应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化

   
]]></description><category></category></item><item><title><![CDATA[JS数组API大全(持续更新)]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/121869585</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/121869585</guid><author>BBBBobo</author><pubDate>Mon, 13 Dec 2021 20:44:17 +0800</pubDate><description><![CDATA[首先对于数组的API,我是以原数组是否改变去分的两类,一种是会改变自身数组的方法,另一种不会.

至于是ES6还是ES5的方法并没有过多的记忆,会用即可



数组方法
			功能
			原数组是否改变
		push()
			在数组的最后一位新增一个或多个数据,返回值是长度
			改变
		unshift()
			在数组的第一位新增一个或多个数据,返回值是长度
			改变
		pop()
			
			删除最后一位,并返回删除的数据
			
			改变
		shift()
			删除第一位,并返回删除.]]></description><category></category></item><item><title><![CDATA[Vue路由详解]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/121670355</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/121670355</guid><author>BBBBobo</author><pubDate>Thu, 02 Dec 2021 12:20:05 +0800</pubDate><description><![CDATA[路由:他是一个能实现业务场景切换,单页面应用(SPA),所有功能都在一个html页面上实现

    vue路由:

        路径和组件的映射关系.

    路由的优缺点

       优点:

            整体不刷新页面,用户体验更好

            数据传递更加容易,开发效率更高

        缺点:

         ...]]></description><category></category></item><item><title><![CDATA[Vue钩子的补充和组件的插槽]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/121663945</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/121663945</guid><author>BBBBobo</author><pubDate>Wed, 01 Dec 2021 20:58:08 +0800</pubDate><description><![CDATA[续上文的生命周期,补充两个钩子函数

activated - 激活

deactivated - 失去激活状态

      组件的高级用法:

      1.使用keep-alive内置的vue组件, 让动态组件缓存而不是销毁 

        用途:不会频繁的创建和销毁组件, 页面更快呈现


&lt;keep-alive&gt;
    &lt;component :i...]]></description><category></category></item><item><title><![CDATA[vue的生命周期]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/121640781</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/121640781</guid><author>BBBBobo</author><pubDate>Tue, 30 Nov 2021 20:18:13 +0800</pubDate><description><![CDATA[对vue生命周期的理解:

        从创建到销毁的整个过程就是Vue实例的生命周期



    钩子函数:特定的时间,我们可以通过特定的时间去操作

        分成四个阶段:初始化阶段,挂载阶段,更新阶段,销毁阶段

初始化阶段:  

可以将上图分为几个步骤:

    1.new Vue() Vue的实例化(包括组件生成)

    2.Init Event &amp;...]]></description><category></category></item><item><title><![CDATA[JS闭包及其作用(简单举例)]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/120912277</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/120912277</guid><author>BBBBobo</author><pubDate>Thu, 28 Oct 2021 16:30:00 +0800</pubDate><description><![CDATA[闭包:保证数据的安全,需要反复使用的时候采用闭包

  查阅了很多资料,把闭包分为两类理解:

广义闭包:函数内部用到了外部变量

   狭义闭包:内部函数用到了外部函数的局部变量

因为闭包是用来反复调用的安全数据,因此把闭包分为两层:

    外部函数用来存储数据,且返回一个方法;而内部函数用来进行过程的逻辑处理并返回结果

下面代码为闭包函数的例子,外部死数据,内部逻辑处理


 function getFn() {
            let ...]]></description><category></category></item><item><title><![CDATA[JS不使用第三方变量实现两个变量交换(面试题)]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/120853989</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/120853989</guid><author>BBBBobo</author><pubDate>Mon, 25 Oct 2021 09:00:00 +0800</pubDate><description><![CDATA[很多人都会使用temp来交换两个变量,想起之前遭到社会毒打的一道题,如何不使用第三方变量实现两个变量交换?

   第一种思想:利用数组,非常好理解,这里利用了数组的特性


        let a = 1
        let b = 2
        a = [a, b]
        b = a[0]
        a = a[1]
        console.log(a, b)  //a = 2  b = 1

第二种思想:利用ES6的解构,非...]]></description><category></category></item><item><title><![CDATA[CSS中各个定位之间的关系]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/120800444</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/120800444</guid><author>BBBBobo</author><pubDate>Fri, 22 Oct 2021 11:30:00 +0800</pubDate><description><![CDATA[静态定位

静态定位就是标准流，不能通过方位属性进行移动 


position:static; //静态定位

    没啥用.........也没用过

相对定位

自恋型定位，相对于自己之前的位置进行移动


position:relative;//相对定位

特点： 

1. 需要配合方位属性实现移动 

2. 相对于自己原来位置进行移动 

3. 在页面中占位置 → 没有脱标



绝对定位

...]]></description><category></category></item><item><title><![CDATA[JS原型链详细概念并深度探究其关系]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/120893725</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/120893725</guid><author>BBBBobo</author><pubDate>Thu, 21 Oct 2021 21:13:34 +0800</pubDate><description><![CDATA[首先是对原型链的定义:

普通构造函数的原型 继承自 顶级构造函数的原型
    实例对象找原型,优先自己,没有找上级.

这里先定义一个构造函数 Student


function Student(name, age) {
            this.name = name
            this.age = age
        }

再说说prototype

每个函数都有一个 prototype 属性,每一个对象都会关联的一个属性,而这...]]></description><category></category></item><item><title><![CDATA[CSS令人头疼的盒子模型]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/120799157</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/120799157</guid><author>BBBBobo</author><pubDate>Tue, 19 Oct 2021 10:45:00 +0800</pubDate><description><![CDATA[盒子模型

    首先来个最经典的图,估计有所了解的人都看过这个图吧 hhhh 百度一般都是第一个 或者你点F12也能看到



如果不够清晰... 经典Hello World



首先是四个基本内容:

内容区域：content 



利用 width 和 height 属性默认设置是盒子 内容区域 的大小



边框区域：border 



   ...]]></description><category></category></item><item><title><![CDATA[CSS 三大特性]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/120422697</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/120422697</guid><author>BBBBobo</author><pubDate>Sat, 16 Oct 2021 15:03:43 +0800</pubDate><description><![CDATA[继承性




特性：子元素有默认继承父元素样式的特点



可以继承的常见属性： 



1. color 



2. font-style、font-weight、font-size、font-family 



3. text-indent、text-align 



4. line-height 



5. …… 

tips：可以通过调试工具判断样式是否可以继承




继承失效的特殊情况


如果元素有浏览器默认样式，此时继承性依然存在，但是优先显示浏览器的默认样式 



1. a标签]]></description><category></category></item><item><title><![CDATA[Bobo笔记：关于html]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/120374897</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/120374897</guid><author>BBBBobo</author><pubDate>Mon, 20 Sep 2021 15:15:43 +0800</pubDate><description><![CDATA[无序列表：

ul：表示无序列表

li：无序列表的每一项

tips：ul标签中只允许包含li标签 ，li标签可以包含任意内容

有序列表：

ol：表示有序列表

li：有序列表每一项

tips：ol标签中只允许包含li标签 ，li标签可以包含任意内容

自定义列表：一般不常用



tips：dl标签中只允许包含dt/dd标签 ，dt/dd标签可以包含任意内容 

table表格：

标签的嵌套关系：table &gt; tr &gt; td



table的常见属性：



合并单元格...]]></description><category></category></item><item><title><![CDATA[Bobo笔记：关于html]]></title><link>https://blog.youkuaiyun.com/BBBBobo/article/details/120374685</link><guid>https://blog.youkuaiyun.com/BBBBobo/article/details/120374685</guid><author>BBBBobo</author><pubDate>Sat, 18 Sep 2021 22:35:29 +0800</pubDate><description><![CDATA[网页基本组成部分：文字、图片、超链接、视频、音频

五大浏览器和渲染引擎



web结构



相对路径和绝对路径区别及使用方法



链接跳转方式：

属性名：href 

属性值：点击之后跳转去哪一个网页（目标网页的路径） 

外部链接： 



内部链接： 





链接标签的target属性

属性名：target 

属性值：目标网页的打开形式 



空链接：

代码：&lt;a href="#"&gt;空链接文案&lt;/a&gt;

功能： 点击之后回到网页顶部




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