首页 / 前端开发 / HTML

HTML锚点几种方式

HTML锚点几种方式1. 在同一页面中<a name="add"></a><!-- 定义锚点 --><a href="#add">跳转到name为:add 的标签</a>2. 在不同页面中,锚点定位在a.html中,从b页面的链接跳转到这个...

2019-06-10
标签: JavaScript  HTML    112

HTML5实现拖动DIV交换位置详解

主要是利用HTML5提供的API接口实现拖动元素 “交换位置”   单纯的用H5来实现的话,用户体验并不好。 一般都是利用js的mousedown mouseup mousemove来实现 <!DOCTYPE html> <html>&...

2019-05-18
标签: JavaScript  HTML    203

Json Web Token(JWT) 解析

JWT 是一个开放标准(RFC 7519),它定义了一种用于简洁,自包含的用于通信双方之间以 JSON 对象的形式安全传递信息的方法。JWT 可以使用 HMAC 算法或者是 RSA 的公钥密钥对进行签名。它具备两个特点:简洁(Compact)可以通过URL, POST 参数或者在 HTTP head...

2018-02-07
标签: JavaScript  PHP  HTML    52

关于JWT的数据存储在哪里的问题

如何存储这些令牌。如果你正在构建一个web应用程序,你有两种选择:*HTML5 Web Storage (localStorage或sessionStorage)*Cookies1.JWT localStorage (localstorage,没有时间限制的存储,会一直存放在浏览器中)  ...

2018-02-05
标签: JavaScript  PHP  HTML    73

EventSource实现页面消息推送 与 websocket 的区别

WebSocket是什么: WebSocket是一种通讯手段,基于TCP协议,默认端口也是80和443,协议标识符是ws(加密为wss),它实现了浏览器与服务器的全双工通信,扩展了浏览器与服务端的通信功能,使服务端也能主动向客户端发送数据,不受跨域的限制。有什么用: WebSocket用来解决htt...

2018-01-03
标签: HTML    52

video标签中的视频资源以blob:http形式播放的探究

首先blob:https并不是一种协议,而是html5中blob对象在赋给video标签后生成的一串标记,blob对象对象包含的数据,浏览器内部会解析;通过js代码处理可以把后端传来的视频二进制数据添加到video标签里<!DOCTYPE html><html><hea...

2017-06-06
标签: JavaScript  HTML    62

【转】看完让你彻底搞懂Websocket原理 即时消息通讯

偶然在知乎上看到一篇回帖,瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里,分享一下。比较喜欢看这种博客,读起来很轻松,不枯燥,没有布道师的阵仗,纯粹为分享。废话这么多了,最后再赞一个~一、websocket与httpWeb...

2016-07-06
标签: HTML    45