全部文章
共 1306 篇文章
nextjs项目配置eslint+prettier
一、安装 \+ prettier + eslint plugin prettier 二、配置.eslintrc.json 三、配置.prettiterrc.js
从零开始的Docker Desktop使用
Docker简介 Docker 就像一个盒子，里面可以装很多物件，如果需要某些物件，可以直接将该盒子拿走，而不需要从该盒子中一件一件的取。 、 Docker 包括三个基本概念: 镜像（Image） Docker的镜像概念类似于虚拟机里的镜像(比如 文件)，是一个只读的模板，一个独立的文件系统，包括运行容器所需的数据，可以用来创建新的容器。 例如：一个镜像可以包含一个完整的 ubuntu 操作系统环境，里面仅安装了MySQL或用户需要的其...
Cookie与Session傻傻分不清楚
一、Cookie与 的区别 Cookie和Session都是用于在Web应用程序中跟踪用户的状态的机制。 Cookie和Session都是用于跟踪用户状态的机制 虽然Cookie和Session都可以用于存储用户的数据，可用于跟踪用户身份和行为 ， 但它们的工作方式/实现方式有所不同，具有不同的优缺点。 1.1 Cookie 1.1.1 Cookie是什么？ Cookie是一种存储在用户计算机上的小文件，用于跟踪用户的身份和行为。 Co...
什么是Promise,我们用它来做什么?
一、什么是 ？我们用Promise来解决什么问题？ Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。promise有三种状态： pending(等待态)，fulfiled(成功态)，rejected(失败态) ；状态一旦改变，就不会再变。创造promise实例后，它会立即执行。 我相信大家经常写这样的代码： 一般来说我们会碰...
如何理解-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...