如何理解-JavaScript-中的sort排序
sort排序是针对数组中的元素进行升序排序。sort()使用分两种情况 无函数 有函数 无函数 如果sort()方法中无函数，则排序是在将数组中的元素转换为字符串,然后比较元素字符串UTF 16 代码单元值序列（元素按照转换为的字符串的各个字符的 Unicode 位点进行排序。） Output 注意，这里不是 按照 顺序排列是因为不是按照 排序而是按照元素的字符串形式排序。所以是按照 1,1,2,3,4的顺序，如果第一位相同则比较第二位...
简述Webpack和Vite的区别
前言 和 是现代前端开发中非常重要的工具，有助于改善开发者的工作流程和提高生产力。这篇博客将对比 和 的区别，并探讨在什么样的项目中选择哪一个工具。 Webpack 是一个模块打包工具，使得工程中的各种资源能够被打包成一个整体的bundle.js文件。 具有很高的可配置性和灵活性，使得开发者可以使用各种插件和配置文件来优化它们的工作流程。 Webpack适用于大型、复杂的项目，它可以处理多种不同类型的文件（如js、css、图片等），并根...
HTTP----HTTP2.0新特性
HTTP2.0大幅度的提高了web性能，在HTTP1.1完全语意兼容的基础上，进一步减少了网络的延迟。实现低延迟高吞吐量。对于前端开发者而言，减少了优化工作。本文将重点围绕以下几点新特性的作用、工作过程以及如何更出色的完成了优化工作来介绍HTTP2.0 二进制分帧 首部压缩 流量控制 多路复用 请求优先级 服务器推送 二进制分帧 在不改变HTTP1.x的语义、方法、状态码。URL以及首部字段的情况下，HTTP2.0是怎样突破HTTP1....
一文读懂 react Fiber
React Fiber 产生的原因 要知道React Fiber产生的原因是什么，首先我们得知道 ，借用官网的话 React 是用 JavaScript 构建快速响应的大型 Web 应用程序的首选方式。快速响应是关键。那么制约网页快速响应的因素有哪些呢? 一般来说影响网页快速响应的有以下两类场景： 发送网络请求后，由于需要等待数据返回才能进一步操作导致不能快速响应。 当遇到大计算量的操作或者设备性能不足使页面掉帧，导致卡顿。 这两类场景...
说说你对 React diff的理解？原理是什么？
跟 一致， 通过引入 的概念，极大地避免无效的 操作，使我们的页面的构建效率提到了极大的提升 而 算法就是更高效地通过对比新旧 来找出真正的 变化之处 传统diff算法通过循环递归对节点进行依次对比，效率低下，算法复杂度达到 O(n^3)， 将算法进行一个优化，复杂度降为 ，两者效率差距如下图： <img width="657" height="401" src="../../ resources/640 wx fmt png wxfr...
谈谈This指向
首先要说的是，this的指向在函数定义的时候是确定不了的，只有当函数执行的时候，才知道this到底指向谁，实际上this最终的指向是那个调用它的对象。 举个例子： 因为函数没有执行的时候，它的指向确实是不确定的，但箭头函数的this在定义的时候就已经确定了。 普通函数中的This 以上面的函数为例，普通函数的直接调用，例如fn的直接调用，就像下面的代码一样，和上面就一点点的区别就是直接调用了函数，这时候的this指向全局对象window...
CSS 中哪些属性可继承，哪些不可以
一、能继承的属性 1. 字体系列属性:font、font family、font weight、font size、font style; 2. 文本系列属性: 2.1）内联元素：color、line height、word spacing、letter spacing、 text transform; 2.2）块级元素：text indent、text align; 3. 元素可见性：visibility 4. 表格布局属性：capt...
css-loader和style-loader关系原理及作用
用webpack打包就需要用到css loader和style loader，接下来让我们逐步解析两个loader的作用以及它们都做了怎样的工作 创建空项目 创建一个名为demo的空文件夹，这就是我们实验的项目目录 进入到目录下执行 按照上述两步，我们就搭建好了最简单的项目环境了，接下来需要安装依赖包和创建源码目录 在项目目录创建 子目录 基于webpack4讲解，运行npm安装所需依赖 创建 创建一个 样式文件 创建 程序入口文件 运...
TCP的三次握手各字段(ack,seq,ACK,SYN)是什么意思
什么是TCP的 ？ 关于TCP的三次握手，很多博客回答上都已经说的比较明白了，往简单的说，就是互相建立连接，并且保证数据准确传输。 <a id="t1" </a <a id="TCP 4" </a TCP三次握手的过程 <a id="t2" </a <a id=" 10 6" </a 情景模拟 1.0 发送方：老铁，可以听得到我说话吗，老铁。 接收方：可以听到，你听得到吗？ 发送方：听到了，那我开始说正事了。 这个故事是用来模拟TCP三...