WEB開發(fā)第一章:概述

表達能力有限宽堆,敬請指正。-- 躁動的石頭

序言

回想我的旅程护侮,我認(rèn)為對于初入這一行業(yè)的程序員來說群叶,最破解的不是學(xué)習(xí)知識吃挑,而是搭建起一整套的互聯(lián)網(wǎng)行業(yè)的模型。這個模型必定很粗糙街立,它存在的目的在于幫助新手正確的樹立 web 開發(fā)甚至于軟件開發(fā)的世界觀舶衬,隨后的細化才是深入的學(xué)習(xí),也是成長的旅程赎离。

B/S

從最廣義的范圍來講逛犹,web 開發(fā)是基于B/S架構(gòu)(在這個鏈接里你會看到 C/S 的結(jié)構(gòu),app 就是使用的這種結(jié)構(gòu))也就是 瀏覽器/服務(wù)器 模型梁剔,簡單流程如下:

  • 瀏覽器向服務(wù)器發(fā)送請求
  • 服務(wù)器接收到請求虽画,并返回數(shù)據(jù)

這就是整個 web 開發(fā)的基石。

ps:瀏覽器還是 chrome(谷歌瀏覽器) 好荣病,開發(fā)必備狸捕。嚴(yán)重唾棄 IE

那么接下來要說的是

瀏覽器與服務(wù)器的碰撞

服務(wù)器的本質(zhì)就是電腦。就像你買一臺電腦用來玩游戲众雷,他買一臺電腦用來辦公灸拍,公司買一臺電腦來當(dāng)服務(wù)器供用戶通過瀏覽器來訪問。

人多了要溝通砾省,就要取名字鸡岗,電腦多了要溝通,就要有 IP编兄。
電腦不一定有 IP轩性, 但是要想上網(wǎng),則必須有 IP狠鸳。一般來說 IP 是運營商提供給你的揣苏。

IP 確實能夠唯一標(biāo)識一臺電腦,如果你看過百科就知道件舵,IP 其實很不方便記憶的卸察,所以,就有了別名:域名铅祸。你看 www.baidu.com 是域名坑质,你可以通過在瀏覽器輸入 http://www.baidu.com 來訪問百度合武,但是你肯定不知道在瀏覽器輸入 115.239.211.112 也可以訪問百度∥卸螅看吧稼跳,瀏覽器會解析你的輸入,看看你輸入的是 IP 還是域名吃沪,如果是 IP 就直接訪問汤善,如果是域名,那么就查找專門的域名解析服務(wù)器上票彪,查找域名對應(yīng)的IP萎津,再去請求服務(wù)器(使用 IP 肯定是速度快的,但是為了方便記憶抹镊,還是域名用的多,這就是效率與方便之間的妥協(xié)荤傲,以后你會碰到很多次的)垮耳。

瀏覽器與服務(wù)器之間交流方式

如果你細心的話,會發(fā)現(xiàn)遂黍,上面我提到的是 http://www.baidu.com 而不是 www.baidu.com 终佛。那么這兩者之間有什么區(qū)別嗎?對于訪問來說確實問題不大雾家,兩者都能訪問到百度铃彰。只是在訪問時,瀏覽器會把 www.baidu.com 轉(zhuǎn)化為 http://www.baidu.com芯咧。

http是一個很重要的協(xié)議牙捉,如果你真的要做開發(fā),那么這是一道繞不過去的檻敬飒。然而對于新說來說邪铲,要學(xué)習(xí)的太多,你現(xiàn)在只需要知道它就好了无拗,要詳細了解带到,以后有的是時間。

簡單的來說英染,http 定義了瀏覽器和服務(wù)器之間如何進行溝通(注意不是溝通的內(nèi)容)揽惹。

前端語言

上面的都弄好了,那么接下來就需要一種語言來維護雙方的交流了四康。這里面最重要的就是著名的 WEB 開發(fā)三劍客-HTML搪搏、CSS、JavaScript(簡稱js)了闪金。這些統(tǒng)稱為前端語言慕嚷,也是瀏覽器和服務(wù)器交流的基礎(chǔ)。也就是說在瀏覽器與服務(wù)器交互中,通過 HTTP 協(xié)議喝检,服務(wù)器向瀏覽器傳遞的就是這些東西嗅辣。

詳細的知識還是要新手自己去學(xué)的,我這里只是簡單的說一下他們的作用挠说。就像畫畫一樣澡谭, HTML 組成了頁面的骨架, CSS 來給頁面精雕細琢(典型的行為是上色), JavaScript 負責(zé)讓頁面動起來损俭,也就是實現(xiàn)其中的動畫效果蛙奖。

服務(wù)器

服務(wù)器的功能就是就是根據(jù)用戶的請求,返回相應(yīng)的 HTML杆兵、CSS 雁仲、JS(這些都是要前端工程師來完成的),而實現(xiàn)哪些功能琐脏,就是后端開發(fā)工程師來做的攒砖。至于如何實現(xiàn),那就要看用哪種語言了日裙,現(xiàn)在的后端語言有很多像C吹艇、C++、Java昂拂、PHP受神、Python等,語言的優(yōu)劣暫且不評述格侯,不過 PHP 在 WEB 頁面的快速開發(fā)方面有時很大鼻听。
然而,服務(wù)器是一個很復(fù)雜的事情联四,詳細的敘述就不再本章的范圍之內(nèi)了精算。新手在這里碰到的一個很常見的問題就是搭建本地環(huán)境。

總結(jié)

這里的總結(jié)模型是不完全準(zhǔn)確的:

屏幕快照 2017-05-15 下午4.31.36.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末碎连,一起剝皮案震驚了整個濱河市灰羽,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌鱼辙,老刑警劉巖廉嚼,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異倒戏,居然都是意外死亡怠噪,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進店門杜跷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來傍念,“玉大人矫夷,你說我怎么就攤上這事”锘保” “怎么了双藕?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長阳仔。 經(jīng)常有香客問我忧陪,道長,這世上最難降的妖魔是什么近范? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任嘶摊,我火速辦了婚禮,結(jié)果婚禮上评矩,老公的妹妹穿的比我還像新娘叶堆。我一直安慰自己,他們只是感情好斥杜,可當(dāng)我...
    茶點故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布虱颗。 她就那樣靜靜地躺著,像睡著了一般果录。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上咐熙,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天弱恒,我揣著相機與錄音,去河邊找鬼棋恼。 笑死返弹,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的爪飘。 我是一名探鬼主播义起,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼师崎!你這毒婦竟也來了默终?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤犁罩,失蹤者是張志新(化名)和其女友劉穎齐蔽,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體床估,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡含滴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了丐巫。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谈况。...
    茶點故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡勺美,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出碑韵,到底是詐尸還是另有隱情赡茸,我是刑警寧澤,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布泼诱,位于F島的核電站坛掠,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏治筒。R本人自食惡果不足惜屉栓,卻給世界環(huán)境...
    茶點故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望耸袜。 院中可真熱鬧友多,春花似錦、人聲如沸堤框。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蜈抓。三九已至启绰,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間沟使,已是汗流浹背委可。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留腊嗡,地道東北人着倾。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像燕少,于是被迫代替她去往敵國和親卡者。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,601評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 名詞延伸 通俗的說嗽桩,域名就相當(dāng)于一個家庭的門牌號碼,別人通過這個號碼可以很容易的找到你凄敢。如果把IP地址比作一間房子...
    楊大蝦閱讀 20,600評論 2 57
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理碌冶,服務(wù)發(fā)現(xiàn),斷路器涝缝,智...
    卡卡羅2017閱讀 134,651評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,072評論 25 707
  • 反脆弱第十六章塔勒布講到游戲的價值扑庞,說到游戲領(lǐng)域如牌局譬重,事先會有明確的游戲規(guī)則,而在生態(tài)領(lǐng)域罐氨,在這里我們不知道規(guī)則...
    周建雄key閱讀 379評論 4 1
  • #pragma mark---------- 1臀规、畫線 *步驟 (1)CGContextRef上下文(相當(dāng)于畫板)...
    磊CC閱讀 151評論 0 1