qq_45814648的博客

原创 Null和Undefined的区别

在 JavaScript 中 null 表示 "什么都没有"。在 JavaScript 中, undefined 是一个。typeof 一个没有值的变量会返回 undefined。用 typeof 检测 null 返回是 object。null是一个只有一个值的特殊类型。

原创 怎么解决父元素高度塌陷

首先我们说一个 CSS 的概念——BFC 块级格式上下文，简单来说就是只要样式或方法触发了 BFC 就可以防止高度塌陷。缺点：影响整体页面布局，若父元素也有父元素呢？总不能一直浮动到 body 吧？缺点：添加了无意义标签，不易于后期维护，违背了结构和表现分离的标准。给父元素添加一个类，来添加一个看不见的块元素，以实现清除浮动。优点：通俗易懂，易于掌握。

原创 解析URL

js解析url，就是将如下url： const url = https://www.baidu.com/m?

原创 promise的用法

回调方法：就是将一个方法 func2 作为参数传入另一个方法 func1 中，当 func1 执行到某一步或者满足某种条件的时候才执行传入的参数 func2Promise 是 ES6 引入的异步编程的新解决方案。Promise 对象三种状态：初始化、成功、失败 pending-进行中、resolved-已完成、rejected-已失败就好像，你跟你女朋友求婚，她跟你说她要考虑一下，明天才能给你答案，这就是承诺（promise）。

原创 js手写new

第一参数作为构造函数，其余参数作为构造函数参数。结果为对象，返回结果，反之，返回新对象。继承构造函数原型创建新对象。

原创 图片懒加载

IntersectionObserver API 是异步的，不会与目标元素的滚动同步触发。IntersectionObserver : 浏览器原生提供的构造函数，接收两个参数。

原创 函数柯里化

函数柯里化是指将使用多个参数的函数转化成一系列使用一个参数的函数的技术, 它返回一个新的函数, 这个新函数去处理剩余的参数。

原创 js中bind、apply、call的用法

三个都是用于改变 this 指向；接收的第一个参数都是 this 要指向的对象；都可以利用后续参数传参。call 和 bind 传参相同，多个参数依次传入的；apply 只有两个参数，第二个参数为数组；call 和 apply 都是对函数进行直接调用，而 bind 方法不会立即调用函数，而是返回一个修改 this 后的函数。

原创 单行多行文字隐藏显示省略号

文字单行隐藏：给它设定一个宽和高，对于文字超出部分进行隐藏，多余的部分用省略号来表示。

原创 CSS实现九宫格布局

htmlcss。

原创 CSS实现三角形

【代码】CSS实现三角形。

原创 CSS三栏布局

基于绝对定位的三栏布局：注意绝对定位的元素脱离文档流，相对于最近的已经定位的祖先元素进行定位。可以结合 flex 的其他功能实现更多效果，例如使用 order 属性调整显示顺序，让主体内容优先加载，但展示在中间。盒内元素两端对其，将中间元素设置为 100% 宽度，或者设为 flex:1 ，即可填充空白。中间占满一行，但通过 margin 和左右两边留出 10px 的间隔。利用 flex 弹性布局，可以简单实现中间自适应。结构最后，否则右侧会沉在中间内容的下方。盒内元素的高度撑开容器的高度。

原创 CSS两栏布局

1.使用 float 左浮左边栏2.右边模块使用 margin-left 撑出内容块做内容展示3.为父级元素添加 BFC，防止下方元素飞到上方内容。

原创 JS中常用的方法

原创 JS如何实现对象数组属性值大小排序

【代码】JS如何实现对象数组属性值大小排序。

原创 JS中new操作符具体做了什么

4.根据构建函数返回的类型判断，如果是值类型，则返回对象，如果是引用类型，就要返回这个引用类型。3.把构造函数的this绑定到新的空对象身上。2.把空对象和构造函数通过原型链进行链接。1.先创建一个空对象。

原创 原型、原型链是什么

原型就是一个普通对象，它是为构造函数的实例共享属性和方法；所有实例中引用的原型都是同一个对象（可以理解为原型是一个类，原型上的方法，实例化后都能用）实例对象和构造函数的__proto__指向构造函数原型，原型的__proto__指向父类原型。一个实例对象在调用属性和方法的时候，会依次从实例本身、构造函数原型、原型的原型上去查找。可以理解为指针，实例对象中的属性，指向了构造函数的原型（prototype）使用prototype可以把方法挂在原型上，内存值保存一份。

原创 基本数据类型和引用数据类型的区别

假如声明两个引用类型同时指向了一个地址的时候，修改其中一个那么另外一个也会改变。基本数据类型：String Number Boolean undefined null。保存在堆内存当中，声明一个引用类型的变量，它保存的是引用类型数据的地址。引用数据类型（复杂数据类型）：Object Function Array。基本数据类型保存在栈内存当中，保存的就是一个具体的值。

原创 事件委托是什么

addEventListener('click',函数名，true/false) 默认是false（事件冒泡），true（事件捕获）又叫事件代理，原理就是利用了事件冒泡的机制来实现，也就是说把子元素的事件绑定到了父元素的身上。组织事件冒泡：event.stopPropagation()好处：提高性能，减少事件的绑定，也就减少了内存的占用。如果子元素阻止了事件冒泡，那么委托也就不成立。

原创 前端的内存泄露怎么理解

JS里已经分配内存地址的对象，但是由于长时间没有释放或者没办法清除，造成长期占用内存的现象，会让内存资源大幅浪费，最终导致运行速度慢，甚至崩溃的情况。因素：一些为声明直接赋值的变量；一些未清空的定时器；一些引用元素没有被清除。

原创 什么是闭包，闭包有什么特点

特点：可以重复利用变量，并且这个变量不会污染全局的一种机制；这个变量是一直保存再内存中，不会被垃圾回收机制回收。缺点：闭包较多的时候，会消耗内存，导致页面的性能下降，在IE浏览器中才会导致内存泄漏。函数嵌套函数，内部函数被外部函数返回并保存下来时，就会产生闭包。使用场景：防抖，节流，函数嵌套函数避免全局污染的时候。

原创 JS对数据类型的检测方式有哪些

typeof()：只能判断基础数据类型，引用数据类型就不行，无法区分数组与对象（都显示为object类型）Object.prototype.toString.call()：最完美的方法。

原创 JS有哪些内置对象

Array。

原创 JS由哪三部分组成

ECMAScript：JS的核心内容，描述了语言的基础语法，比如var,for，数据类型（数组、字符串）文档对象模型（DOM）：DOM把整个HTML页面规划为元素构成的文档。浏览器对象模型（BOM）：对浏览器窗口进行访问和操作。

原创 CSS预处理器

预处理语言增加了变量、函数、混入等强大的功能。

原创 CSS的哪些属性哪些可以继承？哪些不可以继承

3.元素的可见性：visibility:hidden。4.表格布局的属性：border-spacing。2.文本的一些属性：line-height。CSS的三大特性：继承、层叠、优先级。5.列表的属性：list-style。子元素可以继承父类元素的样式。1.字体的一些属性：font。6.页面样式属性：page。

原创 让一个元素水平垂直居中的方式有哪些

2.定位+transform。1.定位+margin。

原创 重绘重排有什么区别

对DOM的样式进行修改，比如color和background-color，浏览器不需要重新计算几何属性的时候，直接绘制了该元素的新样式，那么这里就只触发了重绘。对DOM的大小、位置进行修改后，浏览器需要重新计算元素的这些几何属性，就叫重排。重绘：计算好盒模型的位置、大小和其他一些属性之后，浏览器就会根据每个盒模型的特性进行绘制。重排（回流）：布局引擎会根据所有的样式计算出盒模型在页面上的位置和大小。

原创 px和rem的区别是什么

rem，相对单位，相对于html根节点的font-size的值，直接给html节点的font-size:62.5%;px是像素，显示器上给我们呈现画面的像素，每个像素的大小是一样，绝对单位长度。

原创 CSS隐藏元素的方法有哪些

设置了元素的透明度为0，元素不可见，占据空间位置。让元素消失，占据空间位置，一种不可见的状态。元素在页面上消失，不占据空间。

原创 CSS选择器的优先级

important > 行内样式 > id > 类/伪类/属性 > 标签 > 全局选择器。优先级：写CSS样式的时候，会给同一个元素添加多个样式，此时谁的权重高就显示谁的样式。标签、类/伪类/属性、全局选择器、行内样式、id、!CSS的特性：继承性、层叠性、优先级。

原创 CSS的盒模型

控制盒模型的模式：box-sizing:content-box（默认值，标准盒模型）、border-box（IE盒模型）;标准盒模型 margin + border + padding + content IE。盒模型 margin + content(border + padding)盒子的组成：内容content、内边距padding、边框border、外边距margin。在HTML页面中的所有元素都可以看成是一个盒子。

原创 v-if和v-show的区别

总的来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要频繁切换，则使用 v-show 较好；如果在运行时绑定条件很少改变，则 v-if 会更合适。v-if 也是惰性的：如果在初次渲染时条件值为 false，则不会做任何事。相比之下，v-show 简单许多，元素无论初始条件如何，始终会被渲染，只有 CSS display 属性会被切换。v-if 是“真实的”按条件渲染，因为它确保了在切换时，条件区块内的事件监听器和子组件都会被销毁与重建。

原创 vue3中的ref和reactive的区别

两者都是用来定义响应式数据的；

转载 v-bind和v-model的区别

文章链接：https://www.php.cn/faq/487066.html

转载 CSS垂直居中

文章链接：https://blog.csdn.net/m0_52409770/article/details/123739874

转载 Vue3基础之Vuex使用和持久化存储

文章链接：https://www.jianshu.com/p/53e197d55e0e

原创 vue状态管理机制探究（eventBus vs Vue）

文章链接：https://juejin.cn/post/6844904191022858254

转载 vue组件通信

文章链接：https://www.jianshu.com/p/cb408dd86f73

原创 css两栏布局

文章链接：https://blog.csdn.net/weixin_44164982/article/details/107397350