基础三剑客是什么？

• HTML（超文本标记语言） ： HTML 是 Web 页面的基础结构。它用于描述网页的内容和结构。HTML 使用一系列标记（称为标签）来定义页面元素，如标题、段落、列表、图片和链接等。浏览器解析 HTML 代码，并根据标签的语义来显示页面内容。HTML 为网页提供了基本的骨架，使浏览器能够呈现文本、图像和其他媒体。

• CSS（级联样式表） ： CSS 用于描述 HTML 元素的外观和布局。CSS 允许我们定义如何显示 HTML 元素，例如字体、颜色、大小、间距等。通过使用 CSS，我们可以将样式与 HTML 结构分离，使得网站的设计和维护更加简便。CSS 还允许我们根据不同的设备和屏幕尺寸应用不同的样式(媒体查询)，以实现响应式设计。

• JavaScript： JavaScript 是一种脚本语言，用于在浏览器中增加交互性和动态效果。它允许我们编写脚本来处理用户操作，例如点击按钮、输入表单、拖动元素等。通过使用 JavaScript，我们也可以操作 HTML 和 CSS，动态更改页面内容和样式，从而提供丰富的用户体验。JavaScript 也可以与服务器进行通信，以便在不刷新整个页面的情况下获取或提交数据（例如，通过 AJAX）。

HTML、CSS、JS三大部分都起什么作用？

HTML内容层，它的作用是表示一个HTML标签在页面里是个什么角色；CSS样式层，它的作用是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示；JS行为层，它的作用是当用户触发某些行为时，会给内容和样式带来什么样的改变。

JavaScript的基本语法

基本语法

• JavaScript 中必须严格区分大小写，例如变量 myVariable 和 MyVariable 是不同的，test 和 Test 是不同的。
• JavaScript 语句中每一行代码都要以英文的分号 ; 结尾，如果不写分号，浏览器会自动添加，但是会消耗一些系统资源。
• JavaScript 中会自动忽略多个空格和换行，所以可以使用空格和换行对代码进行格式化。
• JavaScript 是弱类型语言，声明变量时可以不需要指定变量的类型。

• 前端协作发展史

从下面这张图片中，我们可以看到markdown语法早在2005年前就诞生了，直到现在依旧是主流方便的编写笔记的好工具。而JavaScript2010年前的技术基本上没有活到现在的，足以体现其日新月异的变化，目前则是Vue、React与Angular各占半边天，越靠近现在的节点，工具类的发展像webpack就越发的繁荣。

通过观察，我们能发现作为基础的HTML、CSS、JavaScript在各自的道路上随着时间的流逝越发的深入，然后诞生在那个时间段的最佳实践方案，跨端框架、工具链都是这个最佳实践延伸出来的结果

课程总结