-
HTML5中的预加载
在前端开发过程中，我们经常需要加载其他域名下的资源，如script加载js脚本，link加载css样式表，img加载图片，js脚本中import引入其他域名下的模块，css样式表中@import引入其他域名下的样式表等等而html解析是同步阻塞加载，解析到特定的网址资源的时候会停止解析对网络资源进行获取并解析，直至完毕才会向下解析现在已经有了部分方式达到异步加载，如script标签中使用async或defer、图片懒加载等，但随着项目的增大，外部资源的获取速度仍然是影响用户体验重要的影响因素在HTML5中新增了多种方式的预加载配置，每页可以有多个预加载配置项，浏览器会根据这些预加载的配置...
2023-05-16 -
HTML5中的rel属性
rel 属性规定当前文档与被链接的url(使用href=""指定)之间的关系仅<link>标签中使用的rel值： stylesheet：调用外部样式表，用于链接css样式表 icon：指定标题栏,地址栏,收藏栏小图标，rel="shortcut icon" 为了兼容IE，必须包含shortcut才会在IE下显示，IE只支持ico格式 canonical：指明网址的规范版本,用于让搜索引擎知道当前网站中的重复或相似网页中，哪一个页面才是站长想让其抓取与收录的。 author：文档作者，一般指向作者的主页 alternate：备选的源(比...
2019-07-24 -
URL中的的井号
URL中的井号(#)一、涵义井号(#)代表网页中的一个位置，其右面的字符，就是该位置的标识符浏览器读取这个URL后，会自动将标识符位置滚动至可视区域。为网页位置指定标识符，有两个方法 使用锚点，通过a标签的name属性指定，如<a name="demo"></a> 使用id属性，通过元素的id属性指定，如<div id="demo"> 二、HTTP请求不包括井号(#)是用来指导浏览器动作的，对服务器端完全无用三、#后的字符在第一个井号(#)后面出现的任何字符，都会被浏览器解读为位置标识符，这些字符都不会被发送到服务器端。 如下面URL的原意是指定一个颜色值： http:...
2018-05-18 -
HTML5的WebSocket
WebSocket提供了一个受欢迎的技术，是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术，以替代我们过去几年一直在用的Ajax技术。一、什么是WebSocket API?WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字，是基于TCP协议上的独立的通信协议，使用ws或wss协议，可用于任意的客户端和服务器程序。WebSocket定义了两种URI格式, “ws://“和“wss://”，类似于HTTP和HTTPS, “ws://“使用明文传输，默认端口为80，”wss://“使用TLS加密传输，默认端口为443。在建立WebS...
2017-08-21 -
HTML5 服务器发送事件
HTML5 服务器发送事件(server-sent event)是单向消息传递，它允许网页获得来自服务器的更新，以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。创建EventSource 对象用于接收服务器发送事件通知var source=new EventSource("demo_sse.php");事件open当成功与服务器建立连接时产生事件message当收到服务器发送的事件时产生source.onmessage=function(event){alert(event.data);}事件onerror当出现错误时产生另外，还需要能够发送数据更新的服务器。服务器端事件流的...
2017-08-21