新的征程 — 面试篇

这里呢，会不断整理出我在面试中遇到的问题、面试中可能遇到的问题，与大家分享，并尽可能给出详细解释，当然了如果你有更好的解答也可以参与进来，愿景是打造一份对标大厂 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 [原创]