秋来九月八

react 常见面试题 第二部分

微前端是一种软件架构模式，旨在让大型前端应用程序更容易开发、部署和维护。传统上，前端应用程序是作为单个、整体的单体应用程序开发和部署的，但随着应用规模的增长，这种方法可能导致一些问题，比如开发速度变慢、部署困难和难以维护。微前端通过将前端应用程序拆分为更小的、相互独立的子应用程序（微前端应用）来解决这些问题。每个子应用程序都有自己的开发团队、代码库和部署流程。这些子应用程序可以独立开发、测试和部署，然后集成到整体应用程序中。

比如，一个 z-index 值为 2 的元素会在层叠上下文中显示在一个 z-index 值为 1 的元素的上方。要注意的是，z-index 只对定位元素（即 position 值不是 static 的元素）有效。堆叠上下文是一个独立的层叠环境，其中的元素独立于文档的其他部分。如果有非浮动元素和浮动元素同时存在，并且非浮动元素在前，则浮动元素不会高于非浮动元素。用于控制元素在堆叠上下文中的层叠顺序，值越高的元素显示在值越低的元素的上方。，但是它是另一个元素的子元素，那么它在该子元素的父级范围内才会覆盖。

设计很明确工作流的时候，可以使用generator来控制每一步的进程，但是很遗憾，generator没有提供明确的api来返回上一步，不能像双向链表一样，所以可能需要开发者从中进行额外的设计或干预。键值对，类似于对象和es6中的Map，对象是无序的，但map是有序的，对象不能使用for of 遍历而Map可以。这个方法的核心在于利用回文串的对称性质。栈的形式就是先进后出，而js本身的设计也处处体现了栈的运用，比如闭包，外层函数总是先执行，而内部函数总是后执行，而外层函数总是得等到内部函数完成后才能完成。

自定义 Hooks 是一种用于在 React 函数式组件之间共享状态逻辑的机制。创建自定义 Hooks 可以帮助您将可复用的逻辑提取出来，以便在多个组件中共享。自定义 Hook 的命名应以 “use” 开头，这是 React 社区的一种约定，帮助开发者识别其为 Hook。// ...自定义 Hook 可以在一个或多个组件中使用，使得逻辑的重用更加灵活。// ...// ...自定义 Hook 中不应包含与组件生命周期相关的逻辑，例如或。这样的逻辑应该由使用 Hook 的组件自行处理。

各个组件的实例一旦被注入mixin之后，这些mixin就实例化一个个对象，这些对象之间的数据都是独立的，不像vuex那样，共享数据，一个组件改变状态，另外的组件也会自动更新。按照js事件循环，nextTick属于微任务，但微任务却是在更新dom这个宏任务执行后的回调去触发nextTick的执行，每一次一个宏任务执行完，都会立即清空微任务队列。treeshaking的本质是找到代码之间的依赖关系，这样才能判断哪些代码虽然被创建，却没有使用，哪些代码虽然被引入，也未被使用。在Vue中，可以通过调用组件实例的。

v-if 和 v-show 是 Vue.js 中用于条件性渲染的两个指令，它们有一些重要的区别。初始化渲染时的差别:v-if：只有在表达式为真时才会，否则中。v-show：元素总是会被渲染，只是通过 CSS 控制其显示或隐藏。性能差别:v-if：当条件为假时，DOM 元素会被销毁，再次为真时重新创建。因此，在条件频繁切换时，可能会有一些性能开销。v-show：无论条件是真还是假，DOM 元素总是保持在 DOM 树中，只是通过 属性来控制显示或隐藏。在条件频繁切换时，相对而言性能开销较小。适用场景:v

处理模块的源代码转换。在中配置。针对不同类型的文件进行处理。执行整个构建过程中的特定任务。在plugins中配置。提供了更广泛的自定义和扩展能力。在实际的Webpack配置中，Loader和Plugin通常一起使用，以满足对不同类型的文件和构建过程的灵活需求。Loader负责处理文件转换，而Plugin负责执行其他构建任务。

当客户端发起条件请求（通常是带有 If-Modified-Since 或 If-None-Match 头部的 GET 请求），而服务器判断资源未被修改时，返回 304 状态码，告诉客户端可以使用缓存的版本。如果服务器发现请求中的 If-None-Match 的值与服务器上资源的 ETag 相同，说明客户端的资源仍然是最新的，服务器会返回 304 Not Modified，并告诉客户端可以使用缓存。这样，当其他用户请求相同的资源时，CDN 辐射点可以直接返回缓存的内容，而无需再次访问源服务器。

tcp协议在传输前会建立连接，对传输的数据有确认机制（确认对方是否收到），有丢失重传机制（如果对方未收到，重新传一份），有流量控制机制（防止传输过快而导致对方来不及处理导致丢包）等，确保数据的完整性和顺序性。UDP： 是无连接的协议。4.客服端利用数字认证机构的公钥（浏览器保存在客户端的）解密证书的数字签名，确认服务器公开密钥的真实性（证书的数字签名解密后，必须与服务端的公钥相同）。(证书里面有服务器的公钥，中间人能够拿到服务器的公钥，但他没有认证机构的私钥，无法加密生成数字签名，纂改证书)

别小看变量声明与赋值，在所有的笔试中，基本都会考，这个要多变态就能多变态，但只要掌握基本的规律，我们就能游刃有余，面对一切困难。abc()abc()上面三段代码分别会发生什么？

先乘除后加减，括号里的加减优先于括号外的乘除。先计算，后赋值，计算从左向右，赋值从右向左。符号在前，先计算再运行。符号在后，先运行再计算。

为了保证深度拷贝的万无一失，需要考虑各种情况，不是简单的JSON就能完成的，即使以上情况都没有，为了确保 JSON.parse() 不会失败，提供的 JSON 字符串应该是有效的、符合规范的，并且不包含不支持的数据类型。这里从建立tcp链接之后开始讲起，之前的过程中，浏览器经历了什么暂时不讨论，如果关心这一部分的同学，可以查阅一下，在浏览器输入url后，浏览器做了。Promise then里面的回调，属于微任务，往微任务队列里放，同步执行完，开始执行异步，微任务队列全部执行，没有，执行一个宏任务。

2023前端面试题，有基础题，有原理题，有笔试题，有概念题，我们一起复习，共同掌握

今天继续给大家带来10道常见的前端js面试题，打好前端基础，也可以温故而知新，适合各个阶段的前端开发者。

10道常考的js面试题，有的经常被面试官问，有的又是笔试题中常见的，有的只是一些基本的概念，真正掌握了才能应对日常的开发。

一些css面试题讲解，即使没看过第一部分和第二部分也没关系，它们都是独立的。每一道题都有详细的讲解和说明，帮助你更好的理解，希望大家都能面试成功！！

前端css面试题的补充，涉及到一些基础和进阶的css知识点，一边总结一边复习中

一些常见的css面试题，也可以说是一些前端开发人员必备的css知识点，希望大家都能掌握，顺利通过面试，拿到满意的offer

html面试题第二弹，希望对大家学习前端知识，找工作能有帮助。

最近想梳理一下前端面试题，先从html开始，后面如果发现更有意思的html考点，会继续更新

前言本人从事前端开发2年，换过两份工作，目前就职于一家外企公司。我每一次换工作，基本上都会投递很多我觉得合适的岗位，获得许多面试的机会，现在将我前一段时间所遇到的一些面试题分享出来，希望对大家有所帮助。JavaScript请你阐述一下原型与原型链。关于闭包你了解多少。call、apply、bind的用途与区别。手写一个promise。箭头函数与普通函数。递归与尾递归。await 返回值是什么。promise.then，setInterval，promise-resolve，执行顺序。

继续练习leetcode中关于字符串的算法题，越练越觉得自己编码思想还很欠缺，继续努力。

好好刷刷算法题，提高自己的编码能力。

今天开始刷算法题，提升自己的算法思维和代码能力，加油！