【Javascript】学习指南

​​​​​​【JS面试必知】

1. 值与引用  - 了解如何复制对象，数组和函数并将其传递到函数中。知道引用是被复制的内容。通过复制值来了解复制和传递基元。
2. 范围  - 了解全局范围，功能范围和块范围之间的差异。了解哪些变量可用于何处。了解JavaScript引擎如何执行变量查找。
3. 提升  - 了解变量和函数声明被提升到可用范围的顶部。了解函数表达式未被提升。
4. 闭包  - 知道函数保留对其创建范围的访问权限。了解这可以让我们做什么，例如数据隐藏，memoization和动态函数生成。
5. this - 了解this绑定规则。知道它是如何工作的，知道如何弄清楚它在函数中的等同性，并知道它为什么有用。
6. new - 了解它与面向对象编程的关系。知道调用函数会发生什么new。通过使用函数属性的new 继承来理解对象是如何生成的prototype。
7. apply，call，bind  -懂得每一种职能的工作。知道如何使用它们。知道他们做了什么this。
8. 原型和继承  - 了解JavaScript中的继承是通过[[Prototype]]链工作的。了解如何通过函数和对象设置继承以及如何new帮助我们实现它。知道什么是属性__proto__，prototype属性是什么。
9. 异步JS  - 理解事件循环。了解浏览器如何处理用户输入，Web请求和一般事件。知道如何识别并正确实现异步代码。了解JavaScript如何同步和单线程。
10. 高阶函数  - 理解函数是JavaScript中的第一类对象及其含义。知道从另一个函数返回函数是完全合法的。了解闭包和高阶函数允许我们使用的技术。

指南

• Modern-js-cheatsheet: 一份针对现代项目中经常遇到的 JavaScript 知识的备忘清单。
• 不同著名的计算机科学算法的 JavaScript 实现。
• 30-seconds-of-code: 有用的 JavaScript 代码片段，你可以在30秒或更少的时间内理解。
• 一个简单的交互式 ES6 功能列表
• 去他*的 JavaScript：有趣和棘手的 JavaScript 示例列表
• Airbnb 的 Javascript 风格指南
• JavaScript. 核心内容：第二版 - Dmitry Soshnikov

上手

• 萌新也能懂的现代 JavaScript 开发
• 为远古 Web 开发者准备的的现代 JavaScript
• 2017年的 JavaScript 模式 - Scott Allen
• 为新手准备的带示例的 ES6
• 当我没有关注时，JavaScript 变得更好了
• 我刚问过 23,000 个开发人员对 JavaScript 的看法。这是我学到的。
• 我是如何在抛弃 JavaScript 90%的内容后，又重新找回对他的热爱的。
• Vanilla JavaScript 中的 DOM 操作基础（无 jQuery） - SitePoint

Webpack

• 一篇 Webpack 的详细介绍 – Smashing Magazine
• 我维护 webpack，尽情向我提问！
• webpack bits: 充分利用 CommonsChunkPlugin()

性能

• JavaScript 的代价 - Addy Osmani
• JavaScript 气动性能 - Addy Osmani
• JavaScript 是如何工作的：内存管理 + 如何处理四种常见的内存泄漏

概念

• 理解 JavaScript 中的作用域
• 现代 JavaScript 概念词汇表：第一部分
• 在 JavaScript 中处理 undefined 的7个技巧 - Dmitri Pavlutin‏
• 深入浅出编程概念
• 在汉堡排队中解释 JavaScript 中的 Promise
• 编程技巧：尝试不用 If 语句编程 – Samer Buna

函数式编程

• 精通 JavaScript 面试：什么是函数式编程？
• 函数式编程（编写软件）的兴起与衰落

面试

• 为开发者面试准备的最终版 JavaScript Handbook
• JavaScript 面试最常见的十个问题
• 面试中你必须知道的10个 JavaScript 概念

教程案例

• 在4分30秒内编写“贪吃蛇”（使用纯浏览器端 JavaScript）
• 我们是如何在三周内开发出我们的第一个全栈 JavaScript web app 的
• 开发一个 Thrones Map 互动游戏（第二部分） - Leaflet.js 和 Webpack
• 使用 Javascript 创建一个区块链（区块链，第一部分）
• 我们是如何使用 JavaScript 黑掉咖啡机的
• Google 地图 JavaScript API 教程

Async Await

• 六个为什么 JavaScript 中的 Async/Await 完虐 Promise 的原因（教程）
• Async/Await: JavaScript 中的现代并发
• JavaScript 是如何工作的：事件循环机制和异步编程的兴起 + 更好使用 async/await 编程的五种方式
• JavaScript 中的 async / await - What, Why and How - Fun Fun Function
• 图文并茂的解释 Await 和 Async

并发

• 并发JavaScript：可以工作！

V8

• JavaScript 是如何工作的：V8 引擎内部机制及如何编写优化代码的 5 个诀窍
• 理解 V8 的字节码
• JavaScript 是如何工作的：引擎，运行时以及调用堆栈概览

机器学习

• 使用 deeplearn.js 尝试 JavaScript 中的神经网络
• 如何只用30行代码在 JavaScript 中构建一个神经网络
• 在 JavaScript 使用机器学习：第一部分

数据可视化

• 更好的编程方式：d3.express 介绍：集成的探索环境。

调试

• 你可能不知道的14个 JavaScript 调试技巧
• 如何充分利用 JavaScript 控制台

单元测试

• JavaScript中的单元测试[第1部分]：为什么要进行单元测试？ - Fun Fun Function
• 2017年 JavaScript 测试技术回顾