为什么需要HTML5的桌面通知 传统的桌面通知可以写一个div放到页面右下角自动弹出来，并通过轮询等等其他方式去获取消息并推送给用户。这种方式有个弊端就是：当我在使用京东 进行...

效果图： 提示： 把代码复制到一个html文件中并保存，直接打开即可看到效果。 实现代码： !DOCTYPE htmlhtmlheadmeta charset = gbktitleHTML5 Demo/titlestyle type=text/css#apDiv1 {position:absolute;width:120px;...

本文概述 长期以来,音频与视频信息的捕捉一直是Web开发中的一个难点。许多年来,我们一直依赖浏览器插件来实现这个需求。 在HTML 5中,出现了许多可以访问硬件设备的API,例如访问GPS设...

前言 摘要：2D 的俄罗斯方块已经被人玩烂了，突发奇想就做了个 3D 的游戏机，用来玩俄罗斯方块。。。实现的基本想法是先在 2D 上实现俄罗斯方块小游戏，然后使用 3D 建模功能创建一...

本想在一个fillRect中抠出一个区域来给我用的，这个是在学clip方法的时候用到的 但是怎么也弄不出扣的区域，代码如下 !DOCTYPE html html head meta charset=utf-8 title/title /head body canvas id=canvas...

camera api (含图片预览) 主要为利用input type=file, accept=image/* 进行处理 图片预览方式（两种） const file = e.target.files[0]// 方式1 const url1 = window.URL.createObjectURL(file);let url2// 方式2const reader =...

教程是直接按弧度进行编写的 自己又试着用角度重新编写了一份，有些差别，总结起来还是用弧度比较方便，当然两种哪种理解的容易可以自行斟酌 写代码有时候不一定要按照教程一...

最近在做网页版图片处理相关的项目，也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道，在浏览器端实现图片添加水印功能，通常的做法就是使用 canvas...

前言 前些天，线上笔试的时候，发现需要浏览器同意开启摄像头，感觉像是 js 调用的，由于当时笔试，也就没想到这么多问题。今天闲来无事，看了下自己的 todo，发现有这个调用摄像...

HTML5允许我们使用 元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西，比如我们添加的内容的类型，它所在的语言，当然还有对包含实际字幕信息的文本文件的引用。...

收集总结的HTML5的新特性，基本除了IE9以下都可以使用。 HTML5语法 大部分延续了html的语法不同之处：开头的 !DOCTYPE html html lang=zh-CNmeta charset=utf-8 字符编码变得简洁， 不区分大小写，...

卷积什么是卷积？ 就跳过一些用专业属于描述专业术语看完懵逼的解释了， 语文成绩很差的我尝试从字面解释什么是卷积... 卷，理解成一种压缩；积，乘积，积累； 卷积需要一个卷积...

定义 只读的 localStorage 允许你访问一个 Document 的远端（origin）对象 Storage；数据存储为跨浏览器会话。localStorage 类似于 sessionStorage，区别在于，数据存储在 localStorage 是无期限的，而数...

一，背景 因为网站系统的日益庞大，不同域名业务，甚至不同合作方网站的cookie可能或多或少需要进行共享使用，遇到这个情况的时候，大家一般想到的是使用登录中心分发cookie状态再...

在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的 数据存储 sessionStorage - 针对 一个 session 的数据存储 之前，这些都是由 cookie 完成的。但是...

解决方法如下所示： 直接在CSS 文件中添加狼蚁网站SEO优化的代码，就可以实现了在手机端禁止粘贴复制的功能： XML/HTML Code 复制内容到剪贴板 *{ -webkit-touch-callout:none;/*系统默认菜单被...