大数据开发基础之WEB基本原理及常用开发工具
今天给大家带来的是大数据开发基础的WEB基本原理及常用开发工具的了解,无论是在日常生活中还是在工作办公中,我们总是会浏览到各种各样的网页,比如淘宝、微博、知乎,我们的直观感受就是点一下进入一个页面或者滑动浏览页面,而他们是如何构成就是今天主要的讲解内容-WEB。
1.什么是WEB?
WEB即world wide web,我们所熟知的WWW就是由这三个单词的首字母组成的,也就是一种体系结构,它是建立在Internet之上并且驻留在某种计算机上的程序,通过它可以访问遍布于因特网(internet)主机上的链接文档。这里就不做过多赘述了。
2.WEB基本原理
客户端和Web服务器通过HTTP协议进行通信。Web服务器有是也叫HTTP服务器或Web容器。HTTP协议采用的是请求/响应模式。即客户端发起HTTP请求,web服务器接收并解析处理HTTP请求,然后将HTTP响应发送给客户端。
比如
(1) 用户做出了一个操作,然后浏览器获取了该事件。
(2) 浏览器与对端服务程序建立TCP连接。
(3) 浏览器将用户的事件按照HTTP协议格式整合成一个数据包,其本质也就是在待发送的缓冲区里有一段写着HTTP协议格式的字节流
(4) 浏览器确认对端可操作,并将该数据包输入至Internet,数据包经过internet最终到达对端服务程序。
(5) 对端服务程序拿到数据包后,以同样的HTTP协议格式解压数据包,以此来获知客户端的需求。
(6) 在了解需求之后进行下一步操作。
(7) 将需求的结果输入缓冲区。
(8) 按照HTTP协议格式将需求的结果中的数据打包。
(9) 服务器确认对端可写,紧接着将该数据包输入至Internet,该数据包经过网络最终递交到客户端。
(10) 浏览器拿到数据包后,以HTTP协议格式解包,然后再解析数据。
(11) 浏览器将解析后的数据展示在页面上。
简单来看就如下图
这就是WEB的基本工作原理,看似繁多实则就三步:
1.接收数据 2. 发送数据 3. 数据处理
上面我们了解到了WEB的基本工作原理,那下面我们就来认识下WEB常用的开发工具,好墨配好砚,我们也得需要选择更合适自己的WEB开发工具。
3. WEB常用开发工具
(1)WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的JavaScript IDE"等。有许多方便适用的功能,如支持众多语言和框架、代码补全、多个插入符号和选择等功能,这么多人推荐是并无道理的。
(2)Visual Studio Code
Visual Studio Code(简称:Vscode)该编辑器也是一款集大成的编辑器,具备多种功能,支持多种语言,可定制的热键绑定,括号匹配以及代码片段收集。
(3)Notepad++
Notepad++ 是一款非常有特色的编辑器,是开源软件,可以免费使用。我们开发人员都是必备的。支持的语言: C, C++ , Java , C#, XML, HTML, PHP,Javascript!
(4)HBuilder
HBuilder是专为前端打造的开发工具,具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。
(5)Bootstrap
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的,它是一个 CSS 和HTML 的集合,它使用了最新的浏览器技术,简洁、直观、强悍的前端开发框架是它最让我喜欢的特点。
(6)notepad++
软件小巧高效,支持27种编程语言,支持C,C++ ,Java ,C#, XML, HTML, PHP,JS 等众多语言,Notepad++ 内置支持多达27种语法高亮度显示。是一款小巧而功能强大的软件。最重要的是免费使用!真香!
(7)Foundation
Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等。
(8)editplus
EditPlus是一款由韩国 Sangil Kim (ES-Computing)出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器,和notepad++一样短小精悍,是一套功能非常强大的文字编辑器,拥有无限制的Undo/Redo(撤销)、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。除了支持HTML, CSS,等多种语言外还内建完整的HTML和CSS指令功能。
还有很多就不一一介绍了,就只说列举下名字:Cloud9 IDE、GIMP、SecureHeaders、Fontello。大家可以自行去使用,毕竟鞋子合不合脚也只有自己才知道,希望大家能有所收获。
能文能武宜商宜家,奥迪Q7座舱大换血本期施工施工车型奥迪Q7车型颜色冰川白施工项目麂皮绒车顶饰板,BOSE音响,车内皮质覆盖件,内置行车记录仪,氛围灯,轮胎轮毂汽车圈流传着这样一句话无quattro,不奥迪,这句话的
居家旅行神器奥迪A6Avant的蜕变本期施工施工车型奥迪A6Avant车型颜色阿瓦隆绿施工项目隐形车衣,BO高音升降头,原厂360驾驶辅助,原厂胎压数字监测,旅行车一度在欧洲十分流行,在那个崇尚自驾游的年代,这种将轿
汽车圈的西装暴徒,奔驰AMGC63改装卡钳刹车盘本期施工施工车型奔驰AMGC63车型颜色北极白施工项目改装卡钳刹车盘汽车圈的西装暴徒一般是指外形看起来与普通家用车差别不大,但实际上深藏功力,性能远超普通家用车的车型。虽然长相普通
别具一格的北欧潮酷范儿沃尔沃XC40装贴隐形车衣本期施工施工车型沃尔沃XC40车型颜色牛仔蓝施工项目装贴隐形车衣作为北欧汽车品牌,沃尔沃一直是安全简约低调和稳重的代表,而这台全新沃尔沃XC40或许会带给你一些不一样的体验。从40
中东版Q7不完美?哪里不对改哪里本期施工施工车型奥迪Q7中东版车型颜色黑色施工项目内饰软包内置胎压监测自动泊车内置行车记录仪奥迪Q7虽说定位较为高端,但以奥迪在国内的认可度,大家对Q7也并不陌生。只是中东版的就不
民用限电,暴露了新能源车的暗面9月29日,辽宁发布严重缺电II级橙色预警,发出后很快便登上了热搜。自9月23日以来,东北多地发布限电通知,通知显示,若电力紧张情况得不到缓解,限电可能会持续。央视网发文表示,此轮
狂野的英伦格调路虎发现白色改白色本期施工施工车型路虎发现车型颜色雪山白施工项目改色白色改白色当下年轻人对个性的追求越来越强烈,穿的鞋服用的电子产品甚至开的汽车都不愿意是烂大街的,而且他们更注重格调和高品质。相比宝
山西暴雨背后,互联网人的大义江湖国庆期间,山西暴雨相关话题冲上热搜,七天欢庆之余,来自华北地区的灾情成为亿万群众的牵挂。10月9日,国家减灾委应急管理部启动了IV级救灾应急响应,之后各大互联网企业纷纷捐款捐物,驰
中年冷酸灵,还能持续抗敏吗?提起牙膏,00后想到的会是云南白药,90后想到的可能是黑人,而80后想到可能更多是冷酸灵。笔者作为00后,对于冷酸灵这个品牌更多的记忆只停留在,小时候经常用,现在很少见过了。究竟为
我月入过万,掏不出份子钱掏空当代年轻人的不是加班,而是高攀不起的份子钱国庆假期即将到来,你是否也收到了一堆亲朋好友的婚礼请柬?笔者的同事小林直叹我国庆节要跨越五湖四海,去参加三个婚礼。现如今像小林这样,国
湖南花木博览会15号正式开幕这三大亮点不容错过10月15日,湖南省花卉苗木博览会将在石燕湖景区正式开幕,在为期两天的活动里,我们将可以充分了解湖南花木产业的发展情况,来到一个花花世界感受自然的美好。在本场活动中,到底有什么精彩