遇到问题：找到图片img元素后，将参数传给context.drawImage(image,10,10)后图片并没有在画布上展示。 解决方案：在外层嵌套document.images[0].onload=function(){}。 代码如下： document.images[0].onload=fun ...
分类：
其他好文 时间：
2020-05-10 19:35:34
阅读次数：
126
HTML5 视频和音频的 DOM 参考手册 HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。 这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。 HTML5 Audio/Video 方法 方法描述 addT ...
分类：
Web程序 时间：
2020-05-10 17:04:20
阅读次数：
72
描述 HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。 不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。 ...
分类：
Web程序 时间：
2020-05-10 17:04:03
阅读次数：
81
全局事件属性 HTML 4 增加了使事件在浏览器中触发动作的能力，比如当用户点击元素时启动 JavaScript。 如需学习更多有关事件编程的知识，请访问我们的 JavaScript 教程。 下面列出了添加到 HTML 元素以定义事件动作的全局事件属性。 = HTML5 中新的事件属性。 Windo ...
分类：
Web程序 时间：
2020-05-10 17:01:18
阅读次数：
74
HTML 属性赋予元素意义和语境。 下面的全局属性可用于任何 HTML 元素。 HTML 全局属性 = HTML5 中添加的属性。 属性描述 accesskey 规定激活元素的快捷键。 class 规定元素的一个或多个类名（引用样式表中的类）。 contenteditable 规定元素内容是否可编辑 ...
分类：
Web程序 时间：
2020-05-10 16:52:56
阅读次数：
80
工作中总结的一些比较重要的前端技能，觉得在面试中比较合适提问，即能查看出面试者的技术功底，又能考察其知识体系的广度。适用于应届生和工作年限两年下的同学，掌握下面的知识基本满足工作需求了。更高年限的开发工程师则应该更注重架构能力而不是具体的技术细节。 HTML5 语义化标签，meta元数据标签，考察其 ...
分类：
其他好文 时间：
2020-05-10 12:50:57
阅读次数：
60
ing... 背景 是什么 API 使用WebSocket构造函数创建webSocket对象。 var webSocket = new WebSocket('ws://localhost:8080'); 构造器创建的时候就会开始建立连接(跟服务进行握手操作)，并且readyState等于0。 如果握 ...
分类：
Web程序 时间：
2020-05-10 12:37:14
阅读次数：
64
HTML5 拖放 一、为了使元素可拖动，把 draggable 属性设置为 true <div draggable="true"></div> 二、添加事件监听 DragEvent HTML5拖放有如下事件 drag事件：拖拉过程中，在被拖拉的节点上持续触发。 dragstart事件：拖拉开始时在被 ...
分类：
Web程序 时间：
2020-05-10 11:22:13
阅读次数：
89
HTML5扩展了 HTMLDocument ，增加了新的功能。与HTML5中新增的其他DOM扩展类似，这些变化同样基于那些已经得到很多浏览器完美支持的专有扩展。所以，尽管这些扩展被写入标准的时间相对不长，但很多浏览器很早就已经支持这些功能了。 1. readyState 属性 IE4最早为 docu ...
分类：
Web程序 时间：
2020-05-10 11:18:45
阅读次数：
87
对于传统HTML而言，HTML5是一个叛逆。所有之前的版本对JavaScript接口的描述都不过三言两语，主要篇幅都用于定义标记，与JavaScript相关的内容一概交由DOM规范去定义。 而HTML5规范则围绕如何使用新增标记定义了大量JavaScript API。其中一些API与DOM重叠，定义 ...
分类：
Web程序 时间：
2020-05-10 10:32:27
阅读次数：
67
