随笔分类 - HTML
摘要:目录关于RESTful资源资源表现总结 关于RESTful REST的全称是 Representational State Transfer 中文含义表现层状态转化。 符合REST规范的设计,我们称为RESTful设计。它的设计哲学主要是将服务器提供的内容实体看作一个资源,并表现在URL上。 资源
阅读全文
摘要:目录HTTP中的强缓存与协商缓存强缓存ExpiresCache-control协商缓存结合强缓存具体请求流程为什么需要ETag状态码区别缓存优先级刷新影响其他补充注意场景 HTTP中的强缓存与协商缓存 强缓存 在浏览器加载资源的时候,首先会根据请求头的expires和cache-control判断是
阅读全文
摘要:目录Event,EventTarget,EventEmitterEventTargetEventEventEmitterNode中的 EventTarget和Event浏览器的EventTarget和node中EventEmitter 区别区别总结 Event,EventTarget,EventEm
阅读全文
摘要:目录浏览器跨 Tab 窗口通信原理Broadcast ChannelSharedWorker APIlocalStorage/sessionStorage跨 Tab 窗口通信应用场景 浏览器跨 Tab 窗口通信原理 所谓多窗口下进行互相通信,是指在浏览器中,不同窗口(包括不同标签页、不同浏览器窗口甚
阅读全文
摘要:viewport 是浏览器视口,代表浏览器的可视区域,也就是浏览器中用来显示网页的那部分区域。在桌面电脑上,由外到内分为显示器窗口、浏览器窗口、浏览器视口 (viewport)、 元素、 元素、其它元素。 **显示器窗口** 显示器窗口就是你的显示器屏幕的可见区域。显示器的分辨率,描述的是显示器窗口
阅读全文
摘要:@[TOC](同源策略) # 含义 1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策。 最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网页"同源"。所谓"同源"指的是"三个相同"。 ```javascript 协议相同 域名相同 端
阅读全文
摘要:@[TOC](页面各种布局概念与区别) # 静态布局(Static Layout) **即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。** 1. 布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min
阅读全文
摘要:九种跨域方式实现原理 前言什么是跨域?什么是同源策略及其限制内容?常见跨域场景 跨域解决方案jsonpJSONP 原理JSONP 和 AJAX 对比JSONP 优缺点JSONP 的实现流程jQuery 的 jsonp 形式 cors简单请求复杂请求 postMessagewebsocketNode
阅读全文
摘要:html加载和解析流程 注意:为了更好的体验,渲染引擎会尽可能早地将内容呈现到屏幕上,并不会等到所有HTML都解析完成之后再去构建和布局render树,一边渲染内容一边下载资源。 HTML页面加载和解析流程: 用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回
阅读全文