面面俱到

随着互联网的普及和发展，一二线城市的互联网公司已经成为人们生活中不可或缺的一部分。这些城市不仅拥有众多的互联网公司，而且还有各种类型的互联网公司，从大型科技巨头到初创企业，应有尽有。

在这样的铜三铁四一个存量市场，前端竞争也在无形中“卷”了起来 缺乏算法思维，又如何在大厂、中厂脱影而出呢？？ 算法感兴趣的倔友可以看下面写的专栏 # JavaScript版数据结构与算法 一、旋转数组

setState 题目 React 中以下代码会输出什么 setState 默认异步更新 setState 默认会合并 多次执行，最后 render 结果还是 1 setState 有时同步更新 根据

渲染 10w 条数据 题目 后端返回 10w 条数据，该如何渲染？ 设计是否合理？ 前端很少会有一次性渲染 10w 条数据的需求，而且如果直接渲染会非常卡顿。 你可以反问面试官：这是什么应用场景。然后

for...in 和 for...of 的区别 题目 for...in 和 for...of 的区别 key 和 value for...in 遍历 key , for...of 遍历 value 遍

TCP 连接 三次握手 四次挥手 题目 请描述 TCP 连接的 三次握手 和 四次挥手 建立连接 客户端和服务端通过 HTTP 协议发送请求，并获取内容。 在发送请求之前，需要先建立连接，确定目标机器

概述 Vue3 新功能 createApp emits属性 多事件处理 Fragment 移除.sync 改为v-model 异步组件的引用方式 移除filter Teleport Suspense

前端真题【我是来告诉你答案是什么】之一 8. 题目8 8.1 关于作用域和自由变量的场景题-1 执行结果 8.2 判断字符串以字母开头，后面字母数字下划线，长度6-30 答案 const reg =

掘友们，大家好呀，我是服部~ 看到掘金邀请写年度征文的邀请，不由得回忆起了作为艺术生开启前端生涯的这五年。 1. 在南京的第一年 记得那是2016年的暑假，我一个人带着简单的行李箱，做着K开头的火车，

本文内容 搜集网上的高频JS 初级面试题 验证和复习之前学过的知识 补充其他技能，如正则表达式、数组API 阅读前的提示 题目没有按照知识点或者难度排序，混排 只筛选了初级面试题，即本课程知识体系之内

先抛出几个问题 typeof 能判断哪些类型 合适使用 === 何时使用 == 值类型和引用类型的区别 1. 值类型 1.1 深入分析 值类型存储的空间比较小，考虑性能和可空间使用，只有一个值嘛，就直

这两个东西都以闭包的形式存在。 它们通过对事件对应的回调函数进行包裹、以自由变量的形式缓存时间信息，最后用 setTimeout 来控制事件的触发频率。 1. Throttle： 第一个人说了算 th

1. line-height 如何继承 1.1 题目 1.2 答案 40px 1.3 解题 写具体数据，如30px,则继承该值 写比例，如2/1.5，则继承改比例 写百分比，如200%，则继承计算出来

平时我们比较推崇的性能监测方案主要有两种：可视化方案、可编程方案 1. 可视化监测：从 Performance 面板说起 Performance 是 Chrome 提供给我们的开发者工具 用于记录和分

当浏览器下载完页面所需元素（html标记，css层叠样式表，javascript，图片）之后，会生成两个东西：Dom树和渲染树。 1. 重排（重新排列 reflow） 当页面的布局和几何属性发生改变的

1. 望闻问切：DOM 为什么这么慢 1.1 因为收了“过路费” JS 引擎和渲染引擎（浏览器内核）是独立实现的。当我们用 JS 去操作 DOM 时，本质上是 JS 引擎和渲染引擎之间进行了“跨界交流

1. 开启浏览器渲染“黑盒” 1.1 什么是渲染过程？ 简单来说，渲染引擎根据 HTML 文件描述构建相应的数学模型，调用浏览器各个零部件，从而将网页资源代码转换为图像结果，这个过程就是渲染过程。 从

1 故事的开始：从 Cookie 说起 Cookie 的本职工作并非本地存储，而是“维持状态”。 在 Web 开发的早期，人们亟需解决的一个问题就是状态管理的问题：HTTP 协议是一个无状态协议，服务

1. CDN是什么？ CDN （Content Delivery Network，即内容分发网络）指的是一组分布在各个地区的服务器。这些服务器存储着数据的副本，因此服务器可以根据哪些服务器与用户距离最

图片优化方案 选择合适的格式 大小要适当 适配不同屏幕 压缩图片 优化处理关键图像 懒加载图片 压缩图片的方案 压缩图片的仓库 https://github.com/imagemin/imagemin