Eckid考勤机

Work in the dark to serve the light

Array.prototype.map()学习

Array.prototype.map()学习文档中对于 map() 方法的定义为： map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。Mozilla 标准库 » 语法为： ` array.map(callback[, thisArg]) ` 然而下面这道题： What is the result of this expression? (o...

Posted by eckid on March 6, 2016

使用 HTML5 原生 Drag & Drop API [译]

Using HTML5’s Native Drag and Drop API

使用 HTML5 原生 Drag & Drop API 文章介绍了 HTML5 原生 API Drag 和 Drop，并结合这两个 API 制作出几个常见的案例。原文 » 人人都喜欢易于使用且交互性好的用户界面，自从智能手机开始进入人们视野，用户对于用户界面的期望值有了进一步的提高：他们期待你的网站更加直观、具有通用简明的操作，总而言之就是给用户提供更便捷的方式去使用你的网站。...

Posted by eckid on March 5, 2016

Js获取和操纵XML简介

Js获取和操纵XML简介最近用到了JS读取XML文件的一些操作，记录一下。 XML中往往是自定义的一些标签和属性的类似HTML的文档节点，所以JavaScript操纵XML也是通过DOM方式。 XML文件的获取通过AJAX来实现。其中，如果直接使用原生JavaScript获取XML需要考虑浏览器的兼容性。在这里记录js和jQuery获取XML的方式。 JS方法的一个例子 wind...

Posted by eckid on January 11, 2016

easel.js移动捕捉实例

easel.js移动捕捉实例页面演示 demo Create.js是一个HTML5的javascript库，提供了完整的javascript游戏开发包。其中有四个组件，分别是： easel.js preload.js tween.js sound.js 其中easel.js提供了针对HTML5的canvas的开发库。在这里用它实现了一个demo中追踪鼠标移动和点...

Posted by eckid on December 28, 2015

HTML5拖放 drag & drop

HTML5拖放 drag & drop HTML5提供拖放操作的API。拖放的基本操作会涉及四个步骤：拖动开始，设置拖动数据，放入位置，放置。拖动开始 ondragstart() 设置拖动数据 setData() 放入位置 ondragover() 放置 ondrop() 图片等元素可以直接拖动，而对于div等不能直接拖动的，可以为其设置draggabl...

Posted by eckid on December 13, 2015

web worker基础

web worker基础 Web Workers 是 HTML5 提供的一个javascript多线程解决方案，它允许在浏览器后台执行javascript脚本，能够执行事务或者逻辑，并与页面及时的交互和响应。主要方法 postMessage() 用于交互数据 terminate() 终止web worker，释放资源事件 onmessage ...

Posted by eckid on December 10, 2015

<progress><meter>标签

<progress><meter>标签 JS控制 <progress>标签用于定义运行中的进度（进程） <meter>标签用来表示度量用法示例 <p>当前进度为:<progress max="100"><span id="progress">0</span>%</progress&g...

Posted by eckid on December 10, 2015