15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 1-前端内容介绍-Http协议

1-前端内容介绍-Http协议

时间:2023-07-05 02:27:01 | 来源:网站运营

时间:2023-07-05 02:27:01 来源:网站运营

1-前端内容介绍-Http协议:

1、web1.0时代的网页制作

​ 网页制作是web1.0时代的产物,那个时候的网页主要是静态网页,所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页,我们当时称为“牛皮癣”网页。

​ 例如一篇QQ日志、一篇博文等展示性文章。在web1.0时代,用户能做的唯一事情就是浏览这个网站的文字图片内容,这时用户也不能像现在在大多数网站都可以评论交流(缺乏交互性)。

​ 相信可能大多数人都听过“网页三剑客 Dreamweaver+Fireworks+Flash”吧,这个组合就是web1.0时代额产物

2、web2.0时代的前端开发

【前端开发】是从【网页制作】演变而来的。

​ 从2005年开始,互联网进入web 2.0时代,由单一的文字和图片组成的静态网页已经不能满足用户的需求,用户需要更好的体验。在web 2.0时代,网页有静态网页和动态网页。

​ 所谓动态网页,就是用户不仅仅可以浏览网页,还可以与服务器进行交互。举个例子,你登陆新浪微博,要输入账号密码,这个时候就需要服务器对你的账号和密码进行验证通过才行。

​ web2.0时代的网页不仅包含炫丽的动画、音频和视频,还可以让用户在网页中进行评论交流、上传和下载文件等(交互性)。这个时代的网页,如果是用“网页三剑客Dreamweaver+Fireworks+Flash”制作的,那是远远不能满足需求。

​ 现在网站开发无论是开发难度,还是开发方式上,都更接近传统的网站后台开发,所以现在不再叫“网页制作”,而是叫“web前端开发”。

​ 所以,处于web2.0时代的你,如果要学习网站开发技术,就不要再相信所谓的“网页三剑客Dreamweaver+Fireworks+Flash”,因为这个组合已经是上个互联网时代的产物。而且这个组合开发出来的网站问题也非常多,例如代码冗余、网站维护困难(学习到后期,你会知道为什么不用这个组合了

3、前端能做什么?

​ 公司官网(在PC通过浏览器来访问公司网站)移动端网页(在手机上来浏览公司信息、小游戏等)移动端APP(例如:淘宝、去哪儿旅游、携程等)微信小程序(微信最新推出的功能,随用随装,不占用手机空间)。前端开发所学技术由简单到难,所以在很多网站上你会看到“七天入门前端”的视频博客等等,也就是说一星期就学会了HTML+CSS。最基本的页面你就可以书写了。

4、前端开发都有哪些内容

我们知道,用所谓的网页三剑客已经不能满足需求了,那前端开发究竟要学习什么技术呢?网页最主要由3部分组成:结构、表现和行为。网页现在新的标准是W3C,目前模式是HTML、CSS和JavaScript。

(1)HTML是什么

HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的HTML是一门描述性语言,是一门非常容易入门的语言。(2)CSS

CSS,全称“(层叠样式表)”。以后我们在别的地方看到“层叠样式表”、“CSS样式”,指的就是CSS(3)JavaScript

JavaScript是一门脚本语言HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为

如果我们把前端开发的过程比喻'建房子',做一个网页就像盖1)先把房子结构建好(HTML)2)建好房子后给房子装修(CSS),例如往窗户上安上窗帘、往地板铺上漂亮的瓷砖3)装修完成后,当夜幕降临的时候,我们要开灯(JavaScript),这样才能看得见里面

5、开发环境

1、浏览器

浏览器在本地也能打开html文件,浏览器就跟解释器一样,从上倒下,从左到右

全球共有五大浏览器厂商,我们主要以chrome为主

iechromefirfoxsafripresto#浏览器内核不同,浏览器渲染引擎不同(后期考虑兼容性问题),其他浏览器都是使用这5款浏览器内核2、浏览器历史:

世界最早浏览器,网景浏览器(Netscape )后来它想做操作系统,动了微软的奶酪,微软就想弄死他,微软做的也特别的绝情,微软利用windows操作系统的市场占有率,提供了免费浏览器ie,而且windows操作系统里还必须有. 中国最早浏览器ie6,国企内就用ie6,浏览器不同,解析的标签标准不同,微软太霸道,就不改标准,坚持不更新,后来谷歌和火狐抢占了市场,IE就傻逼了,目前也只有傻逼才用IE。。。市场越发地混乱,于是w3c(万维网联盟(World Wide Web ConsortiumW3C))成立,用来制定大家的统一标准#须知:学前端一半工作在考虑兼容性,目前html5在兼容性方面解决的比较好3、文件后缀名规范

#.htm和.html扩展名的区别1DOS系统win95或win98)下只能支持长度为3的后缀名,所以老版本的系统一直在用.htm后缀2)但在windows后缀长度可以大于3位,所以windows下无所谓htm与htmlhtml是为长文件的格式命名的3)如果文件后缀是.htm,毫无疑问,浏览器也可以兼容,但推荐使用.html

6、浏览器窗口输入网址回车发生几件事

1、浏览器朝服务端发送请求2、服务器接收请求(eg:请求百度首页)3、服务器返回相应的首页(eg:返回一个百度首页)4、浏览器接收相应 根据特定的规则渲染页面展示给用户看#浏览器可以充当很多服务器的客户端 百度 腾讯视屏 优酷视屏如何做到浏览器能够跟很多不同的客户端之间进行数据交换 1.浏览器很牛逼 能够自动识别不同服务端做不同处理 2.制定一个统一的标准 如果你想要让你写的服务端能够跟客户端之间做正常的数据交互 #那么你就必须要遵循一些规则

HTTP协议

超文本传输协议 用来规定服务端和浏览器之间的数据交互的格式...

1、该协议你可以不遵循 但是你写的服务端就不能被浏览器正常访问 你就自己跟自己玩2、你就自己写客户端 用户想要使用 就下载你专门的app即可四大特性

1、基于请求响应2、基于TCP/IP作用于应用层之上的协议3、无状态 1)不保存用户的信息 eg:一个人来了一千次你都记不住 每次都当他如初见 #由于HTTP协议是无状态的,所以、后续出现了一些专门用来记录用户状态的技术 cookie、session、token...4、无/短链接 请求来一次我响应一次 之后我们两个就没有任何链接和关系了 长链接:双方建立连接之后默认不断开 websocket(后面讲项目的时候会讲)#请求数据格式 请求首行(标识HTTP协议版本,当前请求方式) 请求头(一大堆k,v键值对) /r/n 响应体#响应状态码用一串简单的数字来表示一些复杂的状态或者描述性信息 1xx:服务器已经成功接收了你的数据正在处理, 2xx:服务器成功响应了你想要的数据(200 ok请求成功) 3xx:重定向 4xx:请求错误 404:请求资源不存在 403:当请求不合法或者不符合访问资源的条件 5xx:服务器内部错误(500)#请求方式 1get请求(朝服务器要数据) eg:输入网址获取对应的内容 2post请求(朝服务器提交数据) eg:用户登录 输入用户名和密码之后 提交到服务端后端做身份效验#url:同一资源定位符(网址)

关键词:协议,内容

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭