Interview序列-前端

1.​​​​​​JavaScript 基础

执行上下文/内存管理

    理解JavaScript 中的执行上下文和执行栈

    JavaScript深入之执行上下文栈和变量对象

           JavaScript深入之内存空间详细图解

           JavaScript深入之带你走进内存机制

           JavaScript深入之4类常见内存泄漏及如何避免

作用域链/闭包

            深入浅出图解作用域链和闭包

            JavaScript深入之从作用域链理解闭包

            JavaScript深入之闭包面试题解

this/call/apply/bind

            JavaScript深入之史上最全--5种this绑定全面解析

            JavaScript深入之重新认识箭头函数的this

            深度解析 call 和 apply 原理、使用场景及实现

            深度解析bind原理、使用场景及模拟实现

            深度解析 new 原理及模拟实现

原型/继承

          重新认识构造函数、原型和原型链

           图解原型链及其继承优缺点

           深入探究 Function & Object 鸡蛋问题

深浅拷贝

           详细解析赋值、浅拷贝和深拷贝的区别

           Object.assign 原理及其实现

           面试题之如何实现一个深拷贝

           Lodash是如何实现深拷贝的

事件机制/Event Loop

           从event loop规范探究javaScript异步及浏览器更新渲染时机

           一次弄懂Event Loop（彻底解决此类面试问题）

函数式编程/高阶函数

           JavaScript 高阶函数浅析

            深入高阶函数应用之柯里化

            Array 原型方法源码实现大解密

常用方法

          深入浅出节流函数 throttle

          深入浅出防抖函数 debounce

2.CSS 基础

          浏览器的回流与重绘

          彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index

3.框架(React 为主)

           React高频面试题梳理，看看面试怎么答？（上）

            由实际问题探究setState的执行机制

          【React深入】深入分析虚拟DOM的渲染过程和特性

          【React深入】React事件机制

          【React深入】从Mixin到HOC再到Hook

           redux原理解析，看这篇就够了

           从路由原理出发，深入阅读理解react-router 4.0的源码

           React 源码剖析系列 － 不可思议的 react diff

           耽误你的十分钟，让MVVM原理还给你

          React 源码剖析系列 － 生命周期的管理艺术

4.工程化

Webpack

           前端工程师都得掌握的 webpack Loader

            webpack loader 从上手到理解系列：vue-loader

            webpack loader 从上手到理解系列：style-loader

            一文掌握Webpack编译流程

             手把手教你撸一个 Webpack Loader

             手把手教你撸一个简易的 webpack

              webpack4 的30个步骤打造优化到极致的 react 开发环境，如约而至

            【webpack进阶】你真的掌握了loader么？- loader十问

              轻松理解webpack热更新原理

              Webpack原理-编写Plugin

Babel(及ES6/7)

              近一万字的ES6语法知识点补充

              前端工程师需要了解的 Babel 知识

模板引擎

              编写一个简单的JavaScript模板引擎

前端监控

混合开发

               JSBridge 介绍及实现原理

              移动混合开发中的 JSBridge

5.性能优化

打包阶段

         Webpack优化——将你的构建效率提速翻倍

        多进程并行压缩代码

         加速Webpack-缩小文件搜索范围

          Tree-Shaking性能优化实践 - 原理篇

            通过Scope Hoisting优化Webpack输出

          Webpack 大法之 Code Splitting

           2019年前端性能优化清单

          2019年前端性能优化清单 — 中篇

           2019年前端性能优化清单 — 下篇

其它优化

           浅说虚拟列表的实现原理

 

6.网络

HTTP

         前端基础篇之HTTP协议

         关于浏览器缓存你知道多少

          HTTP协议头部与Keep-Alive模式详解

HTTPS/HTTP2

         深入理解HTTPS工作原理

         九个问题从入门到熟悉HTTPS

          HTTP2基本概念学习笔记

DNS

         DNS解析

          前端优化: DNS预解析提升页面速度

TCP

          通俗大白话来理解TCP协议的三次握手和四次分手

CDN

          五分钟了解CDN

           关于 cdn、回源等问题一网打尽

经典题

          从输入URL到页面展示，这中间发生了什么？

7.设计模式

        Javascript设计模式详解

8.数据结构/算法

9.安全

10.其它

           一文了解文件上传全过程

           深度精读:浏览器渲染原理 - [8000字图文并茂]