画像ファイルをドロップすると、img要素で表示するWYSIWYGエディタもどき。
送信用コードも書いてあるものの、送信先を外部ドメインにすることで、
送信中に必ずエラーが出るようにしている。
This file contains hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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