WebSocket是HTML5提供的一种在单个 TCP 连接上进行全双工通讯的协议，实现一次握手便可持续链接，实时响应，直到其中一方主动关闭。解决了传统的网站数据请求方式存在的许多问题，如最Ajax轮询存在的由于频繁发送请求增加服务器压力，因请求头部可能相对比较长而浪费带宽，无法实现真正的实时的“请... ...
分类：
Web程序 时间：
2020-06-26 12:34:09
阅读次数：
77
在HTML5 Canvas画布中，我们可以根据曲线的方程绘制出曲线。例如，在笛卡尔坐标系中，圆的方程为： x=r*cos(θ) y=r*sin(θ) （0≤θ≤2π） 编写如下的HTML代码。 <!DOCTYPE html> <head> <title>圆</title> <script type= ...
分类：
编程语言 时间：
2020-06-26 10:25:33
阅读次数：
91
node.js 一、浏览器 1、浏览器的组成 人机交互部分 - UI 网络请求部分 - socket JavaScript引擎部分 - 解析执行js 渲染引擎部分 - 渲染 HTML、CSS等 数据存储部分 - cookie、HTML5中的本地存储LocalStorage、SessionStorag ...
分类：
Web程序 时间：
2020-06-25 21:15:48
阅读次数：
68
1. 首先，要想接收从其他的窗口发过来的消息，就必须对窗口对象的message事件进行监听，如下代码： window.addEventListener(“message”, function(){},false); 2. 其次，需要使用window对象的postMessage方法向其他窗口发送消息， ...
分类：
Web程序 时间：
2020-06-25 19:48:14
阅读次数：
79
效果： <!Doctype html> <html> <head> <meta charset="utf-8"> <title>MUSIC</title> <style type="text/css"> *{margin:0px;padding:0px;} #bg{position:absolute ...
分类：
Web程序 时间：
2020-06-25 16:07:21
阅读次数：
100
这种效果自己可以基于 HTML5 和 CSS3 来实现垂直时间轴，需要循环遍历数据，判时间轴的长度，在做一定的适配，可以响应页面布局，在 PC 和移动手机上做到很好的自适应，但是需要一些对前端知识有一定的了解。 其实，通过报表工具实现那种垂直的时间轴记录表是很容易的，设置也很简单，通过带有一个带有时 ...
分类：
其他好文 时间：
2020-06-24 17:49:55
阅读次数：
99
? window.sessionStorage ? window.localStorage 1. 本地存储 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经 常性在本地存储大量的数据，HTML5规范提出了相关解决方案。 本地存储特性 1、数据存储在用 ...
分类：
其他好文 时间：
2020-06-24 10:29:22
阅读次数：
45
1.概述：全文搜索属于最常见的需求，开源的 Elasticsearch （以下简称 Elastic）是目前全文搜索引擎的首选。Elastic 的底层是开源库 Lucene。但是，你没法直接用 Lucene，必须自己写代码去调用它的接口。Elastic 是 Lucene 的封装，提供了 REST AP ...
分类：
Web程序 时间：
2020-06-23 15:02:00
阅读次数：
62
html如何垂直居中一个浮动元素//方法一：已知元素的高宽#div1{background-color:#6699FF;width:200px;height:200px;position:absolute;//父元素需要相对定位top:50%;left:50%;margin-top:-100px;/ ...
分类：
Web程序 时间：
2020-06-22 11:14:43
阅读次数：
82
HTTP HEADERS中包含一个属性X-Content-Type-Options，将其设置为nosniff可禁止浏览器对后端返回的数据进行类型解析，而强制以Content-Type返回的mime-type进行渲染。 HTML5中，iframe会有一个sandbox属性，它可控制限制iframe的行 ...
分类：
Web程序 时间：
2020-06-22 10:50:37
阅读次数：
79
