外观

学习资源

3834字约13分钟

2024-08-08

3. 前端面试题目 - 自己整理

春招实习求职时，自己整理的面试题目，不够完善。

  1. JavaScript 部分
  2. html 部分
  3. css 部分
  4. es6 部分
  5. vue 部分
  6. 浏览器部分
  7. 网络部分
  8. web 安全部分
  9. webpack 部分
  10. 代码部分
  11. 性能优化部分
  12. 移动端部分
  13. react 部分
  14. 工程化部分

4. 博客 - 一定要看的面试题

4.1 面试题

那些年刷过的面试题，巨棒。这些看懂了，面试基本没问题。

4.2 优质博客

4.3 优质学习资源

5. 学习网站

  1. JavaScript 开发者应懂的 33 个概念

  2. JavaScript 算法与数据结构

  3. webpack 中文文档

  4. ECMAScript6 入门 - 学习 es6 必看教程

  5. Flutter 中文网

  6. JS 函数式子编程指南

  7. next.js 中文文档

  8. 学用 JAVAScript 设计模式

  9. ReactJS 小书

  10. TypeScript Handbook（中文版）

  11. 图解 Git

  12. 微信小程序开发文档

  13. nodejs 技术栈 - 十分优秀的 nodejs 笔记分享

  14. typescript 入门教程 - 个人觉得比官方文档写得更通俗易懂

  15. 小程序开发文档-底层框架 - 微信官方提供的小程序开发文档，值得反复阅读，了解小程序设计的初衷以及底层原理

  16. 小程序-性能与体验 - 官方出品，必属精品，小程序底层做了许多性能优化，值得借鉴。

6. 技术分享文章 - 长期维护

6.1 CSS

  1. 你未必知道的 CSS 知识点
  2. 前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配
  3. 灵活运用 CSS 开发技巧
  4. 一劳永逸的搞定 flex 布局
  5. 干货!各种常见布局实现+知名网站实例分析
  6. 前端基础篇之 CSS 世界
  7. 彻底搞懂 CSS 层叠上下文、层叠等级、层叠顺序、z-index
  8. 【译】一行 css 代码搞定响应式布局
  9. CSS 技巧，让你的 CSS 更专业
  10. 前端优秀实践不完全指南
  11. 你未必知道的 CSS 知识点（第二季）

6.2 JavaScript

  1. 浏览器的一些“滚动”行为鉴赏
  2. 灵活运用 JS 开发技巧
  3. 如何写出一个惊艳面试官的深拷贝?
  4. 关于 JS 中一些重要的 api 实现, 巩固你的原生 JS 功底
  5. Array.from() 五个超好用的用途
  6. 这些 Web API 真的有用吗? 别问，问就是有用
  7. JS 原型链与继承别再被问倒了
  8. 一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧
  9. 这一次，彻底弄懂 JavaScript 执行机制
  10. 「中高级前端面试」JavaScript 手写代码无敌秘籍
  11. 浏览器与前端性能灵魂之问（上）, 中篇, 下篇
  12. 送你 43 道 JavaScript 面试题
  13. 2020 年，你必须知道的 JS 数组技巧
  14. 【面试篇】寒冬求职季之你必须要懂的原生 JS(上) ， 下- Javascript 看这两篇
  15. 从 206 个 console.log()完全弄懂数据类型转换的前世今生 - 类型转换看这里
  16. JS 原生面经从初级到高级【近 1.5W 字】
  17. js 基础-面试官想知道你有多理解 call,apply,bind？[不看后悔系列] - call、apply、bind 源码实现得比较严谨

6.3 ES6

  1. BAT 前端经典面试问题：史上最最最详细的手写 Promise 教程
  2. [译文]如何避开 async/await 地狱
  3. 前端 er，你真的会用 async 吗？
  4. ES6、ES7、ES8、ES9、ES10 新特性一览
  5. 近一万字的 ES6 语法知识点补充
  6. 25 个你不得不知道的数组 reduce 高级用法
  7. 1.5 万字概括 ES6 全部特性
  8. 30 分钟掌握 ES6/ES2015 核心内容
  9. 记好这 24 个 ES6 方法，用来解决实际开发的 JS 问题
  10. 要就来 45 道 Promise 面试题一次爽到底 - 最详细的 promise、async 题目，妈妈再也不用担心我不会异步了。
  11. ES6 完全使用手册 - es6 的重点
  12. 剖析 Promise 内部结构，一步一步实现一个完整的、能通过所有 Test case 的 Promise 类 - 手写 promise，拿高评价必学！

6.4 vue

  1. Vue 开发必须知道的 36 个技巧
  2. 30 道 Vue 面试题，内含详细讲解
  3. 面试官：自己搭建过 vue 开发环境吗？
  4. vue 中 8 种组件通信方式, 值得收藏!
  5. 手摸手，带你用 vue 撸后台 系列五
  6. Vue 项目里戳中你痛点的问题及解决办法
  7. 史上最强 vue 总结---面试开发全靠它了 - 高赞的 vue 面试题

6.5 react

  1. 你要的 React 面试知识点，都在这了
  2. 90 行代码，15 个元素实现无限滚动
  3. 你真的理解 setState 吗？
  4. React 16 加载性能优化指南
  5. 分享 50 个完整的 React Native 项目
  6. 30 分钟精通 React Hooks
  7. 这可能是最通俗的 React Fiber(时间分片) 打开方式
  8. 「React 进阶」 React 全部 api 解读+基础实践大全(夯实基础 2 万字总结)
  9. React Hooks 详解 【近 1W 字】+ 项目实战
  10. React 如何区分 Class 和 Function？ - react 开发人员分享的文章，涉及到 new、this、class、箭头函数、prototype、proto、instanceof 等方面。
  11. 「React 进阶」 React 全部 api 解读+基础实践大全(夯实基础 2 万字总结) - 硬核文章，作者针对 react 写了一个系列，都值得阅读。
  12. react 技术揭秘 - react 源码解读
  13. 图解 react 源码，github 仓库 - react 源码解读
  14. 函数式组件与类组件有何不同？ - react 开发人员分享的文章，详细解释了函数式组件与类组件的区别，绝对值得一阅。
  15. 15 张图，20 分钟吃透 Diff 算法核心原理，我说的！！！ - 看过最通俗易懂的 react 虚拟 dom diff 算法原理了。
  16. 深入理解 React useLayoutEffect 和 useEffect 的执行时机 - useEffect 和 useLayoutEffect 的区别，通俗易懂。
  17. 「react 进阶」一文吃透 react-hooks 原理 - react-hooks 原理，可配合上面的「图解 react 源码」一同食用。

6.6 浏览器、缓存、网络

  1. 图解浏览器工作原理
  2. 前端缓存最佳实践
  3. 前端跨域整理
  4. Ajax 知识体系大梳理
  5. 面试精选之 http 缓存
  6. 缓存详解
  7. 从多线程到 Event Loop 全面梳理
  8. 浏览器与前端性能灵魂之问，请问你能接得住几个？（上）
  9. TCP 协议灵魂之问，巩固你的网路底层基础
  10. 10 种跨域解决方案（附终极大招） -写得十分详细的跨域方案
  11. 《大前端进阶 安全》系列 HTTPS 详解 -了解 https 看这里
  12. 「查缺补漏」送你 18 道浏览器面试题 - 常见的浏览器相关的面试题

6.7 前端工程化

  1. 前端模块化详解(完整版)
  2. 从 IIFE 聊到 Babel 带你深入了解前端模块化发展体系
  3. 前端构建秘籍
  4. if 我是前端团队 Leader，怎么制定前端协作规范?
  5. 2018 年了，你还是只会 npm install 吗？
  6. 前端模块化：CommonJS,AMD,CMD,ES6
  7. webpack4 的 30 个步骤打造优化到极致的 react 开发环境，如约而至
  8. JavaScript 模块化七日谈 - 了解模块化发展历史，面试常考。
  9. 「万字进阶」深入浅出 Commonjs 和 Es Module - 非常深入的介绍 Commonjs 和 ES Module 的实现原理
  10. module 的加载实现 - 阮一峰老师的模块的加载实现，内容详实。
  11. 从零搭建 React 全家桶框架教程 - 一步一步教你搭建 react 框架，主要阐述 webpack 配置过程
  12. 深入理解 Vite 核心原理 - 最通俗易懂解释 vite 原理的文章
  13. webpack 官方文档 - tree shaking 一节可以了解一下
  14. 【工程化】无用代码去哪了？项目减重之 rollup 的 Tree shaking - rollup 的 tree shaking 的原理解析 15.10 分钟快速入门 rollup.js,10 分钟快速进阶 rollup.js - rollup 进阶，了解基础配置

6.8 技术分享

  1. 前端进阶必备，github 优质资源整理分享！
  2. 哪些技术会决定前端开发者的未来发展？
  3. 一个合格(优秀)的前端都应该阅读这些文章
  4. 【前端词典】提高幸福感的 9 个 CSS 技巧
  5. 前端工作学习相关网站收集整理
  6. 2018 上半年掘金微信群日报优质文章合集：前端篇
  7. 前端常用插件、工具类库汇总，不要重复造轮子啦
  8. 前端开发中 79 条不可忽视的知识点汇总

6.9 数据结构

  1. 前端该如何准备数据结构和算法？
  2. 我接触过的前端数据结构与算法
  3. 视频面试超高频在线编程题，搞懂这些足以应对大部分公司 - 编程题
  4. 前端进阶算法：常见算法题及完美题解 - 编程题

6.10 其他技术拓展

  1. 谁说前端不需要懂-Nginx 反向代理与负载均衡
  2. 写给新手前端的各种文件上传攻略，从小图片到大文件断点续传
  3. 正则表达式不要背
  4. 高性能渲染十万条数据(时间分片)
  5. 现代化懒加载的方式
  6. 网站性能优化实战——从 12.67s 到 1.06s 的故事
  7. 面试：页面加载海量数据
  8. 实现图片懒加载(Lazyload)
  9. 【前端词典】5 种滚动吸顶实现方式的比较[性能升级版]
  10. 推荐几个不错的 console 调试技巧
  11. 字节跳动面试官：请你实现一个大文件上传和断点续传
  12. 近两万字小程序攻略发布了
  13. 总结移动端 H5 开发常用技巧
  14. 前端下载文件的 5 种方法的对比
  15. 面试官：你了解过移动端适配吗？
  16. 前端性能优化 20 条建议
  17. Web 中的图像技术总结，前端开发中各种图片引入的优点缺点及实例
  18. 小程序直播-疯狂点赞动画实现原理解析 - 最近比较热门的 canvas 动画案例
  19. 「一劳永逸」一张脑图带你掌握 Git 命令
  20. 【译】Redux 还是 Mobx，让我来解决你的困惑！ - 非常好的文章，讲清楚 redux 和 mobx 的区别
  21. 深入理解 vite 核心原理 - 了解 vite 的基本原理，入门必备。

6.11 面试题库

  1. 这儿有 20 道大厂面试题等你查收
  2. 送你 43 道 JavaScript 面试题
  3. 前端知识点汇总——面试看这一篇就够了
  4. 【面试篇】寒冬求职季之你必须要懂的原生 JS(上)
  5. 【面试篇】寒冬求职季之你必须要懂的原生 JS(中)
  6. (中篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂
  7. 总结了 17 年初到 18 年初百场前端面试的面试经验(含答案)
  8. 「中高级前端面试」JavaScript 手写代码无敌秘籍
  9. 五年面试，三年模拟
  10. 一名【合格】前端工程师的自检清单
  11. 2019 前端面试 | “HTML + CSS + JS”专题
  12. 前端 100 问：能搞懂 80%的请把简历给我
  13. 前端面试之道小册
  14. 面试的信心来源于过硬的基础
  15. 2018 前端面试总结，看完弄懂，工资少说加 3K | 掘金技术征文
  16. 2020 三元同学春招阿里淘系、阿里云、字节跳动面经 & 个人成长经验分享 - 应届大佬的实习面试记录
  17. 阿里前端攻城狮们又写了一份面试题答案，请查收 - 大厂有意思的面试题
  18. 2020 年前端面试复习必读精选文章【赠复习导图】 - 很全的前端面试复习集锦
  19. 前端 10 个灵魂拷问 吃透这些你就能摆脱初级前端工程师！ - 前端比较常见的面试题
  20. 让我在面试官面前结巴的 24 个 XX 和 XX 的区别！

Copyright (c) 2019-present ZhenzhenCai