資訊專欄INFORMATION COLUMN
摘要：前言我是，如果你還不認(rèn)識(shí)我，不妨先看看技術(shù)的前世今生一平靜的生活已經(jīng)有一段日子了。傳送門技術(shù)的前世今生一技術(shù)的前世今生三
前言：我是JavaScript，如果你還不認(rèn)識(shí)我，不妨先看看《Web技術(shù)的前世今生（一）》
平靜的生活已經(jīng)有一段日子了。
這一天，HTML大哥面露不悅地走過(guò)來(lái)問(wèn)我：
“Js，你是打算和我們分家嗎？”
“大哥，您這說(shuō)的哪里話，我什么地方做的不對(duì)么？”我一臉茫然地回答道。
“哼，我可是聽PHP老弟都說(shuō)了，你最近總是讓它給你返回服務(wù)器上的數(shù)據(jù)。你就說(shuō)有沒(méi)有這回事吧！”
“是有這么回事，不過(guò)??”
“看吧，我就知道你小子翅膀硬了，敢跟你大哥搶生意了。誰(shuí)不知道把服務(wù)器端的數(shù)據(jù)構(gòu)建成網(wǎng)頁(yè)是你老哥我的活，你小子??”
“等等，大哥，是您誤會(huì)了”，看大哥越說(shuō)越火大，我趕緊打斷了它?！澳€記得我們那個(gè)叫Google的客戶么？”
“別和我提那個(gè)偏執(zhí)狂，上次和它合作那個(gè)電子郵箱的項(xiàng)目，我都費(fèi)了老大勁了，它還是不滿意，硬是說(shuō)要做到在不重新加載整個(gè)網(wǎng)頁(yè)的情況下，對(duì)網(wǎng)頁(yè)的部分內(nèi)容進(jìn)行更新。要知道一直以來(lái)，我的工作方式都是每一次請(qǐng)求就要重新載入一個(gè)新的頁(yè)面，它這不純屬是難為人嗎??呃，現(xiàn)在在說(shuō)你要自立門戶的事呢，你扯它干嘛？”
“大哥，您先別生氣，聽我給您解釋。就是那個(gè)叫Gmail的項(xiàng)目需要局部刷新的問(wèn)題，之前您不是還問(wèn)過(guò)我行不行嗎？當(dāng)時(shí)我沒(méi)有想到辦法。但前幾天我又好好琢磨下，發(fā)現(xiàn)似乎是可行的，我可以通過(guò)一個(gè)叫XHR的家伙去和服務(wù)器交換數(shù)據(jù)，然后再將取得的新數(shù)據(jù)通過(guò)dom插入到當(dāng)前頁(yè)面中就可以了。最近我也是一直在研究這事，還沒(méi)來(lái)得及和您說(shuō)呢?！?/p>
“哎呀，你看我這腦子”，大哥滿臉愧色地說(shuō)：”弄了半天原來(lái)你是在幫老哥我??！剛才大哥的態(tài)度??”
“大哥”，我趕緊再一次打斷大哥的話，“您就別自我反省了，現(xiàn)在辦法有了趕緊去告訴那個(gè)偏執(zhí)狂才是正事，畢竟是個(gè)大客戶，丟了多不劃算。”
“哦，對(duì)對(duì)對(duì)，我這就去?！?/p>
伴隨著大哥的心結(jié)被解開，這場(chǎng)風(fēng)波總算是過(guò)去了。
（猿知原味注：XMLHttpRequest（XHR）作為JavaScript的一個(gè)對(duì)象，可以用來(lái)在瀏覽器和服務(wù)器端傳輸數(shù)據(jù)。然而自從它1998年問(wèn)世以來(lái)卻很少被重視，直到Google發(fā)布了Gmail、Google Maps等一系列運(yùn)用它開發(fā)的局部刷新的Web產(chǎn)品之后，這項(xiàng)異步請(qǐng)求的“新”技術(shù)才突然大火起來(lái)，并且還有了一個(gè)在Web發(fā)展史上影響深遠(yuǎn)的名字：Ajax）
時(shí)間來(lái)到了2005年，大概就是在那個(gè)時(shí)候，有人開始稱呼我們一家“Web前端”。我們前端家族成員最主要的特點(diǎn)就是運(yùn)行在瀏覽器上，所以像PHP、ASP等那些運(yùn)行在服務(wù)器上（后端）的家伙這輩子是別想落戶到我們家了。
提到瀏覽器，準(zhǔn)確地說(shuō)是瀏覽器們，我在這里必須要吐槽一下。由于是商業(yè)產(chǎn)物，所以整天為了點(diǎn)市場(chǎng)份額打的你死我活的。原本我對(duì)它們之間的爭(zhēng)斗沒(méi)有興趣，但直到有一天我發(fā)現(xiàn)，我構(gòu)建的同樣一段腳本，居然在它們身上呈現(xiàn)出的效果不統(tǒng)一，而且這種情況隨著卷入爭(zhēng)斗的瀏覽器種類增多變的越來(lái)越復(fù)雜??
“該死的Js，為什么按鈕的點(diǎn)擊沒(méi)起作用？”，“新版本的Js不能阻止事件冒泡了嗎？”，“這Js八成是抽風(fēng)了??”
那段日子，我經(jīng)常替瀏覽器們背鍋，承受著大家的誤解。就在我最煩心的時(shí)候，家里來(lái)新人了——jQuery。
“嘿伙計(jì)，有啥絕活給我們露一手”，大哥先發(fā)話了。
“小意思”，jQuery一邊回答一邊完成了一段ajax調(diào)用的代碼，期間也操作了dom。
看著這段雖說(shuō)像極了意大利面條、卻著實(shí)短小精悍的代碼，我和大哥正在驚詫的時(shí)候，jQuery又發(fā)話了：“歐了大哥，現(xiàn)在這段代碼可以放到任何瀏覽器上運(yùn)行了?！?/p>
“你是說(shuō)??你能做到和js一樣的事，并且還??還解決了瀏覽器兼容的問(wèn)題？”大哥驚訝的說(shuō)話都開始結(jié)巴了。那一刻，我突然感受到前所未有的危機(jī)感。
“也不能完全這么說(shuō)，我的存在只是為了讓人類盡可能不用考慮瀏覽器兼容的問(wèn)題，并且以更優(yōu)雅的方式更方便地操作Web頁(yè)面，實(shí)際上背后的功臣還是js前輩，我只是它的小跟班?！?/p>
聽了jQuery的一番話，我熱（ru）淚（shi）盈（zhong）眶（fu）地走上前去握住它的手，“歡迎來(lái)到咱們家，以后就是一家人了?！?/p>
打那以后，我的生活就愜意多了，除非有jQuery解決不了的問(wèn)題我才出面，一般而言這個(gè)小跟班都能很出色的完成任務(wù)。
然而與此同時(shí)，PHP老兄的日子卻不那么好過(guò)，Web后端正醞釀著一場(chǎng)變革。
故事讀完了，還是意猶未盡？沒(méi)關(guān)系，關(guān)注“猿知原味”公眾號(hào)（yz--yw），還有一大波生動(dòng)有趣的干貨等著你。
傳送門：《Web技術(shù)的前世今生（一）》《Web技術(shù)的前世今生（三）》
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/117151.html
摘要：前言我是，如果你還不認(rèn)識(shí)我，不妨先看看技術(shù)的前世今生一平靜的生活已經(jīng)有一段日子了。傳送門技術(shù)的前世今生一技術(shù)的前世今生三 前言：我是JavaScript，如果你還不認(rèn)識(shí)我，不妨先看看《Web技術(shù)的前世今生（一）》 平靜的生活已經(jīng)有一段日子了。 這一天，HTML大哥面露不悅地走過(guò)來(lái)問(wèn)我： Js，你是打算和我們分家嗎？ 大哥，您這說(shuō)的哪里話，我什么地方做的不對(duì)么？我一臉茫然地回答道。 哼，...
摘要：前言我是，如果你還不認(rèn)識(shí)我，不妨先看看技術(shù)的前世今生一平靜的生活已經(jīng)有一段日子了。傳送門技術(shù)的前世今生一技術(shù)的前世今生三 前言：我是JavaScript，如果你還不認(rèn)識(shí)我，不妨先看看《Web技術(shù)的前世今生（一）》 平靜的生活已經(jīng)有一段日子了。 這一天，HTML大哥面露不悅地走過(guò)來(lái)問(wèn)我： Js，你是打算和我們分家嗎？ 大哥，您這說(shuō)的哪里話，我什么地方做的不對(duì)么？我一臉茫然地回答道。 哼，...
摘要：前言我是，如果你還不認(rèn)識(shí)我，不妨先看看技術(shù)的前世今生一，以及技術(shù)的前世今生二前面我提過(guò)，我的大哥有一個(gè)叫的死黨，這家伙有事沒(méi)事經(jīng)常上我們家串門。時(shí)間來(lái)到了年，在那前后發(fā)生了兩件事讓我印象深刻。傳送門技術(shù)的前世今生一技術(shù)的前世今生二 前言：我是JavaScript，如果你還不認(rèn)識(shí)我，不妨先看看《Web技術(shù)的前世今生（一）》，以及《Web技術(shù)的前世今生（二）》 前面我提過(guò)，我的大哥HTML...
摘要：直到有一天，大哥接到一項(xiàng)特殊的任務(wù)，一位年輕的爸爸想給自己患有抑郁癥的孩子制作一個(gè)網(wǎng)站，希望網(wǎng)頁(yè)里的天空每天都可以更換一種顏色。猿知原味注老頭闡述的方法是最早的動(dòng)態(tài)網(wǎng)頁(yè)實(shí)現(xiàn)方案技術(shù)。傳送門技術(shù)的前世今生二技術(shù)的前世今生三 我的名字叫JavaScript，你也可以喊我Js。在說(shuō)我的故事之前，我覺(jué)得有必要先介紹下我的大哥HTML，和大嫂CSS。沒(méi)錯(cuò)，那個(gè)叫Java的家伙不是我的親戚，我們隔...
摘要：直到有一天，大哥接到一項(xiàng)特殊的任務(wù)，一位年輕的爸爸想給自己患有抑郁癥的孩子制作一個(gè)網(wǎng)站，希望網(wǎng)頁(yè)里的天空每天都可以更換一種顏色。猿知原味注老頭闡述的方法是最早的動(dòng)態(tài)網(wǎng)頁(yè)實(shí)現(xiàn)方案技術(shù)。傳送門技術(shù)的前世今生二技術(shù)的前世今生三 我的名字叫JavaScript，你也可以喊我Js。在說(shuō)我的故事之前，我覺(jué)得有必要先介紹下我的大哥HTML，和大嫂CSS。沒(méi)錯(cuò)，那個(gè)叫Java的家伙不是我的親戚，我們隔...
閱讀 3554·2021-11-22 11:59
閱讀 953·2021-09-27 13:36
閱讀 3616·2021-09-24 09:47
閱讀 2266·2021-09-01 11:39
閱讀 984·2021-08-31 09:37
閱讀 2316·2021-08-05 10:01
閱讀 1677·2019-08-30 15:55
閱讀 703·2019-08-30 15:54
