WEB是個(gè)90后！

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

WEB是個(gè)90后！

　　“

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

　　Tim Berners-Lee（萬維網(wǎng)之父）

　　故事要從1990年12月說起。

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

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

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

　　——我們的旅途從此開始。

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

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

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

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

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

　　直接使用數(shù)據(jù)庫里的數(shù)據(jù)；

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

　　讓頁面更美觀。

　　JavaScript的誕生

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

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

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

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

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

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

　　CSS

　　美觀是所有人的追求。

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

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

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

　　CSS 從誕生開始就伴隨著大量的bug，不同瀏覽器表現(xiàn)不同坑害了無數(shù)的程序員。

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

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

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

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

　　可以用數(shù)據(jù)庫作為基礎(chǔ)來展示網(wǎng)頁內(nèi)容；

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

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

　　AJAX

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

　　總是刷新；

　　網(wǎng)頁和后端邏輯混合；

　　有大量重復(fù)代碼無法復(fù)用。

　　然后AJAX站了出來。

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

　　AJAX的廣泛使用，標(biāo)志著Web2.0時(shí)代的開啟。

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

　　SPA

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

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

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

　　后來出現(xiàn)了三大前端框架：

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

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

　　前后端終于得以分離。

　　Server Side Render

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

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

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

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

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

　　NodeJS

　　說完了 SSR，必須說一下 NodeJS。

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

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

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

　　未來

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

　?。ū疚淖髡撸篶harryhuang，騰訊 CSIG 前端工程師）

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

欄目導(dǎo)航

奇酷熱點(diǎn)

常見問題

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

Python交流群
635448130點(diǎn)擊加入群聊
UI設(shè)計(jì)交流群
579150876點(diǎn)擊加入群聊
Unity交流群
495609038點(diǎn)擊加入群聊
HTML5交流群
645591648點(diǎn)擊加入群聊

亚洲免费一级高潮_欧美极品白嫩视频在线_中国AV片在线播放_欧美亚洲日韩欧洲在线看

WEB是個(gè)90后！

欄目導(dǎo)航

奇酷熱點(diǎn)

常見問題

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

相關(guān)文章