自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

BBBBobo的博客

一本公开的笔记本

  • 博客(13)
  • 收藏
  • 关注

原创 VUEX基础

vuex:是专门为vue.js应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化

2021-12-28 20:45:36 653

原创 JS数组API大全(持续更新)

首先对于数组的API,我是以原数组是否改变去分的两类,一种是会改变自身数组的方法,另一种不会.至于是ES6还是ES5的方法并没有过多的记忆,会用即可数组方法 功能 原数组是否改变 push() 在数组的最后一位新增一个或多个数据,返回值是长度 改变 unshift() 在数组的第一位新增一个或多个数据,返回值是长度 改变 pop() 删除最后一位,并返回删除的数据 改变 shift() 删除第一位,并返回删除.

2021-12-13 20:44:17 9409 3

原创 Vue路由详解

路由:他是一个能实现业务场景切换,单页面应用(SPA),所有功能都在一个html页面上实现 vue路由: 路径和组件的映射关系. 路由的优缺点 优点: 整体不刷新页面,用户体验更好 数据传递更加容易,开发效率更高 缺点: ...

2021-12-02 12:20:05 470

原创 Vue钩子的补充和组件的插槽

续上文的生命周期,补充两个钩子函数activated - 激活deactivated - 失去激活状态 组件的高级用法: 1.使用keep-alive内置的vue组件, 让动态组件缓存而不是销毁 用途:不会频繁的创建和销毁组件, 页面更快呈现<keep-alive> <component :i...

2021-12-01 20:58:08 539

原创 vue的生命周期

对vue生命周期的理解: 从创建到销毁的整个过程就是Vue实例的生命周期 钩子函数:特定的时间,我们可以通过特定的时间去操作 分成四个阶段:初始化阶段,挂载阶段,更新阶段,销毁阶段初始化阶段: 可以将上图分为几个步骤: 1.new Vue() Vue的实例化(包括组件生成) 2.Init Event &...

2021-11-30 20:18:13 162

原创 JS闭包及其作用(简单举例)

闭包:保证数据的安全,需要反复使用的时候采用闭包 查阅了很多资料,把闭包分为两类理解:广义闭包:函数内部用到了外部变量 狭义闭包:内部函数用到了外部函数的局部变量因为闭包是用来反复调用的安全数据,因此把闭包分为两层: 外部函数用来存储数据,且返回一个方法;而内部函数用来进行过程的逻辑处理并返回结果下面代码为闭包函数的例子,外部死数据,内部逻辑处理 function getFn() { let ...

2021-10-28 16:30:00 373 2

原创 JS不使用第三方变量实现两个变量交换(面试题)

很多人都会使用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的解构,非...

2021-10-25 09:00:00 96

原创 CSS中各个定位之间的关系

静态定位静态定位就是标准流,不能通过方位属性进行移动 position:static; //静态定位 没啥用.........也没用过相对定位自恋型定位,相对于自己之前的位置进行移动position:relative;//相对定位特点: 1. 需要配合方位属性实现移动 2. 相对于自己原来位置进行移动 3. 在页面中占位置 → 没有脱标绝对定位...

2021-10-22 11:30:00 92

原创 JS原型链详细概念并深度探究其关系

首先是对原型链的定义:普通构造函数的原型 继承自 顶级构造函数的原型 实例对象找原型,优先自己,没有找上级.这里先定义一个构造函数 Studentfunction Student(name, age) { this.name = name this.age = age }再说说prototype每个函数都有一个 prototype 属性,每一个对象都会关联的一个属性,而这...

2021-10-21 21:13:34 136

原创 CSS令人头疼的盒子模型

盒子模型 首先来个最经典的图,估计有所了解的人都看过这个图吧 hhhh 百度一般都是第一个 或者你点F12也能看到如果不够清晰... 经典Hello World首先是四个基本内容:内容区域:content 利用 width 和 height 属性默认设置是盒子 内容区域 的大小边框区域:border ...

2021-10-19 10:45:00 88

原创 CSS 三大特性

继承性特性:子元素有默认继承父元素样式的特点可以继承的常见属性: 1. color 2. font-style、font-weight、font-size、font-family 3. text-indent、text-align 4. line-height 5. …… tips:可以通过调试工具判断样式是否可以继承继承失效的特殊情况如果元素有浏览器默认样式,此时继承性依然存在,但是优先显示浏览器的默认样式 1. a标签

2021-10-16 15:03:43 178

原创 Bobo笔记:关于html

无序列表:ul:表示无序列表li:无序列表的每一项tips:ul标签中只允许包含li标签 ,li标签可以包含任意内容有序列表:ol:表示有序列表li:有序列表每一项tips:ol标签中只允许包含li标签 ,li标签可以包含任意内容自定义列表:一般不常用tips:dl标签中只允许包含dt/dd标签 ,dt/dd标签可以包含任意内容 table表格:标签的嵌套关系:table > tr > tdtable的常见属性:合并单元格...

2021-09-20 15:15:43 66

原创 Bobo笔记:关于html

网页基本组成部分:文字、图片、超链接、视频、音频五大浏览器和渲染引擎web结构相对路径和绝对路径区别及使用方法链接跳转方式:属性名:href 属性值:点击之后跳转去哪一个网页(目标网页的路径) 外部链接: 内部链接: 链接标签的target属性属性名:target 属性值:目标网页的打开形式 空链接:代码:<a href="#">空链接文案</a>功能: 点击之后回到网页顶部...

2021-09-18 22:35:29 74

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除