📕 Javascript 高级程序设计

[zhililab]

✔️ 目录

• [x] 第1章 Javascript 简介
• [x] 第2章 在 HTML 中使用 Javascript
• [ ] 第3章 基本概念 ...

[zhililab]

要想全面理解和掌握 Javascript，关键在于弄清楚它的本质、历史和局限性。

本质 => 到底是什么？ 历史 => 为什么会出现 JavaScript 局限性 => 知道 JavaScript 的天花板在哪？下面都是它 do 的 capabilities

[zhililab]

👍 学习 sunyun 的优秀阅读模式，学完知识点，思考 🤔 源代码 👨‍💻

[zhililab]

✔️ Review

上周阅读了关于 JavaScript 相关诞生背景 🖼 、本质 🔢 、内容 🗺 ，JavaScript 是一种专门与网页交互而设计的脚本语言，由 三个 不同的部分组成：

• ECMAScript，由 ECMA-262定义，提供核心语言功能；
• 文档对象模型（DOM，Document Object Model），提供访问和操作网页内容的方法和接口；
• 浏览器对象模式（BOM，Browser Object Model），提供与浏览器交互的方法和接口。

[zhililab]

✔️ 衍生思考

• [x] JavaScript 语言有哪些联系密切的编程语言，如 typescript，es6 等等？

💟 总结时间到：

• 现在我们平时说的 JavaScript 默认都是 ECMAScript5(ES5)，然后后续又发布 ES6（也叫ES2015）、ES7（ES2016）等
• 由于 JavaScript （ES5）本身是弱类型的语言，很多人使用会有烦恼 => 这种背景下，出现 es6, es7, typescript, coffeescript, flow 等等
• typescript 可以编译成任何主流版本的 JavaScript e.g. ES3/ES5/ES6/ES7

📑 阅读材料:

• TypeScript vs JavaScript

• [x] dom 面试有哪些相关问题，最近很好的一些框架，如 VUE等提供的 VDOM（Vitrual DOM）是用来做什么的？

• 了解 vDOM，了解一下 DocumentFragment => DOM修改，渲染时的性能问题

• 什么是 vDOM：虚拟DOM的本质是一个和真实DOM结构类似的JS对象 => 为什么要使用 vDOM => 提高浏览器的渲染速度 :car ；步骤：① 首次渲染，数据 all 加载到 vDOM，然后一次性渲染到真实 DOM 上-> ② 数据变化时，额外的生成一颗虚拟 DOM 树 -> ③ 通过 Diff 算法对比修改的部分，然后将修改部分渲染都真实的 DOM 中 -> ④ 释放内存 📝

• Key 值

[zhililab]

✔️ 在 HTML 中使用 Javascript

• 使用 Githubissues.
• Githubissues is a development platform for aggregating issues.