前端语言

一、前端语言的基本能力

HTML、CSS、JavaScript

可以理解HTML是网页骨骼、CSS是网页皮肤、JavaScript是网页肌肉，三者都是同等重要的，缺一不可

基本语法：

h1:{color:blue}

借鉴C语言的基本语法，借鉴Java语言的数据类型和内存管理，借鉴scheme语言，将函数提升到“第一等公民”(first class) 的地位，借鉴self语言，使用基于原型（prototype）的继承机制。

基本语法

var a = 7 + "2";
var user = {
    name : "AA",
    yearOfBirth : 1988,
    calculateAge : funsion() {
    	//some code
	}
}

1.浏览器的解析步骤

三种方式，Inline CSS\Internal CSS\External CSS。

基本样式：

一般用在用JavaScript来修改CSS，来改变页面的一些效果

CSS Module：用于避免变量名冲突

JSS：直接在JS中定义一些样式

HTML并非图灵完备，它只是一门标签语言。

基本语法有标签Element，文本Text，注释Comment，DTD Document Type Defination，处理信息Processing Instruction。

标签分类：

head的标签：

title：标题，全局唯一

base：向页面所有相对 URL 提供前缀，全局唯一，不建议使用

meta：通常是约定好的键值对，例外： charset 、 http-equiv

link：rel决定类型， href决定引入地址

script：type 指定 MIME 类型，可内嵌代码，可外链文件

了解ARIA并非只是为了供盲人阅读，它可以为我们设计 UI 系统提供指导意义。

HTML5语义化标签：建议用对比不用好，不用比用错好

PWA和AMP的流程图：

实现一些方面的拓展

WebAssembly(WASM) 是一种新的编码方式，可以直接在浏览器中。

对用户友好、对开发者友好、领域成熟度、未来的方向