前端语言串讲 | 青训营

这是我参与「第五届青训营」笔记创作活动的第1天。活动详情：# 第六届青训营笔记伴读 ｜ 升级学习体验，高效掌握知识

今天是青训营开课的第一天。今天的课程名称为【前端语言串讲】。随着前端的不断探索和进化，传统的前端“三剑客”技术也是日新月异，而且彼此之间联系越来越紧密。本次课程复习了前端的基本知识，“温故而知新”。

本节课程的四个要点：

• 前端语言的基本能力
• 前端语言的协作配合
• 你不知道的HTML
• 拓展分享

html（HyperText Markup Language超文本标记语言）

1. 在书写HTML语句时，需要注意的事项：

• 标签和属性建议使用小写
• 空标签本身不会再放置其他元素，因此可以不闭合，例如input、meta
• 为标签添加属性值时使用双引号添加

2. 常用的HTML标签：

• 标题标签：<h1>~<h6>

• 列表标签：

• • 有序列表<ol>
• • 无序列表<ul>
• • 定义列表:<dl>  定义信息:<dt>  具体描述:<dd>
• • 链接标签：<a>

• 图片标签：<img src="URL" alt="提示信息">

• 音频、视频标签：<audio> <video>

css

• 选择器（依照权重排列）: id选择器# > 类选择器. > 标签选择器 ：伪元素选择器：：（作用于元素内容）= 伪类选择器：（调整元素自身状态） > 通配符选择器*

JavaScript

1. 借鉴C语言的基本用法

• 借鉴Java语言的基本数据类型和内存管理
• 借鉴Scheme语言,将函数提升到一等公民的地位
• 借鉴Self语言，使用基于原型的继承机制（prototype）

2. 基本数据类型（七种）：String Number Booler Undefind Null Symbol Bigint
3. 引用数据类型：object
4. var、let、const区别：

• let和const声明的变量具有作用域，避免了全局变量污染

• let和const不具有变量提升，代码更加规范可读

• let和const不能重复定义变量

• 在循环中可以使用let为每次循环单独绑定一个变量

• const声明变量时必须赋值（其声明的常量并非真正意义上的常量，只保证地址不变不保证值不变）