警警的博客

在JavaScript中，Map和Set是两种非常重要的集合类型，它们提供了比传统对象（Object）和数组（Array）更强大和灵活的数据存储和操作方法。下面是对Map和Set的详细解释。

在JavaScript中，有多种方式可以对数字进行取整操作，即去掉小数部分，只保留整数部分。在JavaScript中，有多种方法可以对数字进行取整操作。这些方法各有特点，适用于不同的场景。方法会去掉一个数字的小数部分，返回其整数部分，但不进行四舍五入。在处理数字时，会将操作数转换为32位整数，从而截断小数部分。每种方法都有其适用的场景和限制，选择时需根据具体需求进行权衡。也是一种按位取整的方式，效果与。类似，会截断小数部分。

TypeScript 提供的基本类型有 `number`、`string`、`boolean`、`null`、`undefined`、`symbol`、`bigint`、`void` 等。TypeScript 内置了一些工具类型，如 `Partial`、`Required`、`Readonly` 等。TypeScript 提供了多种类型守卫，包括 `typeof`、`instanceof` 和自定义类型守卫。// 错误：title 是只读属性。交叉类型用于将多个类型合并为一个类型，用 `&` 表示。

原型链、this指向

process.nextTick是 Node.js 提供的一个用于控制异步执行流程的函数。它允许你将一个回调函数添加到当前执行栈的末尾，但是会在任何 I/O 事件、计时器或回调之前执行。以下是。

事件循环是JavaScript运行时环境中的一个循环机制，它不断地检查调栈用和任务队列。当调用栈为空时，事件循环会首先检查微任务队列，并执行其中的所有任务。只有当微任务队列为空时，事件循环才会检查任务队列，并执行其中的任务。，而 then方法注册的回调函数则是在。（调用栈-》微任务队列-》宏任务队列）Promise 对象的执行是异步的，Promise 的执行顺序。的语法糖，专门用于捕获。链中未被处理的拒绝情况。

html\CSS\Javascript

数组是由一组按顺序排列的值组成，每个值都有一个对应的索引（下标），可以通过索引访问和修改数组中的元素。

前端react常见面试题全解all

Vue Router进阶：导航守卫动态路由、过渡效果transition等

React常见面试题目II

react常见面试题目（basic)

React是一个用于构建用户界面的JavaScript库，它允许你将UI拆分成可复用的组件。React起源于Facebook的内部项目，用于构建高性能的Web应用界面。

流式布局，也称为百分比布局，使用百分比来定义元素的宽度和高度，而不是固定的像素值。这种方式使页面能够根据浏览器窗口的大小自动调整，从而实现响应式设计。

font:font-style(normal) font-weight(400) font-size(16px) /line-height(0) font-family(宋体）复合： 后代选择器（ ）、子选择器（>)、并集选择器(,)、伪类选择器(:)、连接伪类（a:)、：focus。块元素（独占一行）、行内元素（内联元素）、行块元素（)->diaplay转换 block、incline、incline-block。基础：标签选择器、类选择器、id选择器和通配符选择器。

CSS、Less和SCSS都是用于描述网页外观的样式表语言，但它们各自具有不同的特点和功能。

概述Webpack是一个现代JavaScript应用程序的静态模块打包器。它将应用程序中的每个文件视为一个模块，并通过配置规则来解析这些模块之间的依赖关系，最终将其打包成一个或多个浏览器可以执行的文件。动态加载（Code Splitting）Webpack支持代码分割，允许开发者将代码分割成多个块（chunk），并在需要时按需加载。这可以通过使用动态import()语法来实现，它返回一个Promise对象，用于处理模块加载成功或失败的情况。配置与加载器Webpack的配置文件通常命名为。

/ 获取高精度当前时间// 所需的时间间隔，以毫秒为单位counter++;// 重置开始时间以计算下一个间隔} else {// 如果没有达到间隔，则再次请求下一帧// 初次调用函数然而，需要注意的是，这种方法可能会因为屏幕刷新率的差异而引入一些不准确性。因此，对于需要精确时间间隔的任务，通常建议使用或setTimeout。

JSONP（JSON with Padding）是一种非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过JavaScript callback的形式实现跨域访问。

与路由相关的浏览器Web API，利用Javascript手动实现一个路由

题目要求我们使用JavaScript实现一个Promise对象。对此我们可以基于Promise/A+规范的要求进行实现Promise/A+规范是对Promise行为的详细描述确保不同的Promise 实现可以互操作。3 ) then方法:用于注册回调函数，处理Promise的成功值或失败原因。已经提供了这些功能。不过，为了教育目的，我可以展示一个简化的。请注意，这个示例是为了教学目的而简化的，并不包含原生。方法的实现，但你可以通过创建一个自定义的类来模拟。的行为，并在这个类中实现。的一部分行为，并实现了。

在JavaScript中，要判断一个对象是否存在循环引用，你可以使用一种称为“深度遍历”或“深度搜索”的技术，同时跟踪你已经访问过的对象。如果在遍历过程中你遇到了一个已经访问过的对象，那么就说明存在循环引用。下面是一个具体的代码示例，它使用了一个来跟踪已经访问过的对象，并递归地检查对象的属性来确定是否存在循环引用：函数定义： 定义一个名为的函数，它接受两个参数：要检查的对象和一个可选的集合（默认为一个新的）。 基础情况处理： 如果是或，或者已经存在于集合中，则直接返回。这是因为和不是对象，

对此我们可以基于Promise/A+规范的要求进行实现Promise/A+规范是对Promise行为的详细描述确保不同的Promise 实现可以互操作。注意，这里的原型设置方法是一种兼容 ES5 的方法，它假设原始函数是一个构造函数。是一个不可扩展的对象或冻结的对象时，尝试在其上添加属性会失败。的内部机制（特别是它处理函数和原始类型时的特殊行为），但我们可以通过一系列的检查和条件语句来模拟它的功能。，这个属性通常对应于该对象的构造函数名称（以字符串形式表示），并且可以用于更精确地确定对象的类型。

是 ES6 引入的一个新的数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。方法用于创建一个新数组，其结果是对原数组中的每个元素调用一次提供的函数后的返回值组成的新数组。方法是数组的一个高阶函数，它接收一个回调函数和一个可选的初始值作为参数，并返回数组元素经过处理后的累计值。这种方法在处理深度未知的嵌套数组时特别有用。方法的旧版JavaScript环境中实现类似的功能，你可以手动编写一个扁平化数组的函数。方法的旧版JavaScript环境中实现类似的功能，你可以手动编写一个过滤数组的函数。

在客户端（通常是浏览器），开发者定义一个全局函数，这个函数将作为回调函数来接收服务器返回的数据。

useEffect是 React 中的一个 Hook，用于在函数组件中执行副作用操作。副作用操作包括数据获取、订阅或手动更改 React 组件中的 DOM 等。useEffect使得在函数组件中处理这些操作变得简单而强大。

JavaScript中的动态规划是一种强大的算法设计范式，适用于解决具有重叠子问题的问题。通过建立状态转移方程、缓存并复用以往结果以及按顺序从小往大算这三个步骤，可以高效地求解复杂问题。然而，动态规划也有一定的局限性，只适用于具有最优子结构和重叠子问题的问题。在实际应用中，需要根据问题的特点选择合适的算法设计范式来求解。

方法是JavaScript中用于创建新对象的一个强大工具，它允许你指定新对象的原型，并可选地定义新对象的属性及其特性。以下是。

// 注意：这里传入了一个不同的初始值，但实际上在多个组件中共享的是同一个 ref 对象，所以初始值只会在第一个组件挂载时生效return (

前端面试中，算法题是考察候选人逻辑思维、问题解决能力和编程技巧的重要环节。

重排也称为回流或重构，是指当渲染树中的一部分（或全部）因为元素的规模尺寸、布局、隐藏等改变而需要重新构建的过程。这个过程需要浏览器重新计算元素的几何属性，并重新构建渲染树。

在JavaScript中，解释器、编译器和JIT编译器共同协作，以实现代码的高效执行。解释器提供了快速启动的能力，而JIT编译器则通过编译热点代码为机器码来提高执行效率。这种结合使得JavaScript能够在保持灵活性的同时，实现高性能的执行。JavaScript的编译原理是一个从源代码到可执行代码的转换过程，它涉及到分词、解析、代码生成和执行等多个阶段。在这个过程中，编译器会利用词法分析、语法分析和代码生成等技术来构建程序的语法结构和执行计划，并最终通过JavaScript引擎来执行程序。

前端缓存是Web开发中用于提高页面加载速度和减轻服务器负担的技术，主要包括浏览器缓存（Memory Cache和Disk Cache）和Service Worker Cache。强缓存（强制缓存）通过和Expires字段控制，在缓存过期前直接从本地缓存中加载资源。协商缓存在缓存过期后，通过条件请求头（如和）与服务器进行交互，以确认资源是否仍然有效。如果资源未发生变化，则继续使用本地缓存；否则，从服务器获取新资源。对比项强缓存协商缓存定义。

Vite是一款由Vue.js的作者尤雨溪开发的前端构建工具，专为现代前端项目而设计。它以其快速的冷启动、按需编译和热更新能力而受到广泛关注。以下是对Vite的详细解析：Vite的配置文件是Vite项目中的核心配置文件，通过该文件可以对项目的开发服务器、插件系统、打包配置等进行自定义。常见的配置项包括：Vite非常适合用于现代前端项目的开发，特别是在需要快速启动、热更新和良好开发体验的场景下。例如，在开发Vue、React等单页面应用（SPA）时，Vite能够显著提升开发效率，降低开发成本。Vite作为一款现

JavaScript 可视化是指利用 JavaScript 语言及其相关库，生成数据的图形表示形式，帮助用户更直观地理解和分析数据。它常用于展示图表、地图、图形动画等。JavaScript 作为前端开发的主流语言，结合 HTML5 和 CSS3，可以在网页中实现各种丰富的动态数据可视化效果。

前端技术栈：Vue.jsVue.js是一个用于构建用户界面的渐进式 JavaScript 框架。它的核心是响应式的数据绑定和组件化的开发方式，使得开发单页应用（SPA）非常高效。Vue.js 提供了灵活的 API，易于与其他项目集成。轻量级且简单易学双向数据绑定组件化开发强大的生态系统（如 Vue Router、Vuex）支持现代前端工具（如 Webpack、Vite）后端技术栈：Flask / DjangoFlask。

React：适合大型项目，灵活且扩展性强，适合拥有一定前端经验的开发者。Vue.js：学习成本较低，适合快速开发，适合中小型项目。Angular：企业级框架，适合大型应用，功能齐全但学习曲线陡峭。Svelte：性能优越，适合轻量级应用或性能要求较高的项目

面试时，面试官可能会询问你如何在不同的设备和浏览器下保证良好的用户体验。面试时，面试官可能会考察你对 CSS 性能的理解，特别是在浏览器的渲染机制中，如何避免回流和重绘，以提高页面性能。浏览器对 CSS 的支持情况各不相同，特别是某些新的 CSS 特性，兼容性问题常常成为开发中遇到的挑战。CSS 变量（又称自定义属性）是现代 CSS 中的重要功能，允许你在样式中定义变量并在不同地方复用。CSS 提供了许多处理图像的方法，尤其是在响应式设计中，如何有效加载和展示图片是常见的问题。

💬 描述：层叠样式表，用于设计风格和布局。⭐️ 内联元素 / 块状元素。设置浮动 float。清除浮动 clear。2D / 3D 转换。

Vue面试常见知识总结3——computed|watch|method、路由、nextTick、组件间通讯