自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 Vue数据响应式原理总结

你知道Vue的数据响应式原理是什么吗?

2022-04-21 21:38:51 3066

原创 Vue3实现文本的展开与收起右下角环绕功能

Vue3实现文本的展开与收起右下角环绕功能

2022-09-06 14:03:05 816

原创 关于Vuex的面试题

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“说说你知道的vuex”我的回答:"vuex是一个vue的状态管理工具。vuex有五大核心属性:state、getter、mutation、action、module。首先state,是一个全局的状态存储,是唯一的数据载体,对应vue里面的data,是响应式的,vue组件可以直接访问其中的值,但是只可以读取,不可以进行改写操作。而getter可以认为是store的计.

2022-05-04 09:33:16 905

原创 关于js继承

子类能够使用父类的属性和方法就是继承原型链继承function Animal () { }Animal.prototype.run = function () { console.log('跑跑跑');}function Dog (name, age) { this.name = name this.age = age}Dog.prototype = new Animal()const dog = new Dog('大黄', 1)console.log(do

2022-04-30 08:29:07 117

原创 构造函数和原型

对象的三种创建方式 字面量方式 var obj = {}; new关键字 var obj = new Object(); 构造函数方式 function Person(name,age){ this.name = name; this.age = age;}var obj = new Person('zs',12); new步骤构造函数是一个特殊的函数,用来初始化对象,为对象成员变量赋初始值,需要和new一起使用 使用场景:我们可以把对象公

2022-04-29 14:31:36 174

原创 简述JS作用域链

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道JS作用域链是什么吗?”我的回答:“只要是代码都一个作用域中,写在函数内部的局部作用域,未写在任何函数内部即在全局作用域中;如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域;根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪些数据能被内部函数访问,就称作作用域链// 案例分析1function () { var num = 0 f.

2022-04-29 09:22:09 233

原创 谈谈JS变量的作用域

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道CSS盒模型是什么吗?”我的回答:“在JavaScript中,根据作用域的不同,变量可以分为两种:全局变量 局部变量2.1 全局变量在全局作用域下声明的变量叫做全局变量(在函数外部定义的变量)。全局变量在代码的任何位置都可以使用 在全局作用域下 var 声明的变量 是全局变量 特殊情况下,在函数内不使用 var 声明的变量也是全局变量(不建议.

2022-04-27 16:22:11 1407

原创 关于JS的作用域

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道JS的作用域是什么吗?”我的回答:“通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的作用:提高了程序逻辑的局部性。 增强了程序的可靠性,减少了名字冲突。JavaScript(es6前)中的作用域有两种:全局作用域 局部作用域(函数作用域)#4.2 全局作用域作用于所有代码执行.

2022-04-27 16:21:23 93

原创 关于JS的递减递增

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道JS的递减递增吗? ”我的回答:“分为前置和后置两种” 后置递增,先返回后自加 let a = 1a = a++ +1console.log(a) 前置递增,先自加后返回 let a = 1a = ++a +1console.log(a) 后置递减,先返回后自减 let a = 1a = a-- -1console..

2022-04-27 16:20:17 262

原创 枚举JS检测数据类型的方法

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道JS检测数据类型的方法吗? ”我的回答:“检测数据类型的方法常用的有typeof、instanceof、Object原型上的toString、canstructor、isArray”typeof它可以正常检测出:number、boolean、string、object、function、undefined、symbol、bigint检测基本数据类型,null.

2022-04-27 15:59:54 145

原创 浅谈JS的数据类型

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道JS的数据类型有哪些吗? ”我的回答:“数据类型分为两大类,分别是值类型和引用数据类型。 值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。 引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function)...

2022-04-27 11:46:25 189

原创 简述css的bfc

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道css的bfc是什么吗? ”我的回答:“bfc全称是Block Formatting Context,翻译过来就是块级格式化上下文。bfc实际是一种属性,拥有这种属性后,就会让该渲染区域独立,并且该渲染区域中的内容布局不会影响到外界。根元素(html) float属性不为none position为absolute或fixed display为inline-block, t.

2022-04-27 11:38:30 82

原创 列举CSS3新属性

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你都用过哪些CSS3新属性啊!”我的回答:“例如:c3盒模型box-sizing flex布局 transition过渡 transform2D转换 background-size背景缩放 border-radius圆角 等等等等”...

2022-04-27 10:51:10 73

原创 你真的知道flex: 1;是什么意思吗?

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道flex: 1;的更深层次的内容吗?”我的回答:“ flex:1实际代表的是三个属性的简写 flex-grow是用来增大盒子的,比如,当父盒子的宽度大于子盒子的宽度,父盒子的剩余空间可以利用flex-grow来设置子盒子增大的占比 flex-shrink用来设置子盒子超过父盒子的宽度后,超出部分进行缩小的比例取值...

2022-04-27 10:41:06 19796 4

原创 浅谈CSS盒模型

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道CSS盒模型是什么吗?”我的回答:“ 盒模型主要分为4部分:内容、外边距、内边距。Css3盒子模型可以通过box-sizing来改变。目前是有两种盒模型。 第一种是w3c标准盒模型,默认也是content-box,也就是默认标准盒模型,标准盒模型width设置了内容的宽,所以盒子实际宽度是width=内容+padding+border。...

2022-04-27 10:09:02 1733

原创 谈谈CSS盒子水平垂直居中

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道一个div盒子怎么水平垂直居中吗?”我的回答:“比较实用的有四种,纯flex,flex+margin,定位+transform和定位+margin都可以做到盒子水平垂直居中的效果。”box是大盒子box-content是里面的小盒子方式一: 纯flex.box { display: flex; justify-content: center; .

2022-04-27 09:39:02 55

原创 JavaScript的垃圾回收

因为js的内存是自动分配和回收的,内存在不使用的时候会被垃圾回收器自动进行回收,从而防止内存泄露,内存泄露就是指内存无法回收。这就是js的垃圾回收。

2022-04-25 16:52:06 1117

原创 谈谈对闭包的理解

闭包就是能够读取其他函数内部变量的函数,它是一个环境,一旦形成这个环境,闭包也就随之而来了。

2022-04-25 00:57:06 421

原创 Vue发布订阅模式

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道Vue发布订阅模式是什么吗?"我的回答:“发布订阅模式其实是一种对象间一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到状态改变的通知。具体过程就是订阅者把自己想订阅的事件注册到调度中心,当发布者发布该事件到调度中心,也就是该事件触发时,由调度中心统一调度订阅者注册到调度中心的处理代码,体现在Vue中典型的发布订阅模式就是兄弟间传参”&..

2022-04-24 00:59:40 2813

原创 Vue观察者模式

简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“什么是观察者模式?”我的回答:“观察者模式即一个对象被多个对象所依赖,当被依赖的对象发生更新时,会自动通知所有依赖的对象。体现在Vue中就是在在get数据的时候进行依赖收集,在set数据的时候会发布消息通知订阅者,触发监听回调,更新视图。”例如:抖音上的小杨哥,当小杨哥在抖音开启直播时,会自动通知所有的粉丝。 小杨哥:直播间海量福利商品,赶紧来抢购吧!小杨哥为目标.

2022-04-22 16:33:04 1794 2

空空如也

空空如也

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

TA关注的人

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