P0-CS架构软件-BS架构软件-万维网-万维网联盟-进制-计算机存储-编解码

软件的分类

C/S架构的软件

• C表示客户端，S表示服务
• 客户端–用户通过客户端来使用软件；
• 服务器–用来处理软件的业务逻辑。
• 特点：
  必须安装后才可以使用；
  软件更新时，服务器和客户端都需要更新；
  无法跨平台（指操作系统）使用；
  客户端和服务器间的通信采用自有的协议，安全性较好。例子（qq、微信）。

B/S架构的软件

• B表示浏览器，S表示服务器
• B/S本质上也是C/S，只不过B/S使用浏览器作为软件的客户端
• B/S实际上就是一个一个的网站，我们可以通过访问一个网站来使用软件。例子（京东、淘宝、12306）（不使用图形化界面，取而代之的是一个个网站）。
• 特点：
  不需要安装可以直接使用；
  软件更新客户端无需更新；
  软件可以跨平台使用；
  客户端和服务器的通信采用通用的HTTP协议，安全性较差。
• 作用：
  浏览器是前端开发中的核心工具，开发者编写的所有内容都需要通过浏览器来显示
  浏览器的主要作用是：将我们编写的代码渲染为可供用户查看的页面

背景介绍

• 万维网的发明者：蒂姆.伯纳斯. 李爵士
• 万维网联盟，又称W3C，是万维网的主要国际标准组织，该组织试图制作一套标准来解决网络应用在不同平台间的兼容问题
• 万维网联盟，定义了网页中的HTML、CSS、DOM、HTTP、XML等标准
• W3C是前端开发中最重要的一个组织，我们所开发的应用都需要遵循W3C的规范。

前端基础知识

三个重要概念

• 结构 ：用于描述页面的机构，结构是看不到的 HTML
• 表现 ：用于控制页面中元素的样式，外在是看得到的 CSS
• 行为 ：JavaScript用于相应用户操作（网页中有按钮点击之后得到响应）JS

API：

• application program interface，应用程序接口
• 用户可以看到的就叫接口，我们使用电脑都是通过接口对电脑进行操作的
• 文档就是网页

进制

• 十进制：
  满10进1
  十进制中单位数字有10个（0-9）
  例子（… 9 10 11 12 …）

• 二进制：
  满2进1
  二进制中单位数字有2个（0 1 ）
  例子（0 1 10 11 … 111…）

• 八进制：
  满8进1
  八进制中单位数字有8个（0-7）
  例子（… 6 7 10 11… 17 20…）。

• 十六进制：
  满16进1
  十六进制中单位数字有16个（0-f）
  由于16进制是满16进1，单位数字必须有16个，所以在十六进制中引入几个特殊符号来表示10 11 12 13 14 15 ，这些特殊符号是 abcdef

数据保存

• 计算机底层中所有的数据都是以二进制的形式保存的。
• 计算机中内存或外存中都存储的是0和1。
• 可以将计算机的内存想象成是一个一个的小格，这个小格中可以存0或1，这个小格大小是1bit（位）
• 存储单位：8bit=1byte（字节）、1024byte=Kb（千字节）1024Kb=1Mb（兆字节）、1024Mb=1Gb…

编解码

• 我们所创建的文本文件最终也需要存储在磁盘之中，文本文件需要转化为二进制数据才能存储到磁盘中。 当我们打开一个文本文件时，需要将二进制转化为字符。
• 将字符转化为二进制码的过程，称为编码；
• 将二进制码转化为字符的过程，称为解码；
• 编码和解码所采用的规则称为字符集（charset）。
• 假设其为（a 1 b 11 c 111）乱码产生的原因就是编码和解码所采用的字符集不同。
• 常见的字符集ASCII（美国7位）、ISO8859-1 （欧洲8位）、GB2312（GB国标）、GBK、UTF-8（万国码，包括全世界各种符号）。
• 一般字符集都是使用UTF-8，保证全世界都可以使用。
• 编码字符集由编译器决定、而解码字符集（浏览器解码）依靠网页代码中的决定。