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

77 阅读3分钟

今天是我参与「第1届 前端训练营」笔记创作活动的第1天。

前端语言的基本能力

如果将网页比作人的身体,那么HTML就是骨骼,CSS则是皮肤,而JavaScript就是肌肉。这三种语言在前端开发中十分重要。

HTML

HTML即超文本标记语言,是构成网页内容的最基础语言。它可以将图片、文字、视频、音频、程序等元素引入到网页中,是网页骨架的基础。

CSS

CSS是层叠样式表,通过为标签添加样式属性进行布局规范,以实现页面的美化和排版,是网页皮肤的关键。

JavaScript

JavaScript是一种具有函数优先、动态脚本语言特点的编程语言。它在Web开发中非常常用,主要用于为网页添加交互功能。它支持面向对象、命令式、声明式、函数式编程范式,是网页肌肉的核心。

前端语言的协作配合

HTML、CSS和JavaScript是相互支持、相互制约的三种语言。在开发中,它们共同构建了从简单的网站结构到高级的交互功能的整个过程。

例如,在网页开发中,HTML负责创建和构建网站的内容,CSS为这些结构添加样式和格式,JavaScript将这些结构变成用户可以与之交互的界面。在开发中,三种语言的协作配合非常重要。

你不知道的HTML5

HTML5是HTML的第五个版本,相对于以往版本,它引入了一些新的技术和特性,例如ARIA、表单增强、存储、IndexedDB、Shadow DOm、Web Component、PWA和AMP等。这些技术和特性为Web开发带来了更多便利和可能性,在后续的学习和实践中值得深入研究。

  • ARIA(Accessible Rich Internet Applications)是一套规范,用于增强Web应用和网站的可访问性。
  • HTML5表单增强引入了新的表单元素,如date、time、email、url等,使得开发者可以更容易地创建各种类型的表单。
  • HTML5存储包括IndexedDB等,用于在浏览器中存储大量的结构化数据。
  • Shadow DOM用于避免内部元素被外部元素访问。
  • Web Component则是一种新的组件化开发方式,使得Web应用可以更加模块化和可复用。
  • PWA是一种Web应用程序的开发方式,旨在提供类似于原生应用程序的用户体验。
  • AMP则是一种Web页面的开发方式,旨在提供快速的加载速度和优化的移动体验。

总结

本文主要介绍了前端语言的基本能力,协作配合以及HTML5中一些不为人知的特性。在学习过程中,我们了解了HTML、CSS、JavaScript三种语言分别的作用和在开发中的配合方式,以及HTML5中的新技术和应用。熟悉这些内容,有助于我们更好地开发出高质量、高效率的Web应用。