JavaWeb基础4——HTML,JavaScript&CSS

一、HTML

1.1 介绍

HTML 是一门语言，所有的网页都是用HTML 这门语言编写出来的，也就是HTML是用来写网页的。

HTML(HyperText Markup Language)：超文本标记语言：

• 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容

  如上图看到的页面，我们除了能看到一些文字，同时也有大量的图片展示；有些网页也有视频，音频等。这种展示效果超越了文本展示的限制。

• 标记语言：由标签构成的语言

  之前学习的XML就是标记语言，由一个一个的标签组成，HTML 也是由标签组成 。

JavaScript 基础

一、初识JS

1. JavaScript历史

布兰登艾奇（Brendan Eich， 1961年～）。 神奇的大哥在1995年利用10天完成JavaScript设计。 网景公司最初命名为LiveScript ，后来在与Sun合作之后将其改名为JavaScript.

2. JavaScript是什么

lavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行。 现在也可以基于Nodejs技术进行服务器端编程

Web Api（DOM和BOM）

一、Web Api 简介

1. Web APIs 和 JS 基础关联性

1.1 JS 组成

• ECMAScript: JS 语法
• BOM: Web API
• DOM: Web API

2. API 和 Web API

2.1 API

API：Application Programming Interface，应用程序接口。

2.2 Web API

Ajax

一、Ajax 基础

1. Ajax 基础

1.1 传统网站中存在的问题

• 网速慢的情况下，页面加载时间长，用户只能等待
• 表单提交后，如果一项内容不合格，需要重新填写所有表单内容
• 页面跳转，重新加载页面，造成资源浪费，增加用户等待时间

1.2 Ajax 概述

Ajax：标准读音 [ˈeɪˌdʒæks] ，中文音译：阿贾克斯。 它是浏览器提供的一套方法，可以实现 页面无刷新更新数据，提高用户浏览网站应用的体验。

JavaScript 高级

一、JavaScript 面向对象

1. 面向对象编程介绍

1.1 两大编程思想

• 面向过程
• 面向对象

1.2 面向过程编程

面向过程 编程，即POP（Process-oriented programming）。面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。

1.3 面向对象编程

ECMAScript6/6+

一、ECMAScript 相关介绍

1. 什么是 ECMA

ECMA（European Computer Manufacturers Association）中文名称为欧洲计算机制造商协会，这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该组织改名为Ecma 国际。

Promise & async/await

一、Promise 的理解和使用

1. Promise 的理解

1.1 定义

MDN 上的定义：一个 Promise 对象代表一个在这个 Promise 被创建出来时不一定已知的值。它让您能够 把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。 这样使得异步方法可以像同步方法那样返回值：异步方法并不会立即返回最终的值，而是会返回一个 promise，以便在未来某个时候把值交给使用者。