前端技术栈综述

一、基础知识

  w3c官网，http://www.w3c.org

《JavaScript教程》JavaScript 教程 - 网道

《ECMAScript 6 教程》  ES6 教程 - 网道

 红宝书《JavaScript高级程序设计》第四版

《JavaScript权威指南》第七版

《JavaScript语言精粹》

JavaScript 教程 | 菜鸟教程

MDN Web Docs

TypeScript:  

GitHub - microsoft/TypeScript: TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

TypeScript 类 | 菜鸟教程

系统地学习JavaScript应根据知识点的难易及内在联系划分阶段：初级->进阶->高级

1. 基础语法、数据类型、算术运算符、关系运算符、逻辑运算符、类型转换等，这些内容更多的是需要我们去记忆然后理解;(字词)

2. 循环语句、逻辑分支等语句需要理解并熟练使用;(句子)

3. 函数的各种形式：函数表达式、函数声明、匿名函数、自执行函数等，理解函数及参数的作用，明白事件与函数的关系;(段落)

4. 理解JavaScript中作用域的概念，熟悉声明提升、垃圾回收等机制;

5. 理解基本数据类型与引用数据类型的异同，及相关的内存原理;

6. 掌握数组、字符串、Date对象、Math对象等常用的API;

7. 理解DOM、BOM的概念作用及常用AIP;

8. 理解event事件对象的概念及作用，掌握事件对象的常用属性及方法，理解事件模型、事件流、事件循环等机制;

9. 掌握正则表达式元字符、量词等基础知识，能读懂并写出一些常见的匹配规则;

10. 熟练使用计时器，理解运动原理，能写出常见的一些网页效果;

11. 明白构造函数、原型的作用，理解面向对象的编程思想，提升抽象编程的能力;

12. 掌握本地存储相关技术(cookie、localStorage)，了解其应用场景;

13. 了解服务端相关概念(服务器、数据库、http协议等)，掌握前后端分离及数据交互方式(ajax、jsonp、跨域解决方案等);

14. 理解应用闭包、原型链与继承，本质上讲，对象之间是基于原型的一种行为委托，掌握了这些内容才会真正理解‘JS中一切皆对象’这样的说法;

15. 熟悉常见的设计模式：工厂模式、单例模式、代理模式、策略模式、发布订阅模式、组合模式等;

16. 尝试去读一些优秀的框架类库源码，理解借鉴一些优秀的解决方案，可以让我们快速的成长。

二、框架

React框架

React框架Router路由 Introduction | React Router 中文文档

React 官方中文文档 – 用于构建用户界面的 JavaScript 库

Ant Design - The world's second most popular React UI framework

前端低代码引擎 低代码引擎 | LowCodeEngine

Vue框架

vuejs · GitHub

Vue.js

三、服务端 Node.js

Node.js

Node.js 教程 | 菜鸟教程

四、参考

前端 - 收藏夹 - 知乎

大一新生如何自学JavaScript? - 知乎