WEB开发第一章:概述

表达能力有限,敬请指正。-- 躁动的石头

序言

回想我的旅程,我认为对于初入这一行业的程序员来说,最破解的不是学习知识,而是搭建起一整套的互联网行业的模型。这个模型必定很粗糙,它存在的目的在于帮助新手正确的树立 web 开发甚至于软件开发的世界观,随后的细化才是深入的学习,也是成长的旅程。

B/S

从最广义的范围来讲,web 开发是基于B/S架构(在这个链接里你会看到 C/S 的结构,app 就是使用的这种结构)也就是 浏览器/服务器 模型,简单流程如下:

  • 浏览器向服务器发送请求
  • 服务器接收到请求,并返回数据

这就是整个 web 开发的基石。

ps:浏览器还是 chrome(谷歌浏览器) 好,开发必备。严重唾弃 IE

那么接下来要说的是

浏览器与服务器的碰撞

服务器的本质就是电脑。就像你买一台电脑用来玩游戏,他买一台电脑用来办公,公司买一台电脑来当服务器供用户通过浏览器来访问。

人多了要沟通,就要取名字,电脑多了要沟通,就要有 IP
电脑不一定有 IP, 但是要想上网,则必须有 IP。一般来说 IP 是运营商提供给你的。

IP 确实能够唯一标识一台电脑,如果你看过百科就知道,IP 其实很不方便记忆的,所以,就有了别名:域名。你看 www.baidu.com 是域名,你可以通过在浏览器输入 http://www.baidu.com 来访问百度,但是你肯定不知道在浏览器输入 115.239.211.112 也可以访问百度。看吧,浏览器会解析你的输入,看看你输入的是 IP 还是域名,如果是 IP 就直接访问,如果是域名,那么就查找专门的域名解析服务器上,查找域名对应的IP,再去请求服务器(使用 IP 肯定是速度快的,但是为了方便记忆,还是域名用的多,这就是效率与方便之间的妥协,以后你会碰到很多次的)。

浏览器与服务器之间交流方式

如果你细心的话,会发现,上面我提到的是 http://www.baidu.com 而不是 www.baidu.com 。那么这两者之间有什么区别吗?对于访问来说确实问题不大,两者都能访问到百度。只是在访问时,浏览器会把 www.baidu.com 转化为 http://www.baidu.com

http是一个很重要的协议,如果你真的要做开发,那么这是一道绕不过去的槛。然而对于新说来说,要学习的太多,你现在只需要知道它就好了,要详细了解,以后有的是时间。

简单的来说,http 定义了浏览器和服务器之间如何进行沟通(注意不是沟通的内容)。

前端语言

上面的都弄好了,那么接下来就需要一种语言来维护双方的交流了。这里面最重要的就是著名的 WEB 开发三剑客-HTML、CSS、JavaScript(简称js)了。这些统称为前端语言,也是浏览器和服务器交流的基础。也就是说在浏览器与服务器交互中,通过 HTTP 协议,服务器向浏览器传递的就是这些东西。

详细的知识还是要新手自己去学的,我这里只是简单的说一下他们的作用。就像画画一样, HTML 组成了页面的骨架, CSS 来给页面精雕细琢(典型的行为是上色), JavaScript 负责让页面动起来,也就是实现其中的动画效果。

服务器

服务器的功能就是就是根据用户的请求,返回相应的 HTML、CSS 、JS(这些都是要前端工程师来完成的),而实现哪些功能,就是后端开发工程师来做的。至于如何实现,那就要看用哪种语言了,现在的后端语言有很多像C、C++、Java、PHP、Python等,语言的优劣暂且不评述,不过 PHP 在 WEB 页面的快速开发方面有时很大。
然而,服务器是一个很复杂的事情,详细的叙述就不再本章的范围之内了。新手在这里碰到的一个很常见的问题就是搭建本地环境。

总结

这里的总结模型是不完全准确的:

屏幕快照 2017-05-15 下午4.31.36.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容

  • 名词延伸 通俗的说,域名就相当于一个家庭的门牌号码,别人通过这个号码可以很容易的找到你。如果把IP地址比作一间房子...
    杨大虾阅读 20,585评论 2 57
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,580评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,392评论 25 707
  • 反脆弱第十六章塔勒布讲到游戏的价值,说到游戏领域如牌局,事先会有明确的游戏规则,而在生态领域,在这里我们不知道规则...
    周建雄key阅读 375评论 4 1
  • #pragma mark---------- 1、画线 *步骤 (1)CGContextRef上下文(相当于画板)...
    磊CC阅读 149评论 0 1