js学习总结----客户端和服务器的交互模式

这里所说的是为了以后介绍的ajax做一下铺垫

  自己做一个网站,想让别人看见,如何做?

  1)、买一台服务器(云服务器),服务器连接上网络后,会存在一个外网IP地址,把我们开发的项目源文件(HTML/CSS/JS/IMG...)都上传到服务器上(FTP上传)。

  2)、买一个域名(万网)

  3)、进行DNS解析(域名解析)

    DNS是一个网络服务器,我们的域名解析其实就是在DNS上记录一条信息记录

    www.zhangsan.cn   220.114.23.56(服务器外网IP地址)  80(服务器端口号)

  当用户在自己的浏览器中输入一个网址,到最终看到页面和内容,发生了哪些事情,下面通过一个图进行阐释 

  服务器的端口号:(0-65535)

  我们的一台服务器上可以发布很多的项目,而每一个项目都有一个自己对应的房间或者区域,服务器使用端口号来区分具体是哪一个项目

  一般我们都把自己的项目发布到80/443这两个端口下

  谷歌浏览器的控制台NetWork这一项,可以看到当前的客户端向服务器端发送的所有请求以及请求的状态信息等。

  通过在NetWork中观看,我们发现当我第一次把HTML源代码请求回来的时候,浏览器开始按照自己的引擎进行渲染,在渲染过程中我们还会发现从新向服务器请求css/js/img...每一次的请求步骤和HTML的步骤一模一样;如果请求的资源次数过多,页面打开的速度和渲染的速度就会变慢,所以我们以后再页面优化的方法中,首先要做的就是减少资源请求数(减少HTTP请求)

  1)、css合并成一个 或者 如果css不是很多的话 我们采用内嵌式css

  2)、js合并成一个 或者 采用内嵌式

  3)、图片合并(雪碧图/css Sprite) 或者图片延迟加载

  4)、Ajax请求和资源文件的请求原理是一样的 

转载于:https://www.cnblogs.com/diasa-fly/p/7250911.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值