图解原型&原型链 - 掘金
原型链图 图中Parent是构造函数，p1是通过Parent实例化出来的一个对象。 如果你看到这张图一脸懵，不要怕，往下看，下面会一步一步教你认识原型&原型链 前置知识 js的初学者一般很难理解原型和原型链的概念，但原型和原型链又是js中最重要的点之一。从jQuery到现在最火的框架之一Vue，原型的应用无处不在，那我们该怎么学好JavaScript的原型和原型链呢？ 想要弄清楚原型和原型链，这几个属性必须要搞清楚， 、 、 。 其次你...
前端跨域问题及其解法方法
在前端项目的开发中， 跨域 是我们必须要解决的问题，只要涉及到“向服务器请求资源”、“前后端交互”等功能， 跨域 往往是无法避免的 那么什么是 跨域 问题，又该如何解决它呢？ 跨域 导致 跨域 问题产生的根本原因来自浏览器的 同源策略 同源策略 是浏览器的重要安全策略，它用于限制一个Origin的文档或者它加载的脚本如何能与另一个源的资源进行交互，其中Origin指Web文档的来源，Web 内容的来源取决于访问的 URL的方案 (协议)...
简述 pt、rpx、px、em、rem、百分比、vh、vw的区别
简述 pt、rpx、px、em、rem、%、vh、vw的区别 设备物理像素 pt：屏幕宽、分辨率，其中每一小份就是1pt。 css 像素 px： pc 机大屏幕显示器，1px约等于0.76个物理像素 手机小屏幕：以IPhone6为标准，物理像素750，分辨率375 1px = 2pt。 px 也是一个相对单位 px 是为了平衡一个元素在PC上显示的大小与在手机上显示的大小尽量一致而制定的。 手机屏幕大小不一，差异较大，所以反而不希望一个...
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 应用程序的首选方式。快速响应是关键。那么制约网页快速响应的因素有哪些呢? 一般来说影响网页快速响应的有以下两类场景： 发送网络请求后，由于需要等待数据返回才能进一步操作导致不能快速响应。 当遇到大计算量的操作或者设备性能不足使页面掉帧，导致卡顿。 这两类场景...