剑指JavaWeb:技术详解与应用实践
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.2.1 客户端技术

下面对客户端相关技术进行简单介绍。

HTML、CSS和JavaScript俗称“前端三剑客”。HTML负责页面的整体骨架和内容展示;CSS负责美化页面,让内容展示得更美观;JavaScript 则负责页面的逻辑代码部分,如页面的动态修改行为等。学习了这三项技术就能搭建出简单的静态页面。

1.HTML

HTML的全称为HyperText Markup Language,中文名称为超文本标记语言。超文本标记语言不是编程语言,没有逻辑可言,只是一套标记语言。标记语言就是预先设定好了一些标签,有对应的显示效果而已。HTML 文件也称作 Web 页面,其只包含文本和标签,基本结构包括文档头、<html>标签、<head>标签、<body>标签等。

2.CSS

CSS的全称为Cascading Style Sheet,中文名称为层叠样式表。它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。CSS是用来描述HTML文档样式的一种标记型语言,描述了在媒体上的标签应该如何被渲染。本书将重点介绍CSS基本语法及简单应用。

3.JavaScript

JavaScript 是一种直译式脚本语言,是一种动态类型、弱类型、解释型的、基于对象的脚本语言。JavaScript脚本语言不依赖操作系统,仅需要浏览器的支持。目前,JavaScript已被大多数的浏览器所支持。也就是说,只要机器上的浏览器支持JavaScript脚本语言,JavaScript脚本在编写后就可以带到任意机器上使用。

虽然它外观看起来像Java,且JavaScript的语法与Java是大致相仿的,但除此之外这两门编程语言之间没有任何联系。

4.Vue

Vue是一套用于构建用户界面的渐进式框架,同时也是一个JavaScript框架。Vue框架遵循前后端分离的开发理念,是轻量级的,有很多独立的功能或库,使用Vue时可以根据项目需求来选用它的一些功能。一方面,Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合;另一方面,当与现代化的工具链,以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。

5.AJAX

AJAX的全称为Asynchronous JavaScript And XML。Asynchronous指“异步的”,顾名思义,AJAX指的是异步的JavaScript和XML。它是一种创建交互式网页应用的网页开发技术。简单来说,AJAX是一种用于创建快速动态网页的技术,它可以令开发者只向服务器端获取数据。

使用原生的JavaScript程序执行AJAX极其烦琐,为了降低XMLHttpRequest的AJAX请求封装复杂性,以及便于后续增加请求响应等拦截器的常用功能,还可以考虑使用第三方类库Axios。

6.Axios

Axios是目前最流行的前端AJAX框架之一。Axios是一个独立开发功能目标明确的请求类库,它基于Promise,是一个既可用于浏览器,又可用于Node.js服务器的HTTP请求模块。希望大家通过学习了解AJAX异步请求和渲染数据的过程,掌握Axios框架的使用,能够编写代码实现向前端页面响应数据。