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

70 阅读2分钟

前端语言的基本能力

HTML+CSS+JavaScript image.png HTML

image.png HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。 超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

CSS

image.png 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

JavaScript

image.png JavaScript 是一种解释型的脚本语言,它诞生于 1995 年,最初是由 Netscape 公司的布兰登·艾奇(Brendan Eich)设计并命名为 LiveScript,在 Netscape 与 Sun 合作之后被命名为 JavaScript。

JavaScript 具有以下特点:

  1. JavaScript 是一种解释型的脚本语言。JavaScript 程序在运行过程中由浏览器中的 JavaScript 引擎逐行解释执行,无须编译。
  2. JavaScript 是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
  3. JavaScript 可跨平台,不依赖于操作系统,仅需要浏览器的支持。JavaScript 程序在编写后可以在任意安装有浏览器的机器上运行。目前,JavaScript 已被绝大多数的浏览器所支持。

HTML全部标签分类

image.png

HTML head标签

image.png

HTML body功能性标签

image.png

HTML5表单增强

image.png

HTML5存储

image.png

HTML5 indexedDB

image.png

HTML5 PWA & AMP

image.png

HTML5 Audio

image.png

HTML5 Video

image.png

HTML5 二进制

image.png

HTML5 API

image.png

HTML5 Web Worker

image.png

HTML5 Web Socket

image.png

HTML5 Shdow DOM

image.png

HTML5 Web Component

image.png

HTML5 SVG & Canvas

image.png

HTML5 WebAssembly

image.png

Web的风靡

image.png

大前端

image.png

MVC & MVVM & MVP

image.png

总结

学习了HTML、CSS、JavaScript的基础的感念和HTML5底层深入的一些知识,对我学习前端的整体有了一个良好的认知。

image.png