メモ用サブブログ

子曰わく學びて時にこれを習う。

JavaScript

JavaScript callメソッド

Elastic SVG Elements | コリスというライブラリ(?なのか?これは)のソースを見ていたら次のようなコードを見つけた。 [].slice.call( document.querySelectorAll( 'button.button--effect-2' ) ).forEach( function( el ) { new SVGButton( el, { speed …

Chrome 拡張。設定のGUIやアイコンクリック時のポップアップのビューの作り方

{ "background": { "page": "background.html", "persistent": false }, "browser_action": { "default_icon": "icon64.png", "default_popup": "popup.html", "default_title": "Create Link" }, "content_scripts": [ { "all_frames": true, "css": [ ], "…

JavaScript 引数を設定してない関数でもargumentsという変数で引数が取れる

> test = function(){ ... console.log("0:%s, 1:%s, 2:%s", arguments[0], arguments[1], arguments[2]); ... } [Function] > test() 0:undefined, 1:undefined, 2:undefined > test(1,2,3) 0:1, 1:2, 2:3 > test("wan","nyaa","wahaa") 0:wan, 1:nyaa, 2:w…

JavaScript Math.floorを使わずにビット演算で小数点を切り捨て

> Math.random()*16777216 1032588.9140625 > Math.random()*16777216<<0 15867770 Math.floorより高速ということかな? ネタ元:https://github.com/patrickkunka/easydropdown/blob/master/src/jquery.easydropdown.js 開眼! JavaScript ―言語仕様から学ぶ…

Dynatable.js のCustom Queryで文字列を検索する

Dynatable.js - jQuery plugin for HTML5+JSON interactive tables and more というとても高機能で便利なテーブル関連のjQueryプラグインがあるのだが、その中のとても目ぼしい機能であるCustom Query。 サンプルを見ていただければわかるが inputs: { queri…

Javascript 小数点足し算

> 1+2 === 3 true > 0.3 === 0.3 true > 01+0.2 === 0.3 false > 0.1+0.2 0.30000000000000004 Why does this happen? 0.1 +0.2 is equal to 0.30000000000000004. What you need to know is that all JavaScript numbers are floating points represented i…

JavaScript 配列内の最大、最小の値を抽出

var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411]; var maxInNumbers = Math.max.apply(Math, numbers); var minInNumbers = Math.min.apply(Math, numbers); 45 Useful JavaScript Tips, Tricks and Best Practices | Flippin' Awesome F…

JavaScript ランダムな英数字を生成ワンライナー

> Math.random().toString(36) '0.fyhg9kuze4su4n29' 全文 function generateRandomAlphaNum(len) { var rdmString = ""; for( ; rdmString.length < len; rdmString += Math.random().toString(36).substr(2)); return rdmString.substr(0, len); } 45 Usef…