前端语言串讲 | 青训营笔记

53 阅读2分钟

这节课主要讲了前端的几个语言之间的关系,算是导论课。

今天的课程,我们学习了前端语言的基础知识,包括HTML/CSS/JS/浏览器引擎等。这些语言是构成网页的重要元素,它们之间有着密切的协作关系。

HTML是超文本标记语言,它用来定义网页的结构和内容。HTML由一系列的标签组成,每个标签都有特定的含义和功能。例如,<p>标签表示一个段落,<h1>标签表示一个一级标题,<img>标签表示一个图片等。HTML5是HTML的最新版本,它增加了一些新的标签和属性,例如<video>标签表示一个视频,<canvas>标签表示一个画布,<section>标签表示一个网页区域等。HTML5还提供了一些新的API,例如地理位置、离线存储、拖放等,使得网页更加丰富和交互性。

CSS是层叠样式表,它用来定义网页的外观和布局。CSS由一系列的规则组成,每个规则都有一个选择器和一个声明块。选择器用来指定要应用样式的元素,声明块用来指定样式的属性和值。例如,p {color: red;}表示所有<p>元素的文字颜色为红色。CSS可以让我们对网页进行美化和个性化,例如改变字体、颜色、背景、边框、位置、动画等。

JS是JavaScript,它是一种脚本语言,它用来定义网页的行为和逻辑。JS由一系列的语句组成,每个语句都有一个特定的作用。例如,var x = 10;表示声明一个变量x并赋值为10。JS可以让我们对网页进行操作和控制,例如获取和修改元素、响应用户事件、发送和接收数据、实现动态效果等。

浏览器引擎是浏览器的核心组件,它负责解析和渲染网页。浏览器引擎由两个主要部分组成:HTML解析器和渲染引擎。HTML解析器负责将HTML代码转换为DOM树,DOM树是一种对象模型,它表示了网页的结构和关系。渲染引擎负责将DOM树和CSS规则结合起来生成渲染树,渲染树是一种图形模型,它表示了网页的外观和位置。然后渲染引擎将渲染树绘制到屏幕上显示给用户。