https://zhuanlan.zhihu.com/p/488383397前端面试手写题目总结-CSDN博客
大厂前端面试中常见的手写代码题目涵盖了多个方面，包括但不限于算法、数据结构、JavaScript 基础知识、DOM 操作、异步编程等。以下是一些常见的手写代码题目及其简要说明：
1. 排序算法
- 冒泡排序：通过重复遍历要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。遍历数列的工作是重复进行的，直到没有再需要交换的元素为止。
- 选择排序：首先在未排序序列中找到最小（大）元素，存放到排序序列的起始位置，然后，再从剩余未排序元素中继续寻找最小（大）元素，然后放到已排序序列的末尾。以此类推，直到所有元素均排序完毕。
- 插入排序：将未排序序列中的元素逐一插入到已排序序列中的适当位置以达到排序的目的。
2. 查找算法
- 二分法查找：在有序数组中查找某一特定元素的搜索算法。搜索过程从数组的中间元素开始，如果中间元素正好是要查找的元素，则搜索过程结束；如果某一特定元素大于或者小于中间元素，则在数组大于或小于中间元素的那一半中查找，而且跟开始一样从中间元素开始比较。如果在某一步骤数组为空，则代表找不到。
3. 函数式编程
- 实现数组的 push、filter、map 方法：要求手写实现这些常用的数组方法，以加深对数组操作和函数式编程的理解。
- 手写 bind、call、apply 方法：理解并手写这些方法，可以深入理解 JavaScript 的函数和 this 指向。
4. 异步编程
- 用 promise 实现异步加载图片：通过 Promise 来处理图片的异步加载，理解 Promise 的基本用法和异步编程模式。
- 实现 promise.all、promise.race、promise.finally 等方法：这些是 Promise 的静态方法，理解并实现它们可以帮助深入理解 Promise 的高级用法。
5. DOM 操作
- 手写实现图片懒加载：通过监听滚动事件和计算图片是否进入可视区域来实现图片的按需加载，提高页面加载速度和用户体验。
6. 实用工具函数
- 防抖（Debounce）和节流（Throttle）函数：这两种函数都是优化高频事件触发性能的手段，理解并实现它们可以帮助解决如输入框搜索、窗口大小调整等场景下的性能问题。
- 深拷贝：对于复杂数据类型，需要实现一个深拷贝函数，以避免直接赋值导致的引用共享问题。
- 类型判断：实现一个类型判断函数，可以准确判断一个变量的类型，包括基本数据类型和复杂数据类型。
7. 其他常见题目
- 手写 new 的执行过程：理解 new 操作符在 JavaScript 中的工作原理，并尝试手写实现。
- 手写实现 Object.create()：理解 Object.create() 方法的作用，并尝试手写实现。
- 获取 URL 参数：实现一个函数，用于从当前 URL 中解析出查询参数。
- 手写实现 JSONP：了解 JSONP 的工作原理，并尝试手写实现。
- 数组去重：实现多种数组去重的方法，如使用 Set、双重循环加 splice、indexOf 或 includes 加新数组等。
8. 数据结构与算法
- 深拷贝与浅拷贝：深拷贝要求完全复制一个对象及其所有子对象，而浅拷贝只复制对象的第一层属性。
- 手写实现 Object.create()：模拟 Object.create() 方法的行为，通过构造函数和原型链来创建一个新对象。
9. 字符串与正则表达式
- 使用正则实现 trim() 方法：通过正则表达式去除字符串两端的空格。
- 正则表达式相关题目：如验证电话号码、邮箱地址等格式的正则表达式编写。
8. 浏览器与 DOM
- 手写 new 的执行过程：模拟 JavaScript 中 new 操作符的行为，通过构造函数和原型链来创建一个新对象。
- 获取 URL 参数：编写函数以解析 URL 中的查询字符串，并将其转换为对象。
以上题目只是大厂前端面试中手写代码题目的一部分，实际面试中可能会根据应聘者的经验和技能水平进行适当调整。建议应聘者在准备面试时，除了掌握这些常见题目外，还要注重基础知识的巩固和扩展，以及实际项目经验的积累。
大厂前端常见的笔试题目通常涵盖了HTML、CSS、JavaScript等前端技术的各个方面，以及数据结构与算法、前端框架等相关知识。以下是一些常见的大厂前端笔试题目分类及示例：
1. HTML基础知识
- HTML基本结构与标签作用：请介绍HTML的基本结构，包括<!DOCTYPE>、<html>、<head>、<body>等标签的作用。
- 块级元素与行内元素：解释HTML中的块级元素和行内元素的区别，并举例说明。
- HTML5新增语义化标签：描述HTML5新增的一些语义化标签（如<header>、<footer>、<article>等）及其使用场景。
- 表单提交：请简要说明HTML表单的基本结构和提交方式，包括GET和POST的区别。
2. CSS基础知识
- 选择器类型与使用方式：介绍CSS中的选择器类型（如类选择器、ID选择器、属性选择器、伪类等），并说明它们的使用方式。
- 盒模型布局：解释CSS盒模型的概念，包括IE盒模型与标准盒模型的区别，以及常见的盒模型属性（如margin、padding、border、width、height等）。
- 浮动与清除浮动：阐述CSS中的浮动（float）及其影响，以及清除浮动的方法（如使用clear属性、BFC等）。
- 响应式布局：介绍响应式布局的概念，并说明实现响应式布局的常见方法（如使用媒体查询、弹性盒子布局等）。
3. JavaScript基础知识
- 数据类型与变量：介绍JavaScript的基本数据类型（如String、Number、Boolean、Null、Undefined等）和引用数据类型（如Object、Array等），以及变量的声明与赋值。
- 函数定义与调用：说明JavaScript中函数的定义方式（如使用function关键字、箭头函数等）和调用方式（如直接调用、作为事件处理器调用等）。
- 作用域与闭包：阐述JavaScript中的作用域概念（包括全局作用域、局部作用域、块级作用域等），以及闭包的概念、用途和常见应用场景。
- 对象、构造函数与原型：介绍JavaScript中的对象、构造函数和原型的概念，以及它们之间的关系和用法。
4. 数据结构与算法
- 常见数据结构：如数组、链表、栈、队列、哈希表等，考察其特性、存储原理及操作方法。
- 排序算法：如快速排序、归并排序、堆排序、冒泡排序等，要求理解其原理、时间复杂度、空间复杂度及稳定性，并可能要求手写实现。
- 算法题：如两数之和、三数之和、字符串排序、数组去重等，考察对算法的理解和编程能力。
5. 前端框架与库
- Vue.js、React、Angular等框架的基本概念与用法：包括组件化开发、数据绑定、路由管理、状态管理等。
- 前端性能优化：考察对前端性能优化技术的了解，如减少HTTP请求、压缩和合并资源、使用CDN等。
- 浏览器渲染机制：了解浏览器的渲染过程，包括DOM树构建、CSSOM树构建、渲染树构建、布局、绘制等，以及如何减少重绘和重排。
6. 其他
- 跨域请求：了解JSONP、CORS等跨域请求的实现方式。
- 安全性问题：如XSS攻击、CSRF攻击及其防范措施。
- 前端工具链：如Webpack、Gulp等构建工具的使用。
以上仅为大厂前端常见笔试题目的一部分示例，实际笔试题目可能会根据具体职位和招聘需求有所不同。因此，应聘者在准备笔试时应全面复习前端技术知识，并关注行业动态和新技术的发展。