静态展示网站多少钱,新东阳建设集团网站,优惠券怎做网站,app制作手机版目录 前后端如何通信URL . URI . URN第一部分#xff1a;传输协议第二部分#xff1a;域名第三部分#xff1a;端口号第四部分#xff1a;请求资源文件的路径名称第五部分#xff1a;问号传参第六部分#xff1a;HASH值前后端如何通信 前段#xff1a;客户端 后端#… 目录 前后端如何通信URL . URI . URN第一部分传输协议第二部分域名第三部分端口号第四部分请求资源文件的路径名称第五部分问号传参第六部分HASH值 前后端如何通信 前段客户端 后端 服务器端 所谓的全栈其实是你可以实现客户端和服务器端程序的编写而且可以实现俩端之间的通信 客户端和服务器端是如何通信的 自己做一个技术博客 本地开发当前项目可以在本地预览 部署到服务器上让别人可以通过域名或者外网访问 购买一台服务器阿里云独立主机虚拟服务器等https.//wanwang.aliyun.com/购买域名把自己做的项目传到服务器上让域名和服务器关联DNS解析或是域名解析在服务器上发布或者部署我们的项目iisnginxapache。。。。。 做一些推广SEO推广。友情链接交换技术文章持续更新。。。 经典面试题当我们在浏览器地址栏中输入一个URL地址到最后看到页面中间都经历了那些 1.假设我们访问的是https://www.baidu.com/这个地址按下ENTER键后我们可以看到百度首页面 1百度页面并没有在我们自己的客户端本地。我们是输入地址后才请求过来的 2输入不同的域名可以看到不同的页面 3有的网址是https有的是http 4需要客户端联网才能完成这些事情 ---------------------- 都经历那些事情 [Request请求阶段] 1首先根据客户端输入的域名到DNS服务器上进行反解析通过域名找到对应服务器的外网ip 2通过找到的外网ip。找到对应的服务器 3通过在地址栏中输入的端口号没有输入是因为不同协议有自己默认的端口号找到服务器上发布的对应的项目 [Response响应阶段] 4服务器获取到请求资源文件的地址例如 /stu/index.html。把资源文件中的源代码找到 5服务器端会把找到的源代码返回给客户端通过HTTP等传输协议返回的[浏览器自主渲染] 6客户端接受到源代码后会交给浏览器的内核渲染引擎进行渲染最后由浏览器绘制出对应的页面 URL . URI . URN URI统一资源标识符 URL统一资源路径地址(在当前页面控制台输入document.location.href)就可以得到当前页面的URL URN统一资源名称 URIURL URN 一个完整的URL包含很多部分http://www.html5train.com/stu/index.html?namezfage9teacherzxt#good 第一部分传输协议 传输协议是用了完成客户端和服务端的数据内容传输的类似于快递小哥负责把客户和商家的物品来回传送 1客户端不仅可以向服务器发送请求而且还可以把一些内容传递给服务器 2服务端也可以把内容返回给客户端 客户端和服务端传输的内容总称HTTP报文这些报文信息都是基于传输协议完成传输的客户端传递给服务器叫做请求request服务器返回给客户端叫做响应 responserequestresponse俩个阶段统称为一个HTTP事务事务一件完整的事情THTP事务 1当客户端向服务端发送请求此时客户端和服务端会建立一个传输通道链接通道传输协议就是基于这个通道把信息进行传输的 2当服务器端接受到请求信息把内容返回给客户端后传输通道会自动销毁关闭 传输协议分类http:超文本传输协议客户端和服务端传输的内容除了文本以外还可以传输图片音视频等文件流[二进制编码/BASE64吗]以及传输XML格式的数据等是目前市场上应用最广泛的传输协议 httphttp SSL它比http更加安全因为数据内容的传输通道是经过SSL加密的它需要在服务器端进行特殊的处理所以涉及资金类的网站一般都是https协议的 FTP资源文件传输协议一般用于客户端把资源文件不是代码上传到服务器端或者从服务器端下载一些资源文件FTP传输的内容会比http这类协议传输的内容多 HTTP报文 1起始行 请求起始行响应起始行 2:首部头 请求头内置请求头自定义请求头响应头内置响应头自定义响应头通用头请求和响应都有的 3主体 请求主体响应主体 1请求xxx都是客户端设置的信息服务器端获取这些信息
2响应xxx都是服务端设置的信息客户端用来接受这些信息
3在谷歌浏览器控制台network选项中我们可以看见当前客户端和服务器端交互的全部信息 总结 客户端传递给服务器端数据 1URL问号传递参数2设置请求头3设置请求主体 服务器端返回给客户端 1设置响应头例如服务器时间2设置响应主体 第二部分域名 设置域名其实就是给不好记忆的服务器外网ip设置了一个好记忆的名字 顶级域名一级域名:qq.com二级域名www.qq.com v.qq.com .....三级域名kbs.sports.qq.com ........... 第三部分端口号 在服务器发布项目的时候我们可以通过端口号区分当前服务器上不同的项目 一台服务器的端口号取值范围0~65535之间如果电脑上安装了很多程序有一下端口号是被占用了 HTTP默认端口号80 HTTPS默认端口号443 FTP默认端口号21 对于上述三个端口号其实是很重要的如果被其他程序占用我们则不能使用了所以服务器上一般是禁止安装其他程序的 第四部分请求资源文件的路径名称 /stu/index.html 在服务器中发布项目的时候我们一般都会配置一些默认文档用户即使不输入请求文件的名称。服务器也会找到默认文档一般默认文档都是index/default... 我们通常为了做SEO优化会把一些动态页面的地址xxx.php, xxx.aspx........进行伪URL重写需要服务器处理的 http://item.jd.com/4325427.html 不可能是有一个商品自己就单独写一个详情页面肯定是同一个详情页做的不同处理 1第一种方案 由后台语音根据详情页模板动态生成具体的详情页面 2第二种方案 当前页面就是一个页面例如detail.html/detail.php.....我们做详情页面的时候开发是按照detail.html?id4325427来开发的但是这种页面不方便做SEO优化此时我们把真实的地址进行重写重写为我们看到的4325427.html 第五部分问号传参 ?namezfage9..... 把一些值通过xxxxxx的方式放在一个URL的末尾通过问号传递 【作用】 1在AJAX请求中我们可以通过问号传参数的方式客户端把一些信息传递给服务端服务器根据传递信息的不一样返回不同的数据 //$.ajax(url,{});
//$.get(url,function(){});对于AJAX请求的特殊写法原理还是基于AJAX方法实现的 $.post/$.script......$.ajax({
url:getPersonInfo?id12
.....
})
//当前案例我们传递给服务器的编号是多少服务器端就会把对应编号人员信息给返回 2.消除AJAX请求中GET方式缓存 $.ajax({
url:xxx?_0.123456,
method:get
});
//我们会在请求URL的末尾追加一个随机数_随机数保证每一次请求URL都是不一样的以此来消除GET请求遗留的缓存问题 3通过URL传递参数的方式可以实现页面之间信息的通信例如我们有俩个页面A/BA是列表页面B是详情页面点击A中的某一条信息进入到唯一的详情页B如何展示不同的信息这种操作就可以基于URL问号传递参数来实现了 例如http://sports.qq.com/kbsweb/game.htm?mid100000:1471087http://sports.qq.com/kbsweb/game.htm?mid100000:1471086 在进入到game.htm页面的时候我们可以获取URL传递的参数值根据传递参数值的不一样从服务器端获取不同的数据展示 在列表页面进行页面跳转的时候我们需要记住的是跳转的同时传递不同的参数值a href game.html?midxxxx 第六部分HASH值 #xxx URL末尾传递的井号就是HASH值哈希值 作用: 1:页面中错点定位 2前端路由SPA单页面开发 转载于:https://www.cnblogs.com/kjz-jenny/p/9418246.html
