前端语言串讲

1. 前端语言的基本能力：

三剑客：html（骨骼），css（表皮），js（肌肉）三剑客共同构成了一个完整的生命，缺一不可。
html的主要作用是：构建框架结构，包含（1）控制内容布局，（2）为外部设计提供一个层次结构，（3）他是所有外部页面的一个基石
css：（1）给元素添加样式，（2）适配不同尺寸的屏幕来使网站具备响应式的特征。（3）是网站的外表和体验最重要的一个工具
JavaScript（最有灵魂）：（1）增加交互功能（2）处理复杂的函数及特性（3）保证更高的效率以及可用性

2.JavaScript：

6个基本类型:string,number,boolean,null,undefined,symbol，其余的都是对象类型，比如：Aray,Function两个继承自Object类。
语法特点：（1）var，let，const都可以用来定义变量，他们的区别只是作用域的不同。
（2）JavaScript在做运算的时候会把数据类型做一个统一化的特点，这是一个比较复杂的点，所以建议尽量对同一个类型进行操作

3.浏览器包含两种引擎：渲染引擎和JavaScript引擎

（1）渲染引擎 主要用来加载页面，通过html来生成dom树的结构，接着获取css资源并构建css树，结合dom的结构特性和css的样式特性，渲染引擎会计算最终页面的排版，之后进行渲染合成来提高效率，最后把页面绘制出来。
（2）JavaScript引擎：首先引擎将源码解析成为AST树，接着通过ignition转化为次解码，次解码能在虚拟机中运行。

4.微任务，宏任务

微任务：比较常见的就是promise combine
宏任务：浏览器默认情况下执行的都是宏任务

5.css module和JSS

两者都是现在惯用的两种技术，他们的主要目的都是为了解决css的一个问题：类名容易冲突的问题。

6.html并非图灵完备，它只是一门标记语言。

它的基本语法包括：标签（元素）Element，文本Text，注释Comment，DTD（Document Type Defination）,处理信息ProcessingInstruction

7.html标签分类：

文档型（<!DOCTYPE>  <head>  <body>）。
闭合型（闭合标签，空标签）。
换行型（块级标签，行内标签）。
H5新元素（语义化标签，媒体标签，表单标签，功能标签）

8.web未来的趋势：

（1）使用Rust去编写效率工具越来越流行
（2）JS几乎可以转化成任何的事情。
（3）服务端容器化
（4）低（无）代码的站点越来越火热
（5）大前端的统一
（6）三维可视化会更加容易实现。

课程干货满满，不过同样术语蛮多的，老师介绍了语言基础，浏览器引擎；语言和语言之间的协作；重点讲了html。其中让我印象最深刻的是对HTML5音频能力的分析，因为一直不知道声音是如何通过编程产生的。学了课程后，知道了音频分别通过编程调控声音的振幅（音量），频率（音高），波形（音色）。创建音频上下文，正弦振荡器，音量增幅器并关联，通过音频输出器开始波动，从而产生声音。对于本人这种小白来说解答了很多疑惑。

前端语言串讲|青训营