web前端

一、web系统架构

1、B/S架构(Browser/Server 浏览器/服务端)

B/S架构又称瘦客户端,更多依赖于浏览器,不需要预先下载软件,显示逻辑交给web浏览器,减少了客户端的压力。

2、C/S架构(Client/Server 客户端/服务端)

C/S架构又称胖客户端,客户端需要实现绝大多数的业务逻辑和界面显示。客户端需要预先下载软件。

二、服务器架构

1、Nginx

        Nginx是一个高性能的http服务器,它的作用是负载均衡。用户发送请求首先经过Nginx,Nginx根据现在服务器的负载情况,合理分配请求到具体某一台服务器上,这里就起到一个负载均衡的作用。Nginx本身就是C语言编写的,性能非常好。

2、集群与分布式

        单独的个体在逻辑上形成一个整体对外提供服务。

3、主从服务器

        以数据库为例,这样的一个场景:用户A修改一个数据,用户B刚好访问这个数据,修改前后访问数据就不同了,这就存在一个同步问题。

        所以在实际应用中,一般是通过主从数据库来解决,“写”操作在主数据库完成,也就是增删改,所有“读”操作在从数据库完成。主库修改数据定时同步到从库。

4、微服务器

        因为单体结构的问题,催生了微服务的系统架构。单体结构在初期因为用户少,开发快,成本低,所以契合了业务快速发展的需求,但到了某个用户量或时间点,问题就会暴露出来。微服务从技术上来讲,就是把各个业务模块切割开来形成单个进程,独立开发部署上线。

三、web缓存技术

1、cookie&session&token

        cookie和token都保存在客户端,token就是一个令牌,可以跨域使用,例如:淘宝可以直接使用支付宝登录。

        session保存在服务端。用户第一次访问就会生成一个session id来标识用户并保存信息,再次访问就知道是谁了。

2、缓存的应用

        在互联网应用中,缓存是一个非常重要的设计。因为数据库取数据是比较慢的,数据库读取时硬盘读取,硬盘读取IO有限。如果用户只是浏览信息,这些请求就到缓存取数据。redis就是缓存服务器。

四、协议

TCP协议:一种面向连接的、可靠的、基于字节流的传输层通信协议。建立和断开协议连接有三次握手和四次挥手。

UDP协议:一种面向非连接的、不可靠的的传输层通信协议。

HTTP协议:建立在TCP协议基础上的应用层协议。HTTPS协议是HTTP协议+SSL协议,SSL协议是一个加密协议,HTTP本身传输内容是明文,HTTPS是加密传输。HTTP端口是80,HTTPS端口是443。

四、web开发技术

1、HTML基本结构

一个html文件至少需要包含三个基础标签,html标签,head标签和body标签,其中body标签中的内容就是显示子啊浏览器中的内容。

<!DOCTYPE html>        #文档版本
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TIitle</title>        #标题
</head>
<body>

</body>
</html>

2、基本常用的标签

  • 段落标签:<p></p>
  • 标题标签:<h1></h1>…<h6></h6>     1到6标签中大到下
  • 换行标签:<br/>
  • 图片标签:<img src="图片路径" />
  • 超链接标签:<a href="连接地址">连接名称</a>
  • 表单标签:<form></form>
  • 输入标签:<input/>
  • 选择标签:<select></select>
  • 文本域标签:<textarea></textarea>
  • 有序列表标签:<ol></ol>
  • 无序列表标签:<ul></ul>
  • 表格标签:<table><tr><th></th></tr></table>

table标签中,tr标签表示行,th和td表示列,th标签对文本加粗居中 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值