前端面试

接口定义练习 函数定义练习 泛型工具定义练习1 泛型工具定义练习2 接口定义练习 函数定义练习 泛型工具定义练习1 泛型工具定义练习2

具体框架下（cra，umi，antd-pro等）环境的配置略有不同，，后续单元测试的写法都是雷同的环境的配置在面试时不是重点，本例以Vite+React+TSw为例进行说明。 1. 安装依赖 首先，你

在JavaScript中有一群神秘的观察者，默默地监视着网页的一举一动，本次我们一起深入了解这些观察者，并学习如何利用它们来提升我们的网页互动性。 MutationObserver 侦听页面DOM结构

为何本地开发时我们导入的内容都是由js/ts模块导出的，而第三方包几乎全部由dts导出，是何道理？ 在JavaScript/TypeScript的生态系统中，模块导出和.dts文件扮演着不同但互补的角

大家好，今天我们要探讨的是TypeScript中的一个语法特性：import type。 什么是import type？ 在TypeScript中，import type是一种特殊的导入形式，它只导入

引子 Webpack 是一个强大的模块打包工具，它可以处理各种类型的资源，并将它们转换为浏览器可以理解的代码。在这个过程中，Webpack 使用了一种叫做 "插件" 的机制，它允许你自定义如何处理特定

引子 在这篇文章中，我们将深入探讨如何创建和使用自定义的 webpack loader。我们将通过一系列的例子，展示如何使用 loader 来实现各种常见的任务，如移除注释、添加版权声明、转换 Mar

当 ping 一个 IP 地址时发生了什么 如何获取一个进程的内存并监控 简述 TCP socket 建立的过程 在linux中如何获取登录的用户 linux 中如何打印所有网络接口 linux 有哪

@主要Review的指标 前端代码Review主要关注以下几个方面： 助记：功性读复全兼测 @功能Review 无需人为检测，但注释要写明白，TS类型要写清楚，让用的人如沐春风； 该匹配单元测试的建议

@样式覆盖问题 症状描述 成因分析与解决 原因：浏览器默认，父级样式继承，类名冲突等，太多地方能影响样式了! planA 日常注意样式分离，如Vue的 scrope 和React的 css-modul

@前端存储 在前端开发中，有几种常见的方式可以进行数据存储： Cookie：Cookie 是一种存储在用户本地浏览器中的小型文本文件。它可以被用来存储和获取有限量的数据。Cookie 在前端通常用于存

+ 对SSR的理解？ SSR 全称为 Server-Side Rendering，即服务端渲染。它是一种将 React 组件在服务端渲染成 HTML 字符串并发送到浏览器的技术。 通常情况下，Reac

基础篇 @对象操作 手写深拷贝 提取查询参数 虚拟dom转真实dom @数组操作 元素速查 有序数组原地去重 全排列 @字符串处理 字符串去重 最少操作完成变形 数值转汉语 @OOP 扩展现有类 原型

@如何实现自适应布局 @如何实现响应式布局 @如何让Echarts数据页同时适配PC和大屏 参见自适应布局 @子盒子在父盒子中宽高居中 盒模型实现：暴力计算margin或padding； 弹性盒实现：

JS基础 什么是事件委托 概念：子元素委托事件给父元素去处理； 好处：节约内存+方便管理+防内存泄漏； 节约内存：事件监听器的数量少； 方便管理：无需考虑子元素动态增减时事件监听器的动态增减问题； 防

请说出10个请求头 Accept = 客户端想要接收的响应体格式 Accept-Encoding = 客户端想要的响应内容压缩方式 Content-Type = 请求体数据格式 Content-Len

@Git Git常用命令 add commit push 日常三件套：添加受控、提交、推远程 stash 暂存（不能达到提交要求的）鸡肋代码 reset/revert 版本回退 merge/rebas

@HTTP协议相关 URL回车后发生什么？ URL解析: 协议段 + 域名/IP段 + 端口段（HTTP协议默认端口80/HTTPS协议默认端口443）+ 路径段 + 查询参数段 + 哈希段；浏览器执

@HOC与RenderProps 答题要点 两者都是React复用逻辑的主要方式，另外个主要方式是大名鼎鼎的天王【自定义Hook】 HOC的逻辑是子组件进去，父组件出来，父组件在直接渲染子组件之余，为

@小程序的性能优化 开启代码压缩 上传代码时勾选开发者工具中“压缩代码”选项； 处理静态资源 预先对图片、视频等静态资源进行物理压缩，推荐大家一个在线压缩图片的网站 TinyPNG； 能使用CDN服务