HTML5 虽然很多年了，但是真的了解不不够不够。主题说的是 storage时间，说起对 storage 事件的了解还是从 QQ音乐 说起。QQ音乐的主页是 https://y.qq.com , 而实际播放的页面是 https://y.qq.com/portal/player.html。你在其他里面点击播放或者添加的时候，你会发现 https://y.qq.com/portal/player.html 会实时的变化。当前我想，这个神奇啊，当前想法是如下，可是怎么想都比较low啊。1. 存入 localStorage 或者 indexedDB里面，...
摇一摇JS脚本逻辑：接下来是移动端JS脚本逻辑的实现，摇一摇的实现需借助html5新增的devicemotion事件，获取设备在位置和方向上的改变速度的相关信息，该事件的基本使用如下：if (window.DeviceMotionEvent) {window.addEventListener(‘devicemotion‘, handler, !1);lastTime = new Date(); } else {alert(‘你的浏览器不支持摇一摇功能.‘); }devicemotion事件对象中有一个accelerationIncludingGravity属性，该属性包括：一个包...
全局属性和事件能够应用到所有标签元素上，在HTML4中有许多全局属性，比如id，class等。HTML5中又新增了一些特殊功能的全局属性和事件。 属性： HTML5属性能够赋给标签元素含义和语境，下面的全局属性可用于任何 HTML5 元素。 属性描述contenteditable规定是否允许用户编辑内容。contextmenu规定元素的上下文菜单。draggable规定是否允许用户拖动元素。dropzone规定当被拖动的项目/数据被拖放到元素中时会发生什么。hidden规定...
用于服务器实时向客户端推送消息，这个是单向推送server to client服务器端 header头 要想服务器端推送：在服务器端的报头要定义： header(‘Content-Type:text/event-stream‘),服务器发送的响应内容应该使用这种`text/event-stream`的MIME;这样客户端才能理解你这是发送的不是普通的数据， eventsource对象才能识别 事件流 服务器端发送事件流（内容）; 每执行一次php文件就产生一个事件流； 事件流是由多个消...
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><style> .div1{width: 500px; height: 600px; background: yellow; font-size: 22px; position: absolute; bottom: 0;} .div3{width: 500px; height: 600px; background: yellow; font-size: 22px; position: absolute; left: 600px;} li{display: block; width: 50px; height: 50px; background: red; margin-top: 10px;} </style> <script>window....
前言： 每一次遇见问题想到的就是怎么解决？最好的方法还是查询网络媒体，更好的办法是让自己记忆，只有自己理解到了才真正是属于自己。要做一个订单提醒功能，没有使用audio相关的插件，虽然插件无数，还是喜欢自己瞎折腾。(来一些隐形的链接，据说有推广效果，本文原创官网地址：www.pushself.com) 听一个写博客的朋友说周末的博客阅读量明显下降，周末大好时光不出去泡妹子的肯定是有难言之隐的。先来重温一下audio标签的...
主要控制应该何时显示上下文菜单，以便开发人员取消默认的上下文菜单而提供自定义的菜单 <1> 由于该事件是冒泡的，因此可以为document 指定一个事件处理程序，用以处理页面中发生的所有此类事件。 EventUtil.addHandler(document,"contextmenu",function(event){console.log("收到"); //收到})EventUtil.addHandler(document.body,"contextmenu",function(event){console.log("冒泡？");//冒泡？}); <2> 在兼容DOM...
摘要： 全局属性和事件能够应用到所有标签元素上，在HTML4中有许多全局属性，比如id，class等。HTML5中又新增了一些特殊功能的全局属性和事件。属性： HTML5属性能够赋给标签元素含义和语境，下面的全局属性可用于任何 HTML5 元素。属性描述contenteditable规定是否允许用户编辑内容。contextmenu规定元素的上下文菜单。draggable规定是否允许用户拖动元素。dropzone规定当被拖动的项目/数据被拖放到元素中时会发生什么。hid...
问题描述以前的文章中《 PHP微信墙制作，开源 》已经用PHP搭建了一个微信墙获取信息的服务器，然后我就在想推送技术应该怎么解决，上一篇已经用了.NET 的signalr做了一个微信墙，PHP一直没什么好思路，本来想用websocket，但自己写socket要解析websocket协议，PHP有一个比较好的实现是workerman，github地址请戳这里，但是都不是很中意，昨天给自己做官网的时候，看了一下MDN，浏览发现了这个东西“使用服务器发送事件”，突然就有...
近日购入一部微软Lumia 640手机，目的主要就是为了测试年中开发完成的响应式移动web项目，同时也为了将来升级win10 mobile系统。由于我们的项目目前只考虑支持IOS与Android系统，所以只支持了html5触摸事件(如touchstart)。 印象中WP系统应该只支持MS开头(如MSPointerDown)的指针事件，但测试结果很出人意料：项目在WP8.1的Lumia 640手机上竟完全可以正常运行，并支持了所有的触摸事件... 对于这个问题我挺不解的，于是就查...
下面的表格列出了可插入 HTML 5 元素中以定义事件行为的标准事件属性。Window 事件属性 - Window Event Attributes表单事件 - Form Events键盘事件 - Keybord Events鼠标事件 - Mouse Events媒介事件 - Media EventsWindow 事件属性window 对象触发的事件。适用于 <body> 标签：属性值描述onafterprintscript在打印文档之后运行脚本onbeforeprintscript在文档打印之前运行脚本onbeforeonloadscript在文档加载之前运行脚本onblurscr...
web存储 比cookie更好的本地存储方式localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。 sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。使用前,先检查浏览器是否支持 网站列表程序 ?Web SQL 数据库 引入了一组使用 SQL 操作客户端数据库的 APIsopenDatabase：这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。 transacti...
HTML 元素可拥有事件属性，这些属性在浏览器中触发行为，比如当用户单击一个 HTML 元素时启动一段 JavaScript。下面列出的事件属性，可以把它们插入 HTML 标签来定义事件行为。HTML 4.01 与 HTML 5 之间的差异 HTML 5 中的新事件：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。 不再...
这次给大家带来JS+HTML5实绑定鼠标事件的粒子动画，JS+HTML5实绑定鼠标事件粒子动画的注意事项有哪些，下面就是实战案例，一起来看一下。<!DOCTYPE html> <html lang="en"> <head> <meta charset=gbk> <title>粒子效果演示</title> <meta name="description" content="HTML5/canvas demo, 500 particles to play around with." /> <meta name="keywords" content="html5,canvas,javascript,particles,interactive,velocity,program...
第三篇，鼠标事件与游戏人物移动一，假设假设，所有可添加鼠标事件的对象，都有一个mouseEvent方法，添加的鼠标事件同过这个mouseEvent来调用。这样的话，添加鼠标事件，其实只需要给canvas添加一个鼠标事件，然后循环LGlobal类里的childList，即循环所有的可视对象，如果被添加了鼠标事件，那么就调用它相应的方法。二，实现1，给LGlobal类追加mouseEvent方法，然后修改LGlobal类的setCanvas，实现canvas的鼠标事件的添加与调用LG...