警警的博客

vue项目部署、主题与语言设置、diff、vue3&2

类组件和函数组件在React渲染流程中遇到的函数和方法有所不同。类组件依赖于生命周期方法来执行副作用操作、更新state和进行清理工作。函数组件则使用Hooks来提供类似的功能，同时保持组件的简洁性和可重用性。

Vue进阶面试题目（二）

Vue进阶面试题（一）

JS高阶进阶知识，fetch\Object.keys()\BigInt\作用域\原型\this等

React JSX 是 JavaScript 的语法扩展，用于描述 UI 的结构。当多个组件需要共享状态时，可以将状态提升到它们的最近的公共父组件。提供的服务端渲染工具。

前端面试场景题目：Vue|HTML|CSS|JAVASCRIPT|WEBPACK

如何在浏览器中执行100万个任务，并保证页面不卡顿?如何在页面内一次性渲染10万条数据，并保证页面不卡顿?前端如何处理后端接口一次性返回的超大树形结构数据?如何禁止别人调试前端页面代码?如何对前端应用中静态资源加载失败的场景进行降级处理?前端页面白屏的原因可能是什么，如何排查?如何在前端实现网页截图功能?可以将某部分或整个页面的内容保存为图片如何使用节流或防抖技术优化频繁触发请求的搜索输入框?如何调试和解决跨浏览器兼容性问题?如何设计一个前端页面，实现PC端访问展示Web应用，移动端访问展示H5应用?如何实

迭代器模式是一种行为型设计模式，它用于提供一种顺序访问聚合对象中各个元素的方法，而又不暴露该对象的内部表示。通过使用迭代器模式，可以遍历一个聚合对象，而无需关心该对象的内部结构和实现细节。使用场景当你需要访问一个聚合对象中的元素，但不想暴露其内部结构时，可以使用迭代器模式。例如，遍历一个列表、集合或数组等数据结构时，可以使用迭代器模式来隐藏底层数据结构的实现细节，提供统一的遍历接口。模板方法模式定义了一个算法的骨架，并允许子类为一个或多个步骤提供实现。

单点登录（Single Sign-On，简称SSO）是一种身份验证机制，允许用户使用一组凭据（例如用户名和密码）登录一个系统后，可以无需重新输入凭据就能访问其他相关联的系统。前端实现单点登录的方式通常依赖于后端提供的SSO服务。

在 JavaScript 中，事件总线（Event Bus）是一种设计模式，允许不同组件或对象通过事件进行通信，而无需直接引用对方。在前端项目中实现模块化，可以采用多种技术和工具，如 ES6 模块、CommonJS、AMD 等。在前端页面实现无限滚动加载内容时，为了保持页面性能和用户体验，可以自动回收上面的内容。：后端接收到前端请求后，根据AppID、回调URL等信息生成微信登录的二维码URL，并返回给前端。：首先，需要在微信开放平台注册一个账号，并创建一个网站应用，获取AppID和AppSecret。

可扩展的渲染器BPMN.js 支持开发者自定义渲染器，可以通过覆盖默认的，为流程图中的节点和连线自定义样式。开发者可以定义新的 SVG 元素、附加图标等，适应企业的特定样式要求。

现在BPMN有许多资源，但好像有门槛，也不知道到底要做什么，此文章从系统功能和业务需求功能分析了BPMN系统到底需要实现什么功能，该怎样做

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

原型链、this指向

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

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

在JavaScript中，调用栈（Call Stack）是一个LIFO（后进先出）结构，用于管理函数调用及其执行上下文。每当一个函数被调用时，一个新的执行上下文会被创建并推入调用栈中；当函数执行完毕后，其执行上下文会从调用栈中弹出。：事件循环是JavaScript运行时环境中的一个循环机制，它不断地检查调栈用和任务队列。当调用栈为空时，事件循环会首先检查微任务队列，并执行其中的所有任务。只有当微任务队列为空时，事件循环才会检查任务队列，并执行其中的任务。

非阻塞 I/O是一种编程模式，它允许 I/O 操作（如读取文件、网络请求等）在执行时不阻塞程序的其余部分。换句话说，当一个 I/O 操作发起后，程序可以立即继续执行其他任务，而不必等待该 I/O 操作完成。Node.js 天然采用了非阻塞 I/O 模型，这使得它特别适合 I/O 密集型应用，例如 Web 服务器、实时聊天应用等。Node.js 实现非阻塞 I/O 的关键在于其事件驱动（Event-Driven）的架构和异步操作。

闭包是由函数以及创建该函数时的作用域组合而成的。这意味着，即使函数在其词法作用域之外被调用，它仍然可以访问那个作用域中的变量。

vue-form-generator` 支持多种字段类型，包括：- 文本输入（`input`）- 数字输入（`number`）- 下拉选择（`select`）- 复选框和单选按钮（`checkbox`, `radio`）- 日期选择（`date`）此外，`vue-form-generator` 还支持自定义字段类型。通过注册自定义组件，可以扩展生成器，满足更复杂的表单需求。例如，文件上传、富文本编辑器等复杂字段都可以通过自定义组件实现。

前端react常见面试题全解all

react常见面试题目（basic)

栈与队列

Koa是一个新的web框架，致力于解决Node.js开发中的回调地狱痛点，并提供了更优雅的错误处理和异步流程控制。Koa于2015年首次发布，主要面向现代Web开发，特别是与ES6及更高版本的JavaScript语法兼容。

服务器端渲染（SSR, Server-Side Rendering）是一种在服务器上生成完整的 HTML 页面，然后将其发送到客户端的技术。Vue Server Renderer Nutx

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

KMP算法，全称Knuth-Morris-Pratt算法，是一种用于字符串匹配的算法，由Donald Knuth、Vaughan Pratt和James Morris发明。该算法的主要思想是通过预处理模式字符串，构建一个部分匹配表（也称为失配函数），然后利用该表进行模式匹配，从而实现高效的字符串匹配。因此，掌握KMP算法并灵活运用在实际项目中是非常有益的。表或前缀函数）用于存储部分匹配信息，以便在模式串与文本串不匹配时，模式串能够跳过一些不必要的字符比较，直接跳转到可能匹配的位置。

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

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都是用于描述网页外观的样式表语言，但它们各自具有不同的特点和功能。

下面是使用create-react-app、create-vue（Vite）和Vue CLI构建前端脚手架项目的详细步骤，以及一个整理它们之间区别的表格。

HTML语义化是指根据内容的结构和含义（内容语义化），选择合适的HTML标签（代码语义化），以更好地表达内容的意义和层次。用正确的标签做正确的事情，这有助于搜索引擎优化（SEO）、提高网页的可访问性、内容组织、代码可读性，以及团队协作和项目维护。

Node.js是一个基于Chrome V8引擎的JavaScript运行时环境，它允许JavaScript代码在服务器端运行。Node.js的主要特点是事件驱动、非阻塞I/O模型，这使得它非常适合处理高并发请求和实时应用。它适用于构建快速、可扩展的网络应用，如API服务器、实时聊天应用、单页应用（SPA）的后端服务等。npm（Node Package Manager）是Node.js的包管理器，它允许你安装、发布和管理Node.js包。你可以使用命令来安装依赖，使用npm init命令来创建文件，以及使用。

在TypeScript中，对象类型用于表示具有多个属性的数据结构。可以通过字面量、接口或类型别名来定义对象类型。字面量定义接口定义：使用interface类型别名定义：使用type类型别名是TypeScript中的一个功能，它允许你为复杂的类型表达式创建一个简洁的名称。这有助于提高代码的可读性和可维护性。。。。接口是TypeScript中的一个核心概念，它用于定义对象的形状，即对象应该包含哪些属性以及这些属性的类型。接口还可以包含方法签名，用于描述对象应该实现哪些方法。

它具有唯一性、不可变性和作为属性标识符的特性。4)解构赋值:是一种 JavaScript 表达式，它允许从数组或对象中提取属性或值，并将这些值赋给其他变量{a,b}={name:"a",age:11} [a,b]=[1,2]7)其他特性:箭头函数没有自己的 arguments对象，没有原型 prototype，不能用作 Generator 函数，不能使用 yeild 关键字，没有 super.虽然Symbol不能实现真正的私有变量效果，但可以作为对象属性的键名，这些属性对于常规的对象遍历和操作是不可见的。

需求分析：理解项目需求和业务目标。技术选型与架构设计：确定技术栈和项目结构。UI/UX 设计：设计用户体验和视觉界面。开发阶段：基于设计稿实现功能，编写代码并集成 API。测试阶段：进行功能、性能和兼容性测试。优化与打包：优化项目性能，打包静态资源。部署与上线：将项目发布到生产环境。后续维护与迭代：根据反馈进行改进并推出新功能。

有类似数组的特性，但并不是数组的对象，通常具备length属性和按索引存储的元素（argumments对象、DOM方法返回的集合NodeList)轻量级数据交换格式，先前后端通讯数据传递常用，配置文件，与JS对象表示相似。都进行浅拷贝，只赋值对象的第一层属性，而不会递归复制整个对象结构。

javascript基础必备

在JavaScript中，链表作为一种常见的基础数据结构，具有节点动态分配、内存使用灵活等特点，特别适用于插入和删除操作频繁的场景。总之，链表在JavaScript中具有广泛的应用场景和算法题目。掌握链表的基本结构和操作是实现这些算法和应用的基础。通过不断练习和实践，可以加深对链表的理解和掌握。：判断链表中是否存在环形结构，这通常可以使用快慢指针的技巧来实现。：从头到尾遍历链表，处理每个节点的值或指针。：将两个有序链表合并成一个有序链表。