性能优化指标：FMP LCP FP FCP CLS TTI INP 1.FMP(first meaningful paint 首次有效绘制) 指页面的首要内容（primary content）出现在屏

webpack & vite 构建工具对比 1. 构建方式 webpack：采用打包的方式，首先将所有的模块和资源静态分析，生成一个或多个包含所有依赖的打包文件。

当你对一个文档进行布局(laying out)时候, 浏览器引擎会根据CSS-Box模型将所有元素描述为一个盒子, CSS会决定这些盒子的大小, 位置, 属性(颜色, 边框...)。 盒模型分为两类: IE盒模型和标准盒模型。 可见demo1与demo2的外边距为20px。而不…

冒泡排序的基本思想是，对相邻的元素进行两两比较，顺序相反则进行交换，这样，每一趟会将最小或最大的元素“浮”到顶端， 最终达到完全有序。 冒泡排序有两种优化方式。 一种是外层循环的优化，我们可以记录当前循环中是否发生了交换，如果没有发生交换，则说明该序列已经为有序序列了。 因此我…

本着包教包会，不会再看几遍就会，忘了再再看几遍也能想来的原则，将 JS 原型部分涉及概念一次说清楚。后续关于 ES6 Class 的语法糖也将基于本篇文章继续更新！ JavaScript 常被描述为一种基于原型的语言。每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法…

而 302 表示临时重定向，这个资源只是暂时不能被访问了，但是之后过一段时间还是可以继续访问，一般是访问某个网站的资源需要权限时，会需要用户去登录，跳转到登录页面之后登录之后，还可以继续访问。 301 类似，都会跳转到一个新的网站，但是 301 代表访问的地址的资源被永久移除了…

哪吒人生信条：如果你所学的东西 处于喜欢 才会有强大的动力支撑。 不要害怕做梦，但是呢，也不要光做梦，要做一个实干家，而不是空谈家，求真力行。 html标签是由<>包围的关键词。 html标签通常成对出现，分为标签开头和标签结尾。 有部分标签是没有结束标签的，为单标签…

哪吒人生信条：如果你所学的东西 处于喜欢 才会有强大的动力支撑。 不要害怕做梦，但是呢，也不要光做梦，要做一个实干家，而不是空谈家，求真力行。 作为一名Vue开发使用者，必须了解其使用规则。 前端发展的行业非常快，大部分学习者赶不上发展的速度，每天都在学习Google的Angu…

JavaScript 为我们提供了许多处理数组的不同方法。我们将在几分钟内为您介绍 7 个基本且常用的数据方法，以提高您的 JS 开发技能。 1. Array.map() 当你在数组上使用 map() 方法的时候，它将在原始的数组创建一个新的数组。 这个 map() 方法接受一…