新的征程 — 面试篇

这里呢，会不断整理出我在面试中遇到的问题、面试中可能遇到的问题，与大家分享，并尽可能给出详细解释，当然了如果你有更好的解答也可以参与进来，愿景是打造一份对标大厂 P6/P7 的面试指南。

面试不是目的，成长才是！希望大家在找到工作的同时，也能有所提升，一起加油，共勉！

面试

HTML 篇

CSS 篇

1. :tada: 制作布局

   • :tada: CSS 盒模型 :star::star::star:
   • :tada: 定位 Position
   • :tada: 弹性布局 Flex
   • :tada: 网格布局 Grid

2. :tada: 两栏布局、三栏布局 :star::star::star:

3. :tada: 居中方式 :star::star::star:

4. :tada: BFC :star::star::star:

JavaScript 篇

1. :tada: 手写系列

   1.1 :tada: instanceof

   1.2 :tada: new

   1.3 :tada: apply

   1.4 :tada: call

   1.5 :tada: bind

   1.6 :tada: throttle :star::star::star:

   1.7 :tada: debounce :star::star::star:

   1.8 :tada: Promise :star:

   1.9 :tada: 调度器

   1.10 :tada: deepClone :star:

   1.11 :tada: EventEmitter :star::star::star:

   1.12 :tada: Ajax

   1.13 :tada: jsonp

2. :construction: 深入原理

   2.1 :tada: 变量声明提升 :star::star:

   2.2 :tada: this 指向 :star::star:

   2.3 :tada: 原型与原型链

   2.4 :tada: 继承 :star::star:

   2.5 :tada: 执行上下文

   2.6 :tada: 作用域与作用域链

   2.7 :tada: 上下文与作用域

   2.8 :tada: 闭包 :star::star::star:

   2.9 :tada: 事件循环 :star::star::star:

3. :construction: DOM 相关

   • :construction: DOM Api

   • :construction: DOM 事件

浏览器篇

• :tada: 重绘/回流

• :tada: 渲染机制

• :tada: 跨域

• :tada: 本地存储

• :tada: 浏览器缓存

• :construction: 从输入 URL 到页面呈现发生了什么

Vue 篇

• Vue2

  :construction: 组件通信的方式 :star::star::star:

  :construction: 组件的生命周期 :star::star::star:

  :construction: 双向数据绑定流程 :star::star::star:

  :construction: v-model 原理 :star::star::star:

  :construction: key 的作用是什么?! :star::star::star:

  :construction: diff 算法实现原理 :star:

  :construction: nextTick 实现原理 :star:

  要点：宏任务和微任务

  :construction: 插槽实现原理 :star:

  :construction: 源码赏析

• Vue Router

  • :construction: 路由模式 hash 和 history 有何区别 :star::star::star:

  • :construction: 导航守卫解析流程

  • :construction: keep-alive 实现原理

  • :construction: 源码赏析

  • 拓展

    :construction: 如何用同步的方式实现异步?!

• Vuex

  :construction: 源码赏析

• Vue Cli

  :construction: 源码赏析

• Vue3

  :construction: 源码赏析

工程化篇

• :construction: Webpack

  • :construction: 构建流程

  • :construction: 高级配置

  • :construction: 性能优化

  • :construction: 热更新原理

• :construction: Babel

• :construction: Vite

性能优化篇

• :construction: 长列表虚拟滚动实现

小程序篇

• :construction: setData 原理

• :construction: 双线程模型

• :construction: 如何设计一个小程序框架

常用库篇

• Axios

  • :construction: 请求和响应拦截器实现原理

  • :construction: 源码赏析

网络篇

• :construction: HTTP

  要点：三次握手、四次挥手

前端安全篇

• :construction: CSRF

• :construction: XSS

综合篇

• :construction: 说说一个大文件上传和断点续传的实现思路

算法与数据结构篇

• :construction: 排序算法

  • :construction: 冒泡排序

  • :construction: 快速排序

• :construction: 字符串

• :construction: 数组、链表

• :construction: 栈、队列

• :construction: 树、二叉树、二叉搜索树

• :construction: 堆、二叉堆、图

• :construction: 哈希表、映射、集合

• :construction: 递归

• :construction: 分治、回溯

• :construction: 深度优先搜索(DFS)、广度优先搜索(BFS)

• :construction: 贪心

• :construction: 二分

• :construction: 动态规划

• :construction: 并查集

• :construction: 位运算

• :construction: 缓存(LRU、LFU)

前端

Node.js

博客

1. [:tada:] 深入理解 javascript 原型和闭包 [非原创, @王福朋]

2. [:tada:] Node.js 项目线上服务器部署与发布 [非原创, @Scott]

3. [:construction:] 致姗姗来迟的 Sass [原创]