画像ファイルをドロップすると、img
要素で表示するWYSIWYGエディタもどき。
送信用コードも書いてあるものの、送信先を外部ドメインにすることで、
送信中に必ずエラーが出るようにしている。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var h = require('virtual-dom/h'); | |
var diff = require('virtual-dom/diff'); | |
var patch = require('virtual-dom/patch'); | |
var createElement = require('virtual-dom/create-element'); | |
var Hammer = require('hammerjs'); | |
var requestAnimationFrame = require('raf'); | |
/** | |
* イベント用のHook、`EvHook`を定義 | |
*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* data-alert属性 | |
*/ | |
window.addEventListener('click', function(e){ | |
var target = e.target; | |
if (target.dataset.hasOwnProperty('alert')) { | |
alert(target.dataset.alert); | |
} | |
}, false); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* @see http://stackoverflow.com/questions/3277182#3277192 | |
*/ | |
var isStrictModeSupported = (function() { 'use strict'; return !this; }()); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Uint8ClampedArray/CanvasPixelArrayの比較処理 - パフォーマンス計測 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
合成除外の文字以外で構成された文字列の置換 - パフォーマンス計測 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
『input要素のtext属性(他)の左内側の余白を空ける方法 - Qiita』のサンプル |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Get style property (CSSStyleDeclaration object) of Pseudo Elements / 擬似要素のstyleプロパティ(CSSStyleDeclarationオブジェクト)を取得 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Online and offline events example |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<meta charset=utf-8> | |
<meta name=viewport content="width=device-width,initial-scale=1"> | |
<meta name=format-detection content="telephone=no,email=no,address=no"> | |
<title>The DOM input event run test</title> | |
<h1>The DOM input event run test</h1> | |
<!--<p><label><input type=hidden>: <input type=hidden></label>--> | |
<p><label><input type=text>: <input type=text></label> | |
<p><label><input type=search>: <input type=search></label> |
OlderNewer