文章集合

1. JS基础

1.1 语法

• 近一万字的ES6语法知识点补充
• 学习 JavaScript 从吃透变量提升开始
• 假如易立竞问你如何判断 JavaScript 中的数据类型？
• 因为说let没有变量提升，我被嘲笑了

1.2 上下文this与闭包

• [译] 理解 JavaScript 中的执行上下文和执行栈
• 面试官问：能否模拟实现JS的call和apply方法
• 破解前端面试（80% 应聘者不及格系列）：从闭包说起
• js 手动实现bind方法，超详细思路分析！

1.3 原型链

• 从proto和prototype来深入理解JS对象和原型链

1.4 深浅拷贝

1.5 事件循环机制

• 一次弄懂Event Loop（彻底解决此类面试问题）
• Tasks, microtasks, queues and schedules

1.6 Promise与async/await

• 当 async/await 遇上 forEach

2. JS进阶

2.1 Typescript

• Vue + TypeScript 踩坑总结

4. 框架

4.1 MVVM

• 50行代码的MVVM，感受闭包的艺术

4.2 Vue

• 你真的理解$nextTick么
• Vue自定义v-has指令，做按钮权限判断
• 面试官:既然React/Vue可以用Event Bus进行组件通信,你可以实现下吗?
• 面试官: 实现双向绑定Proxy比defineproperty优劣如何?

4.3 Vue-router

• 面试被问及 hash 与 history 的区别该怎么回答？
• Hash与History的区别

5. 源码分析

5.1 Vue

• 来聊聊源码学习—黄轶
• 逐行级源码分析系列(一) Vuex
• Vue3 compiler 优化细节
• vuex 源码：源码系列解读总结
• vue-router源码分析-整体流程
• Vue源码分析 - nextTick

5.2 React

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

5.2 undescore

• underscore-1.8.3.js 源码解读全文注释版
• underscore源码分析
• underscore系列分析文章
• underscore 系列之内部函数 cb 和 optimizeCb
• underscore 的源码该如何阅读？
• 吴晓军underscore源码系列分析
• 注释阅读源码

5.3 Antd

• antd源码解读

6. CSS

• 回流与重绘：CSS性能让JavaScript变慢？
• 移动端布局面试题 全面考察你的CSS功底(居中篇)

应用实例

• 产品经理：鸿蒙那个开场动画挺帅的 给咱们页面也整一个呗

7. 浏览器

• 不会回答从输入url到页面显示发生了什么？这三张图教你
• 面试官：浏览器输入URL后发生了什么？
• 从输入url到页面完成加载发生了什么？
• 「自我检验」输入URL发生了啥？希望你顺便懂这15个知识点
• 浏览器的回流与重绘 (Reflow & Repaint)

• 浏览器知识点整理（四）网络协议

  7.1 缓存

• 前端浏览器缓存知识梳理

  7.2 通信与协议

• HTTP 与 HTTPS 的区别

• TCP 协议学习笔记
• 前端解决第三方图片防盗链的办法
• 传说中图片防盗链的爱恨情仇

8. 多媒体资源处理

8.1 文件上传

• 写给新手前端的各种文件上传攻略，从小图片到大文件断点续传

• 文件上传，搞懂这8种场景就够了

  8.2 在线处理

• JavaScript 如何在线解压 ZIP 文件？

9.脚手架

9.1 Webpack

• Vue SPA 项目webpack打包优化指南
• webpack中loader和plugin的区别
• 一文让你弄懂Webpack的Loader、Plugin

• 每个前端都必须要学会的Webpack优化手段

  9.2 npm相关

  关于现代包管理器的深度思考——为什么现在我更推荐 pnpm 而不是 npm/yarn?

  9.3 搭建

• Vite 2.0 + Vue3 + Ts + Vant3移动端项目

• 体验vite + vue3 + ts搭建项目的全过程
• 从0开始vue3项目搭建
• Vue3+vite+vueRouter+Vuex 项目搭建初体验
• 基于 webpack 搭建一个 vue 项目框架

10.解决方案

10.1 微前端

• 字节跳动是如何落地微前端的
• 万字长文+图文并茂+全面解析微前端框架 qiankun 源码 - qiankun 篇

• 迈入现代 Web 开发（GMTC 2021 演讲《字节跳动的现代 Web 开发实践》全文）

  10.2 登录

• Token 认证的来龙去脉

• 二维码扫码登录是什么原理
• 面试官：如何实现扫码登录功能？

11.产品与交互

9.1 应用逻辑

• 前端应用和产品逻辑的核心：交互流