历史上第一个网页它长啥样???
程序IT圈
共 7816字,需浏览 16分钟
· 2021-07-27
文末赠书5本新书
前言
![](https://filescdn.proginn.com/cc45fa1f11b61338484bb092eefec496/652f819c00d8490fefb38f363eb9d2d4.webp)
Tim Berners-Lee
![](https://filescdn.proginn.com/912268c86607c67cbf98c8a5febc5bbc/0d4752e3dbdaf6b5582ce58f1414d79d.webp)
document
,标签名、文档对象模型的名称也是由此而来。![](https://filescdn.proginn.com/cfc0fd9fb3dbe17f573d0473f2330a74/8805a06a62693e3a557d45597cc24299.webp)
静态网页时代
<h1>
、<p>
、<a>
。后来为了丰富网页的内容,<img>
、<table>
标签诞生了。![](https://filescdn.proginn.com/a6c4c17fca4b769dd0c97677cd149550/322cd4941088c19452c20b2b32c03dbd.webp)
网页能够动态显示 直接使用数据库里的数据 网页实现一些用户交互 让页面更美观
JavaScript 的诞生
![](https://filescdn.proginn.com/839995aa47348414becebb003f9551e4/6eb46d27ff84f3448804692abc4dca5c.webp)
![](https://filescdn.proginn.com/84c4ed0da20b333eed3fc53845bd0d00/eca56dd0058ce08d0b6eff9c4d39ed7f.webp)
扩展资料:第一次浏览器大战
![](https://filescdn.proginn.com/7f768678ef551017322887545a933bdf/14e83e76628bed1ed7bd8452a51bd109.webp)
CSS
![](https://filescdn.proginn.com/12561b0087ed223b7cb8bbb58a5eec6e/4718899152ea5f24ec4cbcedf78b6e33.webp)
![](https://filescdn.proginn.com/a3d4cf4b52ad9a326bc02d666a20d6ec/502b452cfa13c824e9e2a3b84cc55cb1.webp)
![](https://filescdn.proginn.com/1192325e65933934200b14549328d5a7/88f2537c41e860f1e8d7df1648b62f59.webp)
30pt * 40% + 20pt * 60%
作为h2字体大小的最终值。动态网页技术
![](https://filescdn.proginn.com/26a47d7856aa1f117d191dbecaaced70/17daccefb7e3e7f16f6968c242a99e7a.webp)
可以用数据库作为基础来展示网页内容 可以实现表单和一些简单交互 再也不用编写一大堆静态页面了
![](https://filescdn.proginn.com/497d0ee83d6834dee10c433301fd3d3b/e97d1f10b49a19ffdc1c455975100901.webp)
网页总是刷新。用户名密码校验需要刷新以展示错误提示;因下拉选择器选择不同而展示的内容需要刷新才能展示;每次数据交互必然会刷新一次页面。 网页和后端逻辑混合。相信老前端们都有过这样的经历:开发完HTML后,会把页面发给后端修改,加上数据注入逻辑;联调或者debug的时候两个人坐在一块看,查问题的效率很低。 有大量重复代码无法复用。举一个典型的例子,论坛。很多时候只有内容有变化,菜单、侧边栏等几乎不会有改变,但每次请求的时候还是得再将整个网页传输一遍。不仅页面会刷新,速度慢,还挺耗流量(这个年代上网也是一种奢侈)。
AJAX
![](https://filescdn.proginn.com/77390a103ce49ef5565ca5191fa2ffc0/3c5ead87b8b4f09fc5e4c23bb137d7d4.webp)
后端业务代码和数据接口混合,还得兼容 APP 的接口(很多企业既有 APP 又有网站) 前端的代码复杂度急剧增加
扩展资料:第二次浏览器大战
![](https://filescdn.proginn.com/c83ac83856cfbcef6cf9ee516f57f99d/d071b6e3f84d726a04aa7b652173a48a.webp)
![](https://filescdn.proginn.com/ac79a0bf6112ab4fb9a9c0bc3a09ad74/8b528f8611b4cc8e1aeb2feff41c0308.webp)
SPA
![](https://filescdn.proginn.com/31cfe78f62ba3617feb32592aff0b34c/e7ba8b0d72d6585b753f20617b563d2e.webp)
请求网页后白屏时间比传统网页要长 爬虫爬到的是空白页面,没办法做 SEO 在业务复杂的情况下,请求文件很大,渲染非常慢。
![](https://filescdn.proginn.com/fbe7f6b69ada947624ad697949c2842a/60f4a3afce3c5fa42083fbb053655be4.webp)
Server Side Render
![](https://filescdn.proginn.com/765f96e949bbad4c90b21152e800706d/fe33cb93ded961ded9e4e215495836ee.webp)
![](https://filescdn.proginn.com/ecf4dcd5350f17ff7f9f2a4c9feefb78/3546b92e6f043ba19c4e59dc566437cb.webp)
减小加载体积 减少接口请求数 PWA 缓存 分块渲染 …
NodeJS
![](https://filescdn.proginn.com/59118deff01972132a8f9977d677d4be/20d75756a1982c4fae2475ae72bf52ab.webp)
![](https://filescdn.proginn.com/da7f4bd4d69239e912acae257b55f452/9c0e56aac06bd61d9e4827dacf7d32f0.webp)
扩展资料:第三次浏览器大战
未来
![](https://filescdn.proginn.com/0a6db7731e00db056dbd4ff5025781c6/da5d33dfc1e8fe17d9a066a0309694f4.webp)
![](https://filescdn.proginn.com/79c014becdd9dd2111126cb8d6889be5/42ff8ab2f55fd7715aaba38529b35c7a.webp)
![](https://filescdn.proginn.com/2e16c6e5691d547eab26572b43c54fde/03a7a4dd2e198ffb90f4fabf961c0b18.webp)
![](https://filescdn.proginn.com/1769b73ed42902304de5bb88660d8246/f0592ca27e4788396877a82ec7ce9933.webp)
— end —
赠书福利 赠送新书《Python编程宝典:迅速提高编程水平的100个关键技能》共5本,这是一本Python语言新书籍,刚刚上架!由「 北京大学出版社」赞助提供 ,感兴趣的朋友推荐入手一本。
本书内容全面,力求覆盖Python所能涉及的各方面应用。通过实战技能的形式,读者学习时容易上手操作,达到学以致用、举一反三的目的。全书分5章,共100个关键实战技能。第1章主要介绍了Python基本语法的27个实战技能;第2章主要介绍了Python经典算法的21个实战技能;第3章主要介绍了Python在应用开发方面的13个实战技能;第4章主要介绍了Python在数据分析方面的15个实战技能;第5章在第4章内容的基础上,主要介绍了Python在数据挖掘方面的24个实战技能。 同样这次准备了2种方式抽奖,「评论点赞、朋友圈点赞」这两种方式都可以参与!感谢亲爱的读者们,你们的支持也是我持续更文最大的动力。
本次开奖时间为 2021.7.25 14:00
为了避免中奖后失联,提前加我微信号:itcodexy 。
留言点赞(3本) 留言点赞数「第一、二、三名」可获得一本《Python编程宝典:迅速提高编程水平的100个关键技能》 PS:买点赞数等作弊无效,一切解释权归程序IT圈所有,留言点赞30天内不得重复中奖!!! 朋友圈点赞抽奖(2本)
记得先添加我微信,不然参加不了这个朋友圈活动 。 大奖:本文章我会转发朋友圈,给第n位(具体数值看朋友圈发布时的规则)点赞朋友圈的同学送出一本 《Python编程宝典:迅速提高编程水平的100个关键技能》
,共2位。
评论