Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/savoygu/blog

面试、前端、Node.js、博客
https://github.com/savoygu/blog
blog frontend interview javascript nodejs vuejs
Last synced: about 1 month ago
JSON representation
面试、前端、Node.js、博客
Host: GitHub
URL: https://github.com/savoygu/blog
Owner: savoygu
Created: 2017-11-30T01:27:17.000Z (about 7 years ago)
Default Branch: master
Last Pushed: 2023-03-04T12:52:07.000Z (almost 2 years ago)
Last Synced: 2023-03-05T19:18:44.110Z (almost 2 years ago)
Topics: blog, frontend, interview, javascript, nodejs, vuejs
Language: HTML
Homepage:
Size: 2.37 MB
Stars: 61
Watchers: 5
Forks: 26
Open Issues: 4
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        # 新的征程 — 面试篇

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

>

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

## 面试

### HTML 篇

### CSS 篇

1. :tada: 制作布局

   - :tada: [CSS 盒模型](https://github.com/savoygu/blog/tree/master/%E9%9D%A2%E8%AF%95/CSS/%E7%9B%92%E6%A8%A1%E5%9E%8B.md) :star::star::star:

   - :tada: [定位 Position](https://github.com/savoygu/blog/tree/master/%E9%9D%A2%E8%AF%95/CSS/Position.md)

   - :tada: [弹性布局 Flex](https://github.com/savoygu/blog/tree/master/%E9%9D%A2%E8%AF%95/CSS/Flex.md)

   - :tada: [网格布局 Grid](https://github.com/savoygu/blog/tree/master/%E9%9D%A2%E8%AF%95/CSS/Grid.md)

2. :tada: [两栏布局](https://github.com/savoygu/blog/tree/master/%E9%9D%A2%E8%AF%95/CSS/%E4%B8%A4%E6%A0%8F%E5%B8%83%E5%B1%80.md)、[三栏布局](https://github.com/savoygu/blog/tree/master/%E9%9D%A2%E8%AF%95/CSS/%E4%B8%89%E6%A0%8F%E5%B8%83%E5%B1%80.md) :star::star::star:

3. :tada: [居中方式](https://github.com/savoygu/blog/tree/master/%E9%9D%A2%E8%AF%95/CSS/%E5%B1%85%E4%B8%AD%E6%96%B9%E5%BC%8F.md) :star::star::star:

4. :tada: [BFC](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/CSS/BFC.md) :star::star::star:

### JavaScript 篇

1. :tada: 手写系列

   1.1 :tada: [instanceof](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/instanceof.md)

   1.2 :tada: [new](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/new.md)

   1.3 :tada: [apply](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/apply.md)

   1.4 :tada: [call](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/call.md)

   1.5 :tada: [bind](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/bind.md)

   1.6 :tada: [throttle](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/throttle.md) :star::star::star:

   1.7 :tada: [debounce](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/debounce.md) :star::star::star:

   1.8 :tada: [Promise](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/Promise.md) :star:

   1.9 :tada: [调度器](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/Scheduler.md)

   1.10 :tada: [deepClone](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/deepClone.md) :star:

   1.11 :tada: [EventEmitter](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/EventEmitter.md) :star::star::star:

   1.12 :tada: [Ajax](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/Ajax.md)

   1.13 :tada: [jsonp](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97/jsonp.md)

2. :construction: 深入原理

   2.1 :tada: [变量声明提升](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%B7%B1%E5%85%A5%E5%8E%9F%E7%90%86/%E5%8F%98%E9%87%8F%E5%A3%B0%E6%98%8E%E6%8F%90%E5%8D%87.md) :star::star:

   2.2 :tada: [this 指向](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%B7%B1%E5%85%A5%E5%8E%9F%E7%90%86/this%E6%8C%87%E5%90%91.md) :star::star:

   2.3 :tada: [原型与原型链](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%B7%B1%E5%85%A5%E5%8E%9F%E7%90%86/%E5%8E%9F%E5%9E%8B%E4%B8%8E%E5%8E%9F%E5%9E%8B%E9%93%BE.md)

   2.4 :tada: [继承](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%B7%B1%E5%85%A5%E5%8E%9F%E7%90%86/%E7%BB%A7%E6%89%BF.md) :star::star:

   2.5 :tada: [执行上下文](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%B7%B1%E5%85%A5%E5%8E%9F%E7%90%86/%E6%89%A7%E8%A1%8C%E4%B8%8A%E4%B8%8B%E6%96%87.md)

   2.6 :tada: [作用域与作用域链](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%B7%B1%E5%85%A5%E5%8E%9F%E7%90%86/%E4%BD%9C%E7%94%A8%E5%9F%9F%E4%B8%8E%E4%BD%9C%E7%94%A8%E5%9F%9F%E9%93%BE.md)

   2.7 :tada: [上下文与作用域](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%B7%B1%E5%85%A5%E5%8E%9F%E7%90%86/%E4%B8%8A%E4%B8%8B%E6%96%87%E4%B8%8E%E4%BD%9C%E7%94%A8%E5%9F%9F.md)

   2.8 :tada: [闭包](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%B7%B1%E5%85%A5%E5%8E%9F%E7%90%86/%E9%97%AD%E5%8C%85.md) :star::star::star:

   2.9 :tada: [事件循环](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/JavaScript/%E6%B7%B1%E5%85%A5%E5%8E%9F%E7%90%86/%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF.md) :star::star::star:

3. :construction: [DOM 相关]()

   - :construction: [DOM Api]()

   - :construction: [DOM 事件]()

### 浏览器篇

- :tada: [重绘/回流](https://github.com/savoygu/blog/tree/master/%E9%9D%A2%E8%AF%95/%E6%B5%8F%E8%A7%88%E5%99%A8/%E9%87%8D%E7%BB%98%E5%9B%9E%E6%B5%81.md)

- :tada: [渲染机制](https://github.com/savoygu/blog/tree/master/%E9%9D%A2%E8%AF%95/%E6%B5%8F%E8%A7%88%E5%99%A8/%E6%B8%B2%E6%9F%93%E6%9C%BA%E5%88%B6.md)

- :tada: [跨域](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/%E6%B5%8F%E8%A7%88%E5%99%A8/%E8%B7%A8%E5%9F%9F.md)

- :tada: [本地存储](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/%E6%B5%8F%E8%A7%88%E5%99%A8/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8.md)

- :tada: [浏览器缓存](https://github.com/savoygu/blog/blob/master/%E9%9D%A2%E8%AF%95/%E6%B5%8F%E8%A7%88%E5%99%A8/%E6%B5%8F%E8%A7%88%E5%99%A8%E7%BC%93%E5%AD%98.md)

- :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 原型和闭包](https://github.com/savoygu/blog/blob/master/%E5%8D%9A%E5%AE%A2/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3javascript%E5%8E%9F%E5%9E%8B%E5%92%8C%E9%97%AD%E5%8C%85/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3javascript%E5%8E%9F%E5%9E%8B%E5%92%8C%E9%97%AD%E5%8C%85.md) [非原创, @王福朋]

2. [:tada:] [Node.js 项目线上服务器部署与发布](https://github.com/savoygu/blog/blob/master/%E5%8D%9A%E5%AE%A2/Node.js%E9%A1%B9%E7%9B%AE%E7%BA%BF%E4%B8%8A%E6%9C%8D%E5%8A%A1%E5%99%A8%E9%83%A8%E7%BD%B2%E4%B8%8E%E5%8F%91%E5%B8%83/Node.js%E9%A1%B9%E7%9B%AE%E7%BA%BF%E4%B8%8A%E6%9C%8D%E5%8A%A1%E5%99%A8%E9%83%A8%E7%BD%B2%E4%B8%8E%E5%8F%91%E5%B8%83.md) [非原创, @Scott]

3. [:construction:] [致姗姗来迟的 Sass](https://github.com/savoygu/blog/blob/master/%E5%8D%9A%E5%AE%A2/%E8%87%B4%E5%A7%97%E5%A7%97%E6%9D%A5%E8%BF%9F%E7%9A%84%20Sass/%E8%87%B4%E5%A7%97%E5%A7%97%E6%9D%A5%E8%BF%9F%E7%9A%84%20Sass.md) [原创]