Day1 前端语言串讲｜青训营

01 前端语言的基本能力

• HTML：构建框架结构——构建了人的骨骼。

最基本的语言，左右尖括号包裹起来的一串字符，从形式上称之为标签，在浏览器上称之为元素。

• CSS：层叠样式表——构建了人的皮囊。

语法简单。

• JS：JavaScript，增加了交互体验——作为肌肉。

（1）借鉴C语言的基本语法； （2）借鉴Java语言的数据类型和内存管理； （3）借整Scheme造言，将函数提升到'第一等公民”（first class) 的地位； （4）借鉴Self语言，使用基于原型(prototype）的继承机制。

02 前端语言的协作配合

1. CSS in HTML：HTML和CSS本身是两个不同的技术，但通常同时使用他们来制作网页。在HTML中，使用标签来表示网页中的不同元素，如标题、段落、图片等。而CSS则可以通过选择器选择这些元素，并控制它们的样式。
2. JavaScript in HTML：HTML中的JavaScript标签之间，JavaScript置在HTML页面的标签和标签中，这种视情况而定，一般放在标签内。
3. HTML in JavaScript：HTML同样可以写在JavaScript中，这个语法的文件后缀名是JSX，延伸的有TSX。分别表示使用JS编写和TS编写。
4. CSS in JavaScript：JSS是一种将CSS样式以JavaScript对象的形式编写和管理的技术。它允许我们在JavaScript代码中动态生成和修改样式。在React中，我们可以使用@material-ui/styles等库来使用JSS。

03 你不知道的HTML

• HTML的基本语法和标签
• HTML5的语义化标签、存储等

总结

学习了三种基本能力，除了JS之前有所接触，对其他两种的了解都不多，因此在接下来的课程中还是要好好学习。在这节课中也获得了一些其他的拓展知识，例如Web的风靡等。