前端进阶之路【索引】

175 阅读2分钟

写在前面

相信所有小白在前端学习过程中都有这样一个经历,遇到一个模糊的概念,就尝试查找各种帖子文章,在查看这些文章的时候,作用域(scope)、词法环境、静态作用域、执行上下文等名词相继出现。从中大概知道:

  • 哦,js中变量是有提升的现象,
  • 哦,还有函数的作用域是在它创建的时候的词法环境决定的,
  • 哦,还有this是在运行是决定的不是在创建时决定的(what?TMD到底是怎么决定的)。。。等等,再加上原型链、作用域链、闭包、匿名函数立即执行函数(IIFE)。

什么鬼!没有点耐心的同学估计都考虑过放弃前端这条路了!!这些概念我都听过,知道,但是模糊,有翻译问题,也有文章写作时间前后间隔过大(规范已经变更,但又没有标明),因此对同一个概念有不同解释,反而更加疑惑,到底谁的更权威。为了彻底了解自己写的代码到底再干些啥,笔者决定一探究竟,于是有了这一系列文章,让我们一起共同成长。文章中有表达不当之处,欢迎指正,谢谢。

*   【进阶第1期】  调用栈与执行上下文   done

*   【进阶第2期】  作用域链和闭包    done

*   【进阶第3期】  this 全面解析    done

*   【进阶第4期】 变量环境 & 词法环境 doing

*   【进阶第5期】  浅拷贝与深拷贝 done

*   【进阶第6期】  JS对象、原型 Prototype及继承   done

*   【进阶第7期】  Event Loop 原理 done

*   【进阶第8期】  Promise 原理 done

*   【进阶第9期】 HTTP详解——入门 done

*   【进阶第10期】 模块化规范 done

*   【进阶第11期】 webpack 系列之入门 done

*  【进阶第 12 期】防抖/节流原理 doing

* 【进阶第 13 期】web 缓存方案 doing

*   【进阶第15期】 从输入URL到页面呈现发生了什么?—— 浏览器工作原理(上) done

*  【进阶第16期】 从输入URL到页面呈现发生了什么?—— 浏览器工作原理(下),提升页面性能 done

*  【进阶第17期】从输入URL到页面呈现发生了什么? —— 浏览器工作原理(下),提升页面性能 doing

* 【进阶第18期 】babel原理

*   【进阶第20期】 Typescript —— 入门 doing