歷史上第一個(gè)網(wǎng)頁它長(zhǎng)啥樣???

文末贈(zèng)書5本新書
前言

Tim Berners-Lee

document,標(biāo)簽名、文檔對(duì)象模型的名稱也是由此而來。
靜態(tài)網(wǎng)頁時(shí)代
<h1>、<p>、<a>。后來為了豐富網(wǎng)頁的內(nèi)容,<img>、<table>標(biāo)簽誕生了。
網(wǎng)頁能夠動(dòng)態(tài)顯示 直接使用數(shù)據(jù)庫里的數(shù)據(jù) 網(wǎng)頁實(shí)現(xiàn)一些用戶交互 讓頁面更美觀
JavaScript 的誕生


擴(kuò)展資料:第一次瀏覽器大戰(zhàn)

CSS



30pt * 40% + 20pt * 60% 作為h2字體大小的最終值。動(dòng)態(tài)網(wǎng)頁技術(shù)

可以用數(shù)據(jù)庫作為基礎(chǔ)來展示網(wǎng)頁內(nèi)容 可以實(shí)現(xiàn)表單和一些簡(jiǎn)單交互 再也不用編寫一大堆靜態(tài)頁面了

網(wǎng)頁總是刷新。用戶名密碼校驗(yàn)需要刷新以展示錯(cuò)誤提示;因下拉選擇器選擇不同而展示的內(nèi)容需要刷新才能展示;每次數(shù)據(jù)交互必然會(huì)刷新一次頁面。 網(wǎng)頁和后端邏輯混合。相信老前端們都有過這樣的經(jīng)歷:開發(fā)完HTML后,會(huì)把頁面發(fā)給后端修改,加上數(shù)據(jù)注入邏輯;聯(lián)調(diào)或者debug的時(shí)候兩個(gè)人坐在一塊看,查問題的效率很低。 有大量重復(fù)代碼無法復(fù)用。舉一個(gè)典型的例子,論壇。很多時(shí)候只有內(nèi)容有變化,菜單、側(cè)邊欄等幾乎不會(huì)有改變,但每次請(qǐng)求的時(shí)候還是得再將整個(gè)網(wǎng)頁傳輸一遍。不僅頁面會(huì)刷新,速度慢,還挺耗流量(這個(gè)年代上網(wǎng)也是一種奢侈)。
AJAX

后端業(yè)務(wù)代碼和數(shù)據(jù)接口混合,還得兼容 APP 的接口(很多企業(yè)既有 APP 又有網(wǎng)站) 前端的代碼復(fù)雜度急劇增加
擴(kuò)展資料:第二次瀏覽器大戰(zhàn)


SPA

請(qǐng)求網(wǎng)頁后白屏?xí)r間比傳統(tǒng)網(wǎng)頁要長(zhǎng) 爬蟲爬到的是空白頁面,沒辦法做 SEO 在業(yè)務(wù)復(fù)雜的情況下,請(qǐng)求文件很大,渲染非常慢。

Server Side Render


減小加載體積 減少接口請(qǐng)求數(shù) PWA 緩存 分塊渲染 …
NodeJS


擴(kuò)展資料:第三次瀏覽器大戰(zhàn)

未來




— end —
贈(zèng)書福利 贈(zèng)送新書《Python編程寶典:迅速提高編程水平的100個(gè)關(guān)鍵技能》共5本,這是一本Python語言新書籍,剛剛上架!由「 北京大學(xué)出版社」贊助提供 ,感興趣的朋友推薦入手一本。
本書內(nèi)容全面,力求覆蓋Python所能涉及的各方面應(yīng)用。通過實(shí)戰(zhàn)技能的形式,讀者學(xué)習(xí)時(shí)容易上手操作,達(dá)到學(xué)以致用、舉一反三的目的。全書分5章,共100個(gè)關(guān)鍵實(shí)戰(zhàn)技能。第1章主要介紹了Python基本語法的27個(gè)實(shí)戰(zhàn)技能;第2章主要介紹了Python經(jīng)典算法的21個(gè)實(shí)戰(zhàn)技能;第3章主要介紹了Python在應(yīng)用開發(fā)方面的13個(gè)實(shí)戰(zhàn)技能;第4章主要介紹了Python在數(shù)據(jù)分析方面的15個(gè)實(shí)戰(zhàn)技能;第5章在第4章內(nèi)容的基礎(chǔ)上,主要介紹了Python在數(shù)據(jù)挖掘方面的24個(gè)實(shí)戰(zhàn)技能。 同樣這次準(zhǔn)備了2種方式抽獎(jiǎng),「評(píng)論點(diǎn)贊、朋友圈點(diǎn)贊」這兩種方式都可以參與!感謝親愛的讀者們,你們的支持也是我持續(xù)更文最大的動(dòng)力。
本次開獎(jiǎng)時(shí)間為 2021.7.25 14:00
為了避免中獎(jiǎng)后失聯(lián),提前加我微信號(hào):itcodexy 。
留言點(diǎn)贊(3本) 留言點(diǎn)贊數(shù)「第一、二、三名」可獲得一本《Python編程寶典:迅速提高編程水平的100個(gè)關(guān)鍵技能》 PS:買點(diǎn)贊數(shù)等作弊無效,一切解釋權(quán)歸程序IT圈所有,留言點(diǎn)贊30天內(nèi)不得重復(fù)中獎(jiǎng)!!! 朋友圈點(diǎn)贊抽獎(jiǎng)(2本)
記得先添加我微信,不然參加不了這個(gè)朋友圈活動(dòng) 。 大獎(jiǎng):本文章我會(huì)轉(zhuǎn)發(fā)朋友圈,給第n位(具體數(shù)值看朋友圈發(fā)布時(shí)的規(guī)則)點(diǎn)贊朋友圈的同學(xué)送出一本 《Python編程寶典:迅速提高編程水平的100個(gè)關(guān)鍵技能》,共2位。
評(píng)論
圖片
表情
