自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 问答 (1)
  • 收藏
  • 关注

原创 什么是BFC?开启后会解决什么问题?如何开启?

什么是BFC?开启后会解决什么问题?如何开启?

2024-11-12 00:44:06 65

原创 Event Loop自测习题

栈:后进先出 同步任务队列:先进先出 异步任务同步任务 异步任务:执行宏任务时检测到微任务队列不为空时会去执行微任务 然后执行宏任务代码示例:console.log('script start')async function async1() { await async2() console.log('async1 end')}async function async2() { console.log('async2 end')}async1()setTimeout

2023-02-14 17:10:46 155

原创 React hooks 对比class优势

1、hook可以直接从组件中提取状态逻辑,无需修改组件结构复用,不用形成render props 高阶组件嵌套地狱2、将组件关联部分设置为更小函数(订阅发布或请求数据),可根据reducer管理组件内部状态,不用像class一样根据生命周期把无关联的函数写在一起,Hook 允许我们按照代码的用途分离他们, 而不是像生命周期函数那样。React 将按照 effect 声明的顺序依次调用组件中的每一个 effect。3、class不能很好压缩,会使热重载不稳定4、useState中的state只在首次渲染

2023-02-14 15:03:08 700

原创 【每日知识点总结21】

一、什么是盒子模型?在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。二、为什么typeof null是Object因为在JavaScript中,不同的对象都是使用二进制存储的,如果二进制前三位都是0的话,系统会判断为是Object类型

2022-02-24 08:44:46 201

原创 【每日知识点总结20】

1.watch 是一个对象时,它有哪些选项?handler 当监听对象时deep 是否深度immeditate 是否立即执行。2.如何在TypeScript中实现继承? 继承可以通过使用extend关键字来实现。3.TypeScript是否支持所有面向对象的原则?其面向对象编程的四个主要原则有哪些支持。封装,继承,抽象,多态性。...

2022-02-23 12:34:14 388

原创 【每日知识点总结19】

一、AJAX 的优点及缺点AJAX 的优点1) 可以无需刷新页面而与服务器端进行通信。2) 允许你根据用户事件来更新部分页面内容。AJAX 的缺点1) 没有浏览历史,不能回退2) 存在跨域问题(同源)3) SEO 不友好二、offsetLeft和style.left区别1、最大区别在于offsetLeft可以返回没有定位盒子的距离左侧的位置。 如果父系盒子中都没有定位,以body为准。2、offsetTop 返回的是数字,而 style.top 返回的是字符串,除了数字外还带有单位

2022-02-22 18:33:37 95

原创 【每日知识点总结18】

一、vue跨域的解决方法(1)后台更改header(2)使用jq提供jsonp(3)用 http - proxy - middleware (配置代理服务器的中间件)二、vue中组件怎么传值正向:父传子父组件把要传递的数据绑定在属性上,发送,子组件通过 props 接收逆向:子传父 子组件通过 this .$ emit (自定义事件名,要发送的数据),父组件设置一个监听事件来接收,然后拿到数据兄弟: eventbus 中央事件总线三、v-if与v-show的区别v-show.

2022-01-28 09:03:20 126

原创 【每日知识点总结17】

一、请对page- sizes,page- size,total,current- page进行属性说明。二、组件可提高开发效率,增强可维护性,同时可以更好的去解决软件上的哪3大代码问题?三、过滤器可以用在哪两个地方?

2022-01-24 22:55:15 138

原创 【每日知识点总结16】

一、map、forEach 和for循环区别?1.map函数,遍历数组每个元素,并回调操作,需要返回值,返回值组成新的数组,原数组不变2.forEach循环,循环数组中每一个元素并采取操作, 没有返回值, 可以不用知道数组长度3.for循环,for循环是成熟且稳定的JS语法,可以在很多复杂的环境中运行,当大量数据及复杂逻辑的时候,for循环性能最佳,它能通过每个属性的i去针对性查找二、vue 双向数据绑定(mvvm)原理VUE实现双向数据绑定的原理就是利用了 Object.define...

2022-01-22 22:16:44 275

原创 电脑显示未激活Windows的解决办法

一、鼠标右击击桌面左下角windows 键,选择Windows PowerShell(管理员),会出现如下页面:二、在当前页面输入slmer /skms kms. 03k. org后回车,界面如下,点击确定三、接着输入simer/ato后回车,点击确定这样就可以啦!然后你会发现桌面上的那个图标已经消失了,亲测有效!...

2022-01-21 22:36:39 23107 16

原创 【每日知识点总结15】

一、箭头函数的this属性与普通函数的this属性有什么区别(1)箭头函数里是没有this的,而普通函数是有this的(2)箭头函数中的this是在定义函数时绑定,普通函数是在执行函数时绑定二、构造函数有什么作用(1) 给创建的对象建立一个标识符;(2) 为对象数据成员开辟内存空间;(3) 完成对象数据成员的初始化。三、说一说 JS 中的常用的继承方式有哪些原型继承、组合继承、寄生组合继承、ES6的extend四、列举三种强制类型转换?转化成字符串 toString() S

2022-01-20 13:20:43 164

原创 【Vue实例生命周期的三个阶段 】

每个 Vue 实例在被创建时都要经过一系列的初始化过程,生命周期分为三大阶段:初始化显示、更新显示、销毁Vue实例初始化阶段的钩子函数:beforeCreate() 实例创建前:数据和模板均未获取到created() 实例创建后: 最早可访问到 data 数据,但模板未获取到beforeMount() 数据挂载前:模板已获取到,但是数据未挂载到模板上。mounted() 数据挂载后: 数据已挂载到模板中更新阶段的钩子函数:beforeUpdate() 模板更新前:data 改变后,更新数据模板

2022-01-19 23:53:05 674

原创 【每日知识点总结14】

一、什么是闭包,闭包要解决什么问题闭包是一个对外不公开的空间,闭包内的数据不允许外界访问,要解决的问题就是间接访问闭包内的数据二、jq命名规范中允许出线的字符有哪些数字,字母,下划线,$三、JavaScript数组的常用方法有哪些?push、pop、shift、unshift、join、sort、concat、reverse、splice、slice、indexOf等四、什么是三元表达式?“三元”表示什么意思?三元表达式为:a? b:c三元–三个操作对象。在表达式boolean-exp ?

2022-01-18 00:37:38 304

原创 【每日知识点总结13】

一、在Javascript中什么是伪数组?如何将伪数组转化为标准数组?伪数组(类数组):无法直接调用数组方法或期望length属性有什么特殊的行为,但仍可以对真正数组遍历方法来遍历它们。典型的是函数的argument参数,还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象都属于伪数组。可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array对象。二、jQuery中.get

2022-01-17 09:09:45 448

原创 【每日知识点总结12】

一、

2022-01-16 11:11:38 173

原创 【每日知识点总结11】

一、CSS选择器有哪些?1.id选择器( # myid)2.类选择器(.myclassname)3.标签选择器(div, h1, p)4.相邻选择器(h1 + p)5.子选择器(ul > li)6.后代选择器(li a)7.通配符选择器( * )8.属性选择器(a[rel = “external”])9.伪类选择器(a:hover, li:nth-child)二、数组和对象的区别?数组表示有序数据的集合,而对象表示无序数据的集合。如果数据的顺序很重要,就用数组,否则就用对象。三

2022-01-15 18:20:57 94

原创 【每日知识点总结10】

一、什么是事件流当一个HTML元素产生一个事件时,该事件会在元素节点与根节点之间的路径传播,路径所经过的节点都会收到该事件,这个传播的过程叫做DOM事件流元素触发事件时,事件的传播过程称为事件流,过程分为捕获和冒泡两种冒泡事件:微软提出的 事件由子元素传递到父元素的过程,叫做冒泡捕获事件:网景提出的 事件由父元素到子元素传递的过程,叫做事件捕获二、作用域与作用域链作用域:规定变量和函数的可使用范围作用域链:每个函数都有一个作用域链,查找变量或者函数时,需要从局部作用域到全局作用域依次查找,这些

2022-01-14 16:47:42 98

原创 【每日知识点总结9】

一、块级元素的特点1.总是从新的一行开始2.高度、宽度都是可控的3.宽度没有设置时,默认为100%4.块级元素中可以包含块级元素和行内元素5.块级文字元素中不能放入其他块级元素6.块级大多为结构性标记二、...

2022-01-13 12:09:49 113

原创 【每日知识点总结8】

一、简述CSS优先级(权重规则)!important > 行内样式style > ID > 属性选择器/class类/伪类选择器 > 元素/标签选择器 > 继承二、说一下js的数据类型的转换都有哪些转数值类型【Number,parseInt,parseFloat】转字符串类型【n.toString,String(n)】转布尔类型【Boolean(n)】三、什么是HTTP协议超文本传输协议,浏览器客户端和万维网服务器之间相互通信的规则...

2022-01-12 10:21:02 173

原创 【每日知识点总结7】

一、js中 [] {} ()的具体区别{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数体;[ ]中括号,表示一个数组,也可以理解为一个数组对象;{ } 和[ ] 一起使用,可以组成一个对象数组;()多表示参数二、js中!和 !! 的用法!:可将变量转换为布尔类型,能够把null、undefined和空字符串强制转换为ture,也可以用作Boolean的取反;!!:常常用来做类型判断,在!强制转换后进行取反三、函数的调用方式不同时,this的指向什么1、通过函

2022-01-11 21:28:27 81

原创 【每日知识点总结6】

一、img标签的title和alt有什么区别?img标签alt属性是当图片不存在时或加载失败时的替代文字(进行显示);img标签title属性是对图片的描述与进一步说明,当鼠标经过图片时,会显示其内容二、dispaly有哪些值(常见的四个)说明他们分别代表什么none :隐藏元素block:把某某元素转换成块元素,独占一行 ,能设置宽高inline :把某某元素转换成行内元素,不独占一行 ,不能设置宽高inline-block :把某某元素转换成行内块元素 ,不独占一行 ,可以设置宽高三、J

2022-01-10 20:06:15 317

原创 【每日知识点总结5】

一、和=的区别?1、===是严格意义上的相等,会比交两边的数据类型和大小2、==是非严格意义上的大小,两边类型相同比较大小;两边数据类型不同,会根据一些规则转化之后比较二、判断数据类型有哪几种方法?typeof、instanceof、constructor、Object.prototype.String.call()三、定位(Position)的属性值有什么区别?1、Relative相对定位 不脱离文档流,相对于自身定位2、Absolute 绝对定位,脱离文档流 相对于父级定位3、Fixed

2022-01-09 10:35:00 418

原创 【每日知识点总结4】

一、px,em,rem 的区别1、px 像素。绝对单位。像素 px 是相对于显示器屏幕分辨率而言的,是一个虚拟长度单位,是计算 机系统的数字化图像长度单位,如果 px 要换算成物理长度,需要指定精度 DPI。2、em 是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体,尺寸未被人为设置, 则相对于浏览器的默认字体尺寸。它会继承父级元素的字体大小,因此并不是一个固定的值。3、rem 是 CSS3 新增的一个相对单位(root em,根 em),使用 rem 为元素设定字体大小时,仍然

2022-01-08 15:07:34 63

原创 【每日知识点总结3】

一、call apply bind相同点和不同点相同点:都可以改变函数内部的this指向区别点:1、call和apply会调用函数,并且改变函数内部的this指向。bind不会调用函数,可以改变函数内部this指向2、call和apply传递的参数不一样,call传递参数,apply必须数组形式主要应用场景call经常做继承apply经常跟数组有关系,比如借助于数学对线实现数组最大值与最小值bind不调用函数,但是还想改变this指向,比如改变定时器内部的this指向二、for…in与f

2022-01-07 12:17:14 74

原创 【重绘和回流的区别以及对闭包的理解】

一、null和undefined 的区别null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象;当声明的变量还未被初始化时,变量的默认值为undefined。二、重绘和回流的区别重绘:只改变自身样式,不会影响到其他元素。回流:元素的大小或者位置发生改变(当页面布局发生改变的时候),触发了重新布局导致渲染树重新计算布局和渲染。回流一定会触发重绘,而重绘不一定会引发回流。三、闭包的概念及特性(谈谈对闭包的理解)简单的来说闭包就是一个具有封闭的对外不公开的, 包裹结构, 或空间;

2022-01-06 19:45:46 611

原创 【轻松解决盒子外边距塌陷】

每日知识点总结一、sessionStorage 和 localStorage的区别sessionStorage 存储周期关闭浏览器,在同一个窗口下可以共享数据localStorage存储周期永久,在多个窗口下可以共享数据二、mouseEnter 和 mouseover 的区别1.mouseEnter :鼠标移入监听对象时触发,在监听对象内移动不会触发。不会冒泡,父盒子触发功能,子盒子不会触发2.mouseover :鼠标移入监听对象中,或者从监听对象的一个子元素移入另一个子元素中时触发该事件,

2021-12-28 20:30:50 223

空空如也

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

TA关注的人

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