WolfBerry

# 【资源篇】摸鱼必看的前端知识点

# JavaScript

  1. JavaScript 的事件循环 (opens new window)
  2. node 环境下的事件循环 (opens new window)
  3. JavaScript 的运行机制 (opens new window)
  4. JavaScript 执行上下文 (opens new window)
  5. JavaScript 作用域、作用域链 (opens new window)
  6. JavaScript 变量提升 (opens new window)
  7. 原型、原型链 (opens new window)
  8. 八种继承方案 (opens new window)
  9. 理解 object.create() (opens new window)
  10. call、apply、bind (opens new window)
  11. 闭包 (opens new window)、应用场景 (opens new window)
  12. 内存泄露 (opens new window)
  13. js 自定义事件 (opens new window)
  14. 跨域解决方案 (opens new window)
  15. try...catch 异常捕获 (opens new window)
  16. JS 中的闭包是什么 (opens new window)【2021.12.28 更】

# es6 系列

  1. promise 原理 (opens new window)
  2. promise 源码 1 (opens new window)
  3. promise 源码 2 (opens new window)
  4. promise 源码 3 (opens new window)
  5. 核心特性 (opens new window)

# 性能优化系列

  1. 计算白屏时间 (opens new window)*
  2. 理解 DOMContentLoaded、onLoaded、onReady (opens new window)
  3. 页面声明周期、async/defer (opens new window)
  4. 图片懒加载 IntersectionObserver (opens new window)
  5. 动画 RAF（requestAnimationFrame） (opens new window)
  6. 队头阻塞、并发连接、域名分片 (opens new window)

# js 异步加载

  1. prefetch/preload 的使用 (opens new window)
  2. async/await 执行顺序问题 (opens new window)
  3. 理解 async/await (opens new window)

# 手写代码系列

  1. new 实现 (opens new window)
  2. call、apply 实现 (opens new window)
  3. 防抖 (opens new window)、节流 (opens new window)

# 算法系列

  1. 图解 JavaScript 算法排序 (opens new window)

# 实用系列

  1. 大文件切片上传、断点续传 (opens new window)

# 设计模式

  1. 发布订阅模式 (opens new window)

# 虚拟 DOM

  1. 虚拟 DOM 的理解（并不比原生快？） (opens new window)
  2. 再次审视虚拟 DOM（最小的代价更新 DOM） (opens new window)

# HTTP

  1. 浏览器灵魂之问 (opens new window)
  2. 理解 localstorage、sessionstorage、session、cookie (opens new window)
  3. 简单请求和非简单请求 (opens new window)
  4. http2.0 新特性 (opens new window)
  5. 为什么说 http2 比 http 快？具体是哪方面的提升 (opens new window)
  6. 一篇文章带你详解 HTTP 协议 (opens new window)
  7. https 原理（易理解） (opens new window)
  8. https 握手过程 (opens new window)

# 接口请求系列

  1. Ajax 原理 (opens new window)
  2. Axios 用法与原理一览 (opens new window)
  3. Axios 防止接口多次提交 (opens new window)、Axios 防御 csrf 原理 (opens new window)

# 从输入 URL 到呈现页面系列

  1. 基本流程 (opens new window)
  2. TCP 三次握手、四次挥手 (opens new window)
  3. 浏览器缓存机制 (opens new window)
  4. 缓存算法理解（FIFO、LRU、LFU） (opens new window)
  5. 缓存算法代码实现（FIFO、LRU） (opens new window)
  6. TCP 安全传输原理 (opens new window)
  7. 一篇文章带你熟悉 TCP/IP 协议 (opens new window)

# 前端安全系列

  1. 了解 XSS、SXRF 攻击 (opens new window)
  2. 防止 XSS 攻击 (opens new window)

# Vue

  1. vue 声明周期 (opens new window)
  2. 理解渐进式框架 (opens new window)
  3. vue 组件通讯方式 (opens new window)
  4. Vue.use() (opens new window)
  5. v-for 的 key (opens new window)

# vuex

  1. vuex 数据持久化存储 (opens new window)
  2. vuex 原理 (opens new window)

# vue3.0

  1. 新特性 (opens new window)
  2. 体验卡（代码） (opens new window)

# HTML、CSS

  1. css 盒模型 (opens new window)
  2. BFC (opens new window)
  3. css-modules (opens new window)
  4. css-modules 与 scoped 的区别 (opens new window)
  5. css 动画与 js 动画的优缺点 (opens new window)

# Webpack

# 打包&性能优化

  1. webpack 打包速度优化 (opens new window)
  2. webpack 打包即首屏等优化 (opens new window)
  3. Webpack 性能优化你知道哪些 (opens new window)

# 插件

  1. 常用的 webpack 插件 (opens new window)
  2. 手动实现一个 Loader 和 Plugin (opens new window)

# 其他相关

  1. webpack 学习方向 (opens new window)
  2. webpack 相关整理 (opens new window)
  3. tree-shaking 官网文档 (opens new window)

# 浏览器

  1. 浏览器垃圾回收机制 (opens new window)
  2. GUI 线程、JS 引擎线程 (opens new window)
  3. Web Worker 与 Service Worker (opens new window)
  4. 借助 Service Worker 和 cacheStorage 缓存及离线开发 (opens new window)

# 博客、GitHub

  1. 冴羽的博客 (opens new window)
  2. 木易杨 Daily-Interview-Question (opens new window)
  3. haizlin 前端知识每日 3+1 (opens new window)
  4. ziyi 的博客 (opens new window)

# 移动端

  1. 移动端兼容方案 vw+rem (opens new window)
  2. 移动端兼容方案 (opens new window)

# 其他

  1. 阻止浏览器拖动露底 (opens new window)
  2. 单点登录问题 (opens new window)
  3. 大文件上传、断点续传 (opens new window)
  4. 前端模块化详解、AMD、CMD 等规范 (opens new window)

# 来点爽文

  1. 2018 前端面试总结，看完弄懂，工资少说加 3K (opens new window)
  2. 前端 100 问：能搞懂 80% 的请把简历给我 (opens new window)
  3. 浏览器灵魂之问，请问你能接得住几个？ (opens new window)
  4. HTTP 入门到进阶 (opens new window)
  5. 前端基础拾遗 90 问 (opens new window)
  6. 在阿里我是如何当面试官的 (opens new window)
  7. 阿里的面经看看 (opens new window)
  8. 十几道含答案的大厂面试题 (opens new window)

以前准备面试看过的一些精品文章，会持续更新~

我是枸哥，可以叫我杞爷

← splitChunks 与 import 方式的化学反应 →