前端简介

软件架构

  1. C/S,客户端/服务器
    1. 一般我们使用的软件都是C/S架构
    2. 比如系统中的软件QQ、360、office、XMind
    3. C表示客户端,用户通过客户端来使用软件
    4. S表示服务器,服务器负责处理软件的业务逻辑
    5. 特点
      1. 软件使用前必须安装
      2. 软件更新时,服务器和客户端同时更新
      3. C/S架构的软件不能跨平台使用
      4. C/S架构的软件客户端和服务器采用的是自有协议,相对来说比较安全
  2. B/S,浏览器/服务器
    1. B/S本质上也是C/S,只不过B/S架构的软件,使用浏览器作为软件的客户端
    2. B/S架构软件通过使用浏览器访问网页的形式,使用浏览器作为软件的客户端
    3. 比如:京东、淘宝、12306、知乎、新浪微博
    4. 特点
      1. 软件不需要安装,直接使用浏览器访问指定的网址即可
      2. 软件更新时,客户端不需要更新
      3. 软件可以跨平台,只要系统中有浏览器就可以使用
      4. B/S架构的软件,客户端和服务器之间通信采用的是通用的HTTP协议,相对来说不安全

软件开发流程

在这里插入图片描述

网页构成

在这里插入图片描述

  • 结构
    • HTML用于描述页面的结构
  • 表现
    • CSS用于控制页面中元素的样式
  • 行为
    • JavaScript用于响应用户操作

乱码的问题

  1. 乱码出现的原因
    1. 计算机是一个非常笨的机器,只认识 0 1
    2. 在计算机中保存的任何内容,最终都需要转换为0 1这种二进制编码来保存,包括网页中的内容
    3. 在读取内容时,需要将二进制编码再转换为正确的内容
    4. 编码——依据一定的规则,将字符转换为二进制编码的过程
    5. 解码——依据一定的规则,将二进制编码转换为字符的过程
    6. 字符集
      1. 编码和解码所采用的规则,我们称为字符集
      2. 常见的字符集
        1. ASCII
        2. ISO-8859-1
        3. GBK
        4. GB2312 —— 中文系统的默认编码
        5. UTF-8 —— 万国码,支持所有文字
        6. ANSI —— 自动以系统的默认编码来保存文件
    7. 产生乱码的根本原因是:编码和解码采用的字符集不同
    8. 在中文系统的浏览器中,默认都是使用GB2312进行解码的
  2. 在编写代码时,需要告诉浏览器网页所采用的编码字符集
例如
<!doctype html>
<html>
    <head>
        <!--
            meta标签用来设置网页的一些元数据,比如网页的字符集、关键字、简介
            meta是一个自结束标签
        -->
        <meta charset="utf-8">
    </head>
    <body>
    </body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值