网站首页 > 基础教程正文

web前端工程师的“三驾马车” web前端工程师需要掌握的技能

ccvgpt 2024-10-16 08:26:38 基础教程 8 ℃

第一架马车：HTML定义网页内容

目前更新到第五版（超文本标记语言）

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括：

· 新的解析规则增强了灵活性

· 新属性

· 淘汰过时的或冗余的属性

· 一个HTML5文档到另一个文档间的拖放功能

· 离线编辑

· 信息传递的增强

· 详细的解析规则

· 多用途互联网邮件扩展（MIME）和协议处理程序注册

· 在SQL数据库中存储数据的通用标准（Web SQL）

简单的代码示例：

<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<title>文档标题</title>
</head>
<body>文档内容......
</body>
</html>

第二架马车：CSS(层叠样式表)，定义网页布局

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

CSS 实例

body
{
background-color:#d0e4fe;
}
h1
{
color:orange; text-align:center;
}
p
{
font-family:"TimesNewRoman";
font-size:20px;
}

CSS参考手册，见菜鸟教程

第三架马车：JavaScript网页的行为

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能

三驾马车必须同一方向，这样你才能走的更远，最后祝各位在前端工程师职业路上如鱼得水