自定义博客皮肤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 862

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

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

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

原创 Vue路由详解

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

2021-12-02 12:20:05 582

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

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

2021-12-01 20:58:08 637

原创 vue的生命周期

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

2021-11-30 20:18:13 242

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

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

2021-10-28 16:30:00 477 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 170

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

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

2021-10-22 11:30:00 218

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

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

2021-10-21 21:13:34 228

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

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

2021-10-19 10:45:00 204

原创 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 274

原创 Bobo笔记:关于html

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

2021-09-20 15:15:43 123

原创 Bobo笔记:关于html

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

2021-09-18 22:35:29 141

空空如也

空空如也

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

TA关注的人

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