历史上第一个网页长这样
源码共读
共 7327字,需浏览 15分钟
· 2021-05-24
作者丨charryhuang
来源丨腾讯技术工程(ID:Tencent_TEG)
前言
Tim Berners-Lee
document
,标签名、文档对象模型的名称也是由此而来。静态网页时代
<h1>
、<p>
、<a>
。后来为了丰富网页的内容,<img>
、<table>
标签诞生了。网页能够动态显示 直接使用数据库里的数据 网页实现一些用户交互 让页面更美观
JavaScript 的诞生
扩展资料:第一次浏览器大战
CSS
30pt * 40% + 20pt * 60%
作为h2字体大小的最终值。动态网页技术
可以用数据库作为基础来展示网页内容 可以实现表单和一些简单交互 再也不用编写一大堆静态页面了
网页总是刷新。用户名密码校验需要刷新以展示错误提示;因下拉选择器选择不同而展示的内容需要刷新才能展示;每次数据交互必然会刷新一次页面。 网页和后端逻辑混合。相信老前端们都有过这样的经历:开发完HTML后,会把页面发给后端修改,加上数据注入逻辑;联调或者debug的时候两个人坐在一块看,查问题的效率很低。 有大量重复代码无法复用。举一个典型的例子,论坛。很多时候只有内容有变化,菜单、侧边栏等几乎不会有改变,但每次请求的时候还是得再将整个网页传输一遍。不仅页面会刷新,速度慢,还挺耗流量(这个年代上网也是一种奢侈)。
AJAX
后端业务代码和数据接口混合,还得兼容 APP 的接口(很多企业既有 APP 又有网站) 前端的代码复杂度急剧增加
扩展资料:第二次浏览器大战
SPA
请求网页后白屏时间比传统网页要长 爬虫爬到的是空白页面,没办法做 SEO 在业务复杂的情况下,请求文件很大,渲染非常慢。
Server Side Render
减小加载体积 减少接口请求数 PWA 缓存 分块渲染 …
NodeJS
扩展资料:第三次浏览器大战
未来
-End-
最近有一些小伙伴,让我帮忙找一些 面试题 资料,于是我翻遍了收藏的 5T 资料后,汇总整理出来,可以说是程序员面试必备!所有资料都整理到网盘了,欢迎下载!
面试题
】即可获取评论
把 Jupyter Notebook 变成网页
我的写作基础设施:1、Typora2、Cloudflare R23、Picgo4、Obsidian5、GitHub6、mdnice本合集会一一介绍上述工具的安装、配置、使用等等还会介绍:服务器配置GitHub Pages、Cloudflare Pages、Vercel 的使用用 Jekyll、Boo
机器学习算法与Python实战
0
【性能监控】如何有效监测网页静态资源大小?
前言作为前端人员肯定经常遇到这样的场景:需求刚上线,产品拿着手机来找你,为什么页面打开这么慢呀,心想自己开发的时候也有注意性能问题呀,不可能会这么夸张。那没办法只能排查下是哪一块影响了页面的整体性能,打开浏览器控制台一看,页面上的这些配图每张都非常大,心想这些配图都这么大,页面怎么快,那么我们有没有
高级前端进阶
0
如何减少网页卡顿
大厂技术 高级前端 Node进阶点击上方 程序员成长指北,关注公众号回复1,加入高级Node交流群前言经常听人说,“不要阻塞主线程”,或者 “减少长耗时 ",该如何做呢?聊网站性能的文章有很多,通常为了提高 js 性能,避不开这两点:不要阻塞主线
程序员成长指北
0
爽文男主雷军,原来真实情况是这样的
昨天小米的雷军直播了,这次不是直播手机,也不是直播汽车。他说这次只是聊聊天,不带货。都聊了些什么呢?之前我们都听说:雷军是高考状元,而且还是一不小心的上市公司大佬让他去当总经理在人生低谷时,卡里只有冰冷的40亿这无论哪个都是妥妥的小说爽文大男主啊。但这一切都被直播中的雷军辟谣了。对于第一个一不小心中
胖琪的升级之路
93
基于nginx+ffmpeg+vue3+TypeScript在网页上显示监控的实时画面
大厂技术 高级前端 Node进阶点击上方 程序员成长指北,关注公众号回复1,加入高级Node交流群一、心路历程写在前面最近在忙比赛的项目,项目有一个实时预览监控摄像头的画面的需求。按道理说我一个臭前端不负责这一块的东西,但是没办法,时间紧任务重,
程序员成长指北
10
我劝你不要这样抢红包,后果很严重!
估计很多小伙伴都遇到过这种情况。在微信大群里发个红包,总有那么一两个人秒速抢走。一开始你还以为 ta 只是单纯的手速快。但多刷几个红包你就会发现,事情没那么简单。不管是光天化日,还是三更半夜,这位群友总会活跃在抢红包第一线。估计很多机友都猜到了,这种人,绝对是开了抢红包外挂。今天下午,微信官方发了一
逆锋起笔
10
大理石弹珠时钟,ESP32网页示波器,PD回流焊台,墨水屏苹果待办...
作 者:晓宇,排版:晓宇 微信公众号:芯片之家(ID:chiphome-dy) 01 CPU vs FPGA 很形象的表达了CPU与FPGA的运算逻辑,CPU偏向于多功能化,通常都是串行执行指令的,虽然有多核心,但是每个核心还是串行的方式...
芯片之家
0
微信朋友圈这条线有短有长?这种情况说明你被删好友了!
不知道你有没发现,平常我们在刷朋友圈的时候会看到, 有些人的朋友圈是一条短线(下图左),但有些人的却是一条长线(下图右) 。我不说,可能或有人还真的不知道,具体见下图。 对于这两种不同长度的横线(中间都...
逆锋起笔
0