前端语言串讲 | 青训营笔记前端语言串讲（讲师：高臻熙） 01 前端语言的基本能力前端语言三件套分别指HTML、

前端语言串讲（讲师：高臻熙）

01 前端语言的基本能力

前端语言三件套分别指HTML、CSS、JavaScript，是构建网页的基本组成部分。
HTML 定义了网页的结构和内容，css 帮助我们实现网络的外观和样式，而JavaScript则负责为网页添加动态交互和行为。

HTML5 网页架构（骨架）
CSS3 添加样式，外表（皮肤）
JS 交互（肌肉）

JavaScript

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

基本语法：

数据类型：1.String 2.Number 3.Boolean 4.Null 5.Undefined 6.Symbol 7.Object（Array / Function）
JS会自动修改变量类型 var a = 7 + ‘2’
Object

var user = {
    name:'Jack',
    yearOfBirth:1988,
    calculateAge:function(){
        // some code to calculate age
    }
}

Function

Browser

V8现有的工作流程

02 前端语言的协调配合

CSS的样式：行内样式、内部样式、外部样式

# inline css
<p style="color:blue;"> This is a paragraph. </p>

# internal css
<header>
    <style type="text/css">
        body{background-color:blue;}
        p{color:yellow;}
    </style>
</header>

# external css
<header>
    <link rel="stylesheet" type="text/css" href="style.css">
</header>