简介

软件架构

C/S：客户端/服务器

• 一般系统上安装的软件都是C/S架构
• 例如：QQ、360
• C表示客户端，用户通过客户端使用软件
• S表示服务器，服务器负责软件处理的逻辑
• 特点：
  1.软件使用必须安装
  2.软件更新时、服务器和客户端得同时更新
  3.C/S架构的软件不能跨平台使用
  4.C/S架构的软件客户端和服务器通信采用的是自有协议，相对来说比较安全。

B/S：浏览器/服务器

• 浏览器本质上也是C/S，只不过B/S架构的软件，使用浏览器作为软件客户端
• B/S架构软件通过使用浏览器访问网页的形式，来使用软件
• 例如：百度、12306、淘宝
• 特点：
  1.软件不需要安装，直接使用浏览器访问指定的网址即可
  2.软件更新时，客户端不需要更新
  3.软件可以跨平台，只要系统中有浏览器，就可以使用
  4.B/S 架构的软件，客户端和服务器端之前采用的是通用HTTP协议，相对来说不安全。

两者比较

• C/S架构需要在不同平台（windows android ios）开发软件，开发成本高。
• B/S 成本更低，维护起来成本更低
• B/S 安全问题可以通过HTTPS来解决

软件开发流程

1.网页设计师根据需求设计图片
2.前段工程师将设计图转换成静态网页（代码）
3.（方式一）后端工程师将静态网页改成动态网页（调用数据）
3.（方式二）前端工程师向后端工程师提数据需求，后端工程师以此定制接口，前端工程师根据接口把静态网页改成动态网页。
3.（方式三）全栈工程师 。既写前端又写服务器。（JS 既能写前端交互又能写服务器）

前端要学习的内容

万维网联盟World Wid Web Consortium（W3C）标准
结构——HTML
HTML用于描述页面的结构
表现——CSS
CSS用于控制页面中元素的样式，美化页面
行为——JavaScript
JavaScript用于相应用户操作，负责页面的行为