第 2 章 前端开发基础
本章首先将介绍前端开发的相关内容，包括 HTML 基础、CSS 基础和 JavaScript 基础，重 点讲述与 Google 扩展程序相关的 JavaScript API 以及深度学习中的 JavaScript，然后还会介绍 微信小程序开发的相关内容，包括微信小程序框架结构、页面描述文件、页面样式文件、逻辑 层文件及小程序的事件系统。
2.1 背景知识概述
不管是前端工程师还是后端工程师，其主要工作就是软件的开发。软件主要分为C-S和B-S两种架构，本节介绍这两种软件架构的特点。
1．C-S架构
在C-S架构中，C表示客户端（Client），S表示服务器（Server）。我们平时所使用的微信、QQ、Office、王者荣耀等软件都是C-S架构的。这些软件主要有以下4个特点：
• 使用前必须安装；
• 客户端和服务器必须同步更新；
• 不能跨平台使用；
• 客户端和服务器通信采用自有协议（相对来说比较安全）。
2．B-S架构
B-S架构本质上也是C-S架构，其中B表示浏览器（Browser），S表示服务器（Server）。我们平时所使用的网页版的京东、淘宝、新浪微博等都是B-S架构的。我们通过使用浏览器访问网页的形式来使用这些软件。它们主要有以下4个特点：
• 使用前无须安装，直接通过浏览器访问网址即可；
• 软件更新时，客户端无须更新；
• 可跨平台使用；
• 客户端和服务器采用HTTP进行通信（安全性较低，若涉及转账、隐私等敏感信息，建议使用采用HTTPS的网站）。
根据W3C标准，Web设计和应用程序涉及用于构建和呈现Web页面的标准，包括HTML、CSS、SVG、设备API和其他Web应用程序（WebApp）技术。一般情况下，一个网页主要由结构（HTML）、表现（CSS）和行为（JavaScript）构成。HTML 用于描述页面的结构，CSS用于控制页面中元素的样式，JavaScript用于响应用户操作。
