黑夜呢～-CSDN博客

知识普及：浏览器会把获取到的HTML解析成一个 DOM tree；浏览器会把所有样式解析成样式结构体； DOM tree (树) 和样式结构体组合后构建成 render tree; 一旦render tree构建完毕后，浏览器就可以根据render tree来绘制页面了；回流：当render中的一部分（或全部）因为元素的规模尺寸，布局，隐藏等改变而需要重新构建，这就称为回流（reflow）;每个页面至少需要一次回流，就是在页面第一次加载的时候。回流过程：在回流的时候，浏览器会是渲染

2022-03-22 22:15:29 599

转载谈谈js 的数据类型？存储上的差别？

在JS中，我们可以分为两种类型；基本数据类型复杂数据类型两种数据类型的区别是：存储位置不同；基本数据类型基本数据类型主要为一下6种：Number String Boolean Undefined: 该类型只有一个特殊的值就是undefined Null symbol复杂（引用）数据类型复杂数据类型统称为Object，主要有一下几种：Object Array Function: 实际上就是对象，每个函数都是Function类型的实例，与其他引用类型一样都有属性..

2022-03-02 14:09:15 184

转载 CSS水平垂直居中的方式

使用flex布局HTML<div class="box"> <div class="child"></div></div>CSS.box { width: 100vw; height: 500px; background: skyblue; display: flex; align-items: center; justify-content: center;}.child { width: 20

2022-03-02 00:34:29 111

原创在JS中什么是伪数组？如何将其转换为标准数组？

在JS中，数组表示有序数据的集合，而对象表示无序数据的集合。伪数组也是一个对象；伪数组特性：1.具有length属性； 2.按索引方式存储数据；3.没有数组的push、shift、pop等方法；伪数组的生成： 1.function的arguments对象；2. document.getElementsByTagName和document.childNodes,等返回NodeList对象、或自 ...

2022-03-02 00:23:00 377

转载 box-sing的值

值描述 content-box 这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 border-box 为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 inherit 规定应从父元素继承 box-

2022-03-01 23:01:21 300

原创说说原型、原型链的理解

作用：原型链用于查找对象的属性。原型链是什么：实例对象上都会有一个隐式原型属性（__proto__）,它指向的就是原型对象，而原型对象也有__proto__属性指向它的原型对象。为什么__proto__指向的是原型对象？构造函数对象上有显示原型属性（prototype），它指向的就是原型对象。实例对象的__proto__属性被赋值为构造函数的prototype属性值。...

2022-02-25 20:20:58 493

原创对变量和函数提升的理解、对作用域链的理解

变量提升与函数提升的理解：变量提升：在变量语句前就可以读取到的变量，值为undefind。函数提升：在函数定义语句前就可以调用函数。原因：JS引擎在运行全局代码或执行函数前会有预解析。作用域链的理解：作用域链是什么：多个由内向外的作用域形成的链。作用：作用域链用来查找变量。作用域：一块代码区域，分类全局作用域和函数 /局部作用域，在ES6有了块级作用域。...

2022-02-25 19:29:23 120

原创 new的工作原理、new和字面量创建对象的区别？

new的工作原理：1.创建一个空对象，构造函数中的this会指向这个对象2.这个新对象会被链接到原型3.执行构造函数方法，其属性和方法都会被添加到this引用的对象中4.如果构造函数中没有返回新对象，那么返回this，即创建新对象；否则，返回构造函数中返回的对象。new和字面量创建对象的区别：1.字面量创建对象，不会调用Object构造函数，简洁且性能更好；2.new Object() 方式创建对象本质上是方法调用，涉及到在proto链中遍历该方法，当找到该方法后，又会生产方

2022-02-25 17:25:14 1023

原创 apply、call、bind的用法和理解

1.apply方法调用一个函数，其具有一个指定的this值，参数为数组或者类数组的对象。2.1. call(obj, param1, param2)/apply(obj, [param1, param2])调用/执行函数只是强制指定函数中的this为第一个参数指定的对象如果函数执行需要传参数, call是依次传递, apply需要封装成数组传递2. bind()返回一个新函数, 不会自动执行, 需要手动执行强制指定函数中的this为第一个参数指定的对象...

2022-02-24 22:43:38 626

原创 promise、async、await

promise：是es6的新语法，用来解决回调地狱的。口述：promise构造函数会接受一个函数作为参数，该函数中有resolve和reject两个参数分别对应着then和catch两个方法；当调用resolve的时候就会执行then方法，调用reject时救护执行catch方法。语法： new Promise(function(resolve, rejct){ 成功就调用resolve 失败就调用reject }).then(res => {

2022-02-24 21:06:24 241

原创闭包是什么、闭包的利弊

闭包就是当一个函数中嵌套了一个函数以后，由于作用域嵌套形成的一种特殊现象。闭包的好处：1.保护了私有变量（将变量定义在局部，不会污染全局，保证了数据的安全）2.全局也能操作局部的变量了3.函数在调用栈中的内存一直没有被销毁。4.延长了变量的生命周期闭包的坏处：如果闭包用的不好，就会造成内存泄漏、溢出（类似于死循环或递归函数没有结束）...

2022-02-24 14:11:02 516

原创事件委托.

事件委托的使用：（1）考虑一个ul，在li的数量非常少的时候，为每一个li添加事件当然会使用for循环；但是数量多的时候这样做太浪费内存，长到上百上千上万的时候，为每个li添加事件就会对页面性能产生很大的影响。　（2）给一个ul里面的几个li添加了事件但是如果动态又生成了li则刚生成的li不具备事件这时就需要用到委托。<body> <ul> <li>1</li> <li>2</li>

2022-02-22 21:35:18 27

原创模板字符串

定义语法：使用反引号来定义一个字符串1、使用反引号可以分多行来定义一个字符串2.怎么定义的，在控制台就怎么输出。3.在模板字符串中可以识别变量，不用拼接。var str = '<img src="'+imgPath+'" />'var str=`<img src="${imgPath}"/>`...

2022-02-22 21:31:42 30

weixin_45392559的博客

转载了解Typescript的类型、静态类型检查

转载解构赋值——多维数组、数组对象、多级对象的解构。

原创 react ——map遍历和函数传参、在JSX中写箭头函数的弊端

原创 git commit 提交到暂存时报错——husky ＞ pre-commit ......

转载 lottie动画（官网：http://airbnb.io/lottie/#/web）

原创更好的模糊搜索匹配方案

转载解决git push错误failed to push some refs to的问题

转载切换和下载 node版本之——nvm

转载减少commit,使用git stash保存暂存区，不提交，可先切换到其它分支开发 (更详细git stash教程)

原创 git 将版本回退

原创 git pull 和 git fetch的区别

原创开发好的分支部署环境——部署UAT环境

原创遍历双层循环嵌套的数组--使用 ... 扩展运算符

原创 git使用merge合并代码没有生效，提示already up to date

原创安卓的position：fixed正常；但IOS有问题，因为IOS不支持fixed

原创手机号中间做星号处理——字符串方法和正则方法

原创使用git merge是出现如下问题（不得急）

原创无法下载软件到D盘，显示没有权限(在网上试了好多，这个亲测有效)

原创 git命令——merge和rebase的区别

原创回流(重排/重构)和重绘