这是我参加前端训练营笔记活动的第5天。

前端语言串讲

前端语言的基本能力

HTML

创建结构：控制内容的布局，为网页设计提供结构，是任何网页的基本组成部分

CSS

使网站风格化：将样式应用到网页元素上，针对各种屏幕尺寸使网页具有响应性，主要处理网页的“外观和感觉”

JavaScript

增加互动性：在网页上增加互动性，处理复杂的功能和特点，是增强功能的程序性代码

七类型、基础语法、Object

Function

一个函数只是一堆捆绑在一个部分的代码，这部分代码只在函数被调用的时候执行。函数允许将代码组织成若干部分，并允许代码重用。
使用一个函数仅有两个步骤：1、声明和定义该函数，2、使用和执行该函数。

浏览器

HTTP→构建DOM树→计算CSS树→排版→渲染合成→绘制

现有工作流程：

前端语言的写作能力

趋势

CSS in HTML

行内样式CSS

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

内嵌式CSS

<head>
    <style type=text/css>
        body{background-color:blue;}
        p{color:yellow;}
    </style>
</head>

外链式CSS

<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

其他

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

HTML DTD

HTML全部标签分类

HTML head标签

HTML body功能性标签

HTML ARIA

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

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