WEB是個(gè)90後！

來(lái)源：奇酷教育發(fā)表於：2021-05-31 16:40:44

WEB是個(gè)90後！

　　“

　　WEB是個(gè)90後！——

　　Tim Berners-Lee（全球資訊網(wǎng)之父）

　　故事要從1990年12月說(shuō)起。

　　那一年，全球資訊網(wǎng)之父蒂姆·伯納斯·李開(kāi)發(fā)出了世界上第一個(gè)網(wǎng)頁(yè)瀏覽器。

　　他創(chuàng)造了超文本標(biāo)記語言（HTML），並創(chuàng)建了歷史上第一個(gè)網(wǎng)站。

　　1991年8月，由全球資訊網(wǎng)之父Tim Berners-Lee發(fā)布的第一個(gè)靜態(tài)頁(yè)面誕生了！

　　——我們的旅途從此開(kāi)始。

　　靜態(tài)網(wǎng)頁(yè)時(shí)代

　　早期的靜態(tài)網(wǎng)頁(yè)，只有最基本的單欄布局，HTML所支持的標(biāo)籤也僅有。後來(lái)為了豐富網(wǎng)頁(yè)的內(nèi)容，、
標(biāo)籤誕生了。

　　靜態(tài)網(wǎng)站只能夠根據(jù)用戶(hù)的請求返回指向的網(wǎng)頁(yè)，除了進(jìn)行超連結(jié)跳轉(zhuǎn)，沒辦法實(shí)現(xiàn)任何交互。

　　此時(shí)，人們想要：

　　網(wǎng)頁(yè)能夠動(dòng)態(tài)顯示；

　　直接使用資料庫(kù)裡的數(shù)據(jù)；

　　網(wǎng)頁(yè)實(shí)現(xiàn)一些用戶(hù)交互；

　　讓頁(yè)面更美觀(guān)。

　　JavaScript的誕生

　　1994年，網(wǎng)景公司發(fā)布了 Navigator 瀏覽器，但他們急需一種網(wǎng)頁(yè)腳本語言，以使瀏覽器可以與網(wǎng)頁(yè)互動(dòng)。

　　同年，全球資訊網(wǎng)聯(lián)盟（W3C，World Wide Web Consortium）成立，超文本標(biāo)記語言（HTML，Hyper Text Markup Language）正式確立為網(wǎng)頁(yè)標(biāo)準(zhǔn)語言。

　　1995年，網(wǎng)景公司的 Brendan Eich 迫於公司的壓力，只花了十天就設(shè)計(jì)了 JS 的最初版本，並命名為 Mocha。

　　後來(lái)網(wǎng)景公司為了蹭 Java 的熱度，把 JS 最終改名為 JavaScript。但實(shí)際情況是，網(wǎng)景公司和Sun公司結(jié)成聯(lián)盟，才更名為 JavaScript。

　　從此網(wǎng)頁(yè)有了一些簡(jiǎn)單的用戶(hù)交互，比如表單驗(yàn)證；也有了一些JS為基礎(chǔ)的動(dòng)效，如走馬燈。

　　但是讓網(wǎng)頁(yè)真正開(kāi)始進(jìn)入動(dòng)態(tài)網(wǎng)頁(yè)時(shí)代的卻是以 PHP 為代表的後端網(wǎng)站技術(shù)。

　　CSS

　　美觀(guān)是所有人的追求。

　　HTML誕生以來(lái)，網(wǎng)頁(yè)基本上就是一個(gè)簡(jiǎn)陋的富文本容器。由於缺少布局和美化手段，早期網(wǎng)頁(yè)流行用table標(biāo)籤進(jìn)行布局。

　　為了解決網(wǎng)頁(yè)“醜”的問(wèn)題，Hkon Wium Lie 和 Bert Bos 共同起草了 CSS 提案，同期的 W3C 也對(duì)這個(gè)很感興趣。

　　為了解決 CSS 兼容性的問(wèn)題，網(wǎng)景公司甚至還將 CSS 用 JS 來(lái)編寫(xiě)。

　　CSS 從誕生開(kāi)始就伴隨著大量的bug，不同瀏覽器表現(xiàn)不同坑害了無(wú)數(shù)的程式設(shè)計(jì)師。

　　今天我們能用上相對(duì)靠譜的 css，不得不說(shuō)這是一個(gè)奇蹟。

　　動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)

　　PHP 就像給網(wǎng)絡(luò)世界打開(kāi)了一扇窗。

　　1995年，Rasmus Lerdof 創(chuàng)造的 PHP 開(kāi)始活躍在各大網(wǎng)站，它讓 Web 可以訪(fǎng)問(wèn)資料庫(kù)了，PHP 實(shí)現(xiàn)了人們渴望的動(dòng)態(tài)網(wǎng)頁(yè)。

　　可以用資料庫(kù)作為基礎(chǔ)來(lái)展示網(wǎng)頁(yè)內(nèi)容；

　　可以實(shí)現(xiàn)表單和一些簡(jiǎn)單交互；

　　再也不用編寫(xiě)一大堆靜態(tài)頁(yè)面了。

　　AJAX

　　而當(dāng)一些基礎(chǔ)的需求被滿(mǎn)足之後，動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)帶來(lái)的不足也漸漸暴露出來(lái)：

　　總是刷新；

　　網(wǎng)頁(yè)和後端邏輯混合；

　　有大量重複代碼無(wú)法復用。

　　然後AJAX站了出來(lái)。

　　AJAX，Async JavaScript And XML，於1998年開(kāi)始初步應(yīng)用，2005年開(kāi)始普及。

　　AJAX的廣(guǎng)泛使用，標(biāo)誌著Web2.0時(shí)代的開(kāi)啟。

　　Google 研發(fā)出的 V8 引擎極大的提升了 JS 的運(yùn)行效率，NodeJS 才有機(jī)會(huì)誕生，前端才能走向全棧。

　　SPA

　　AJAX，Async JavaScript And XML，於1998年開(kāi)始初步應(yīng)用，2005年開(kāi)始普及。

　　2008年HTML5草案提出，各大瀏覽器開(kāi)啟良性競(jìng)爭(zhēng)，爭(zhēng)先實(shí)現(xiàn)HTML5功能。

　　由於HTML5帶來(lái)前端代碼複雜度的增加，前端為了尋求良好的可維護(hù)性和可復用性，也不得不參考後端MVC進(jìn)行了設(shè)計(jì)和拆分。

　　後來(lái)出現(xiàn)了三大前端框架：

　　Vue（2014）、React（2010）、AngularJS（2009）。

　　後端不再負(fù)責(zé)模板渲染，前端和APP開(kāi)始對(duì)等，後端的API也可以通用化了。

　　前後端終於得以分離。

　　Server Side Render

　　Server Side Render，服務(wù)端渲染，簡(jiǎn)稱(chēng)SSR，又稱(chēng)服務(wù)端同構(gòu )、直出，一般使用NodeJS實(shí)現(xiàn)。

　　這裡的服務(wù)端渲染和以前的不一樣，SSR會(huì)利用已經(jīng)“脫水”的首屏數(shù)據(jù)來(lái)渲染首屏頁(yè)面返回給客戶(hù)端，到了瀏覽器再注入瀏覽器事件，並且保留單頁(yè)應(yīng)用的能力，對(duì)SEO非常友好。

　　大多數(shù)時(shí)候SSR體驗(yàn)會(huì)更佳，因為服務(wù)端承擔(dān)了大部分渲染工作，這也導(dǎo )致服務(wù)端負(fù)載變高。但在業(yè)務(wù)複雜的情況下，SSR首屏請求的接口數(shù)很多，導(dǎo )致返回HTML變慢。

　　SSR不能很好的應(yīng)付業(yè)務(wù)複雜的情況，首屏要加載的東西還是太多了。所以我們要怎樣讓用戶(hù)感知到的白屏時(shí)間變短呢？

　　IMWEB的企鵝輔導(dǎo )落地了 SSR + PWA 之後，達(dá)到了幾乎秒開(kāi)的程度。

　　NodeJS

　　說(shuō)完了 SSR，必須說(shuō)一下 NodeJS。

　　2010年 NodeJS 正式立項(xiàng)到現(xiàn)在已經(jīng)11個(gè)年頭了，NodeJS 的誕生來(lái)自於 Ryan Dahl（下圖）的靈感。

　　他想以非阻塞的方式做所有事情，用完全異步方式可以處理非常多的請求（高並發(fā)）。

　　NodeJS 的出現(xiàn)讓前端向全棧的發(fā)展邁出了重大的一步。

　　未來(lái)

　　未來(lái)，瀏覽器真正的對(duì)手不再是瀏覽器，而是小程序這樣結(jié)合了APP和網(wǎng)頁(yè)優(yōu)點(diǎn)的新興技術(shù)。

　　（本文作者：charryhuang，騰訊 CSIG 前端工程師）

下一篇:20個(gè)必不可少的Python庫(kù)也是基本的上一篇:2021下半年重要考試時(shí)間表

日韩亚洲一区二_久久vs国产综合色大全_国产精品福利在线_欧美在线一级A片免费观看欧美在线_女同性毛片60分钟

WEB是個(gè)90後！

欄目導(dǎo )航

奇酷熱點(diǎn)

常見(jiàn)問(wèn)題

奇酷技術(shù)交流中心

相關(guān)文章

日韩 亚洲一区二_久久vs国产综合色大全_国产精品福利在线_欧美在线一级A片免费观看欧美在线_女同性毛片60分钟

WEB是個(gè)90後！

欄目導(dǎo )航

奇酷熱點(diǎn)

常見(jiàn)問(wèn)題

奇酷技術(shù)交流中心

相關(guān)文章

日韩亚洲一区二_久久vs国产综合色大全_国产精品福利在线_欧美在线一级A片免费观看欧美在线_女同性毛片60分钟