タグ

関連タグで絞り込む (218)

タグの絞り込みを解除

javascriptとJavascriptに関するiwwのブックマーク (895)

  • String.prototype.trim() - JavaScript | MDN

    標準組み込みオブジェクトStringコンストラクターString() コンストラクター静的メソッドString.fromCharCode()String.fromCodePoint()String.raw()インスタンスメソッドString.prototype.anchor() 非推奨 String.prototype.at()String.prototype.big() 非推奨 String.prototype.blink() 非推奨 String.prototype.bold() 非推奨 String.prototype.charAt()String.prototype.charCodeAt()String.prototype.codePointAt()String.prototype.concat()String.prototype.endsWith()String.prototyp

    String.prototype.trim() - JavaScript | MDN
  • JavaScriptの厳密な曖昧な比較 - Qiita

    PHP / JavaScript JavaScriptの等価演算子は==と===の2種類です。 ==は値の比較だけ行い、===は値と型の両方を比較する、とよく言われますが、実は正しくありません。 正しくは、===は型と値の比較を行い、==は両方の型を揃えてから===で比較する、です。 この自動型変換、勝手に行われるうえに動作がアバウトでバグの温床だからやめろー==滅ぶべし慈悲はない、とかよく言われますが、実際はアバウトどころか厳密な定義に基づいて正確に動作しています。 きちんと理解して使えば強い味方となってくれるはずです。 詳細な定義がECMA2016の7.2.13 Abstract Equality Comparisonにあったので見てみましょう。 以下は==および===を表す擬似コードです。 ===を使って===を定義してるので正確なものではありませんが、まあイメージと思ってください。

    JavaScriptの厳密な曖昧な比較 - Qiita
    iww
    iww 2019/01/28
    『きちんと理解して使えば強い味方となってくれるはずです。』
  • Number.prototype.toFixed() - JavaScript | MDN

    標準組み込みオブジェクトNumberコンストラクターNumber() constructorプロパティNumber.EPSILONNumber.MAX_SAFE_INTEGERNumber.MAX_VALUENumber.MIN_SAFE_INTEGERNumber.MIN_VALUENumber.NaNNumber.NEGATIVE_INFINITYNumber.POSITIVE_INFINITYメソッドNumber.isFinite()Number.isInteger()Number.isNaN()Number.isSafeInteger()Number.parseFloat()Number.parseInt()Number.prototype.toExponential()Number.prototype.toFixed()Number.prototype.toLocaleStrin

    Number.prototype.toFixed() - JavaScript | MDN
    iww
    iww 2019/01/26
    小数点をそろえてくれるやつ
  • JavaScriptで配列やオブジェクトを比較して等しいかチェックする方法 | jMatsuzaki

    JavaScriptで配列やオブジェクトを比較して等しいかチェックする方法 2015年11月1日投稿 カテゴリ:JavaScript 著者: jMatsuzaki photo credit: Rootkit code via photopin (license) 私の愛しいアップルパイへ あなたの悩み事を当ててみましょう。「文字列や数値の比較はいいとして、配列やオブジェクトを2つ比較して等しいかどうかをJavaScriptで判別したいわ」ってことでしょう。 よろしい、私にはあなたのその質問に答える準備があります。今回はJavaScriptを例に説明しますが、他の言語でも応用できるはずです。 ▼少なくともJavaScriptでは以下のように配列やオブジェクトをそのまま比較するようなことはできません。 array1 == array2 そこで、配列やオブジェクトの中身をjsonに変換してから比

    JavaScriptで配列やオブジェクトを比較して等しいかチェックする方法 | jMatsuzaki
  • JavaScript アロー関数を説明するよ - Qiita

    つまり関数リテラルとはソースコードに直接べた書きされた関数のこと。 JavaScriptでは関数はデータ型のひとつなので、変数に代入したり、関数の引数として渡したり、戻り値として関数を返すことが可能です。 関数リテラルの例 let getTriangle = function(base,height){ return base * height / 2; }; console.log('三角形の面積は' + getTriangle(10,2));//三角形の面積は10 関数リテラルは宣言した時点では名前を持たないことから 匿名関数 無名関数 と呼ばれます。 上記の例ではfunction(base,height){...};と名前のない関数を定義した上で変数getTriangleに格納しています。 以上が関数リテラルの説明になります。 ここでなぜ関数リテラルの説明をしたかというと、アロー関数

    JavaScript アロー関数を説明するよ - Qiita
  • JavaScriptでparseIntの仕様がいまいちなので、僕の作った最強のparseInt、を考えてみる。 - Qiita

    JavaScriptでparseIntの仕様がいまいちなので、僕の作った最強のparseInt、を考えてみる。JavaScript型 parseIntの第二引数を書いているあなた。 書いていますよね。parseInt。 文字列から整数値に変換するときに使うやつです。 そして、そのときは必ず指定しますよね。第二引数。 これはねちょっとね。つらいですよ。 毎朝 JavaScriptで文字列を数値に変換する:Number(), parseInt(), parseFloat() | UX MILK 毎朝ちゃんと飲むUX、のサイトで学んでおられると思いますので、毎朝ちゃんと parseInt について書いてますよね。正しく使いたいものです。文字列から整数変換にはparseInt。使いたいものです。 暗黙の型変換とか使っちゃだめですよ。 例えばですが、js parseIntで、検索すると上位に出て来る

    JavaScriptでparseIntの仕様がいまいちなので、僕の作った最強のparseInt、を考えてみる。 - Qiita
  • JavaScriptのswitch文の条件は厳密か?

    JavaScriptでの等価演算子は『==』と『===』の二種類があります。どう違うかというと、単純に説明すると『==』が自動的に型変換して比較してくれる等値演算子で、『===』は型も考慮して比較する同値演算子となります(参考:JavaScriptの等値演算子 (==) と同値演算子 (===) の比較)。 例えば以下の様な感じ。 上記のボタンは、クリックするとそれぞれの比較演算子の結果をアラートで表示するようにしたものです。『1==’1’』は『true』と表示され、『1===’1’』のほうは『false』と表示されます。 参考までに上記のボタンのソースコードは以下のようになっています。 <input type="button" value="1=='1'" onclick="alert(1=='1')"><input type="button" value="1==='1'" oncli

    JavaScriptのswitch文の条件は厳密か?
  • document.フォーム名.action-JavaScriptリファレンス

    HTML + JavaScriptソース <script> <!-- function sample() { document.sampleform.action="sample/formresult.php"; document.sampleform.method="get"; } // --> </script> <form name="sampleform" onSubmit="sample()"> <input type="text" name="sampleinput" value="あいうえお"> <input type="submit" value="送信する"> </form>

    iww
    iww 2018/12/26
    formのidじゃなくてname
  • phiary

    はじめに 『form 値 取得』とかで検索すると for 文で一通りチェックして... jQuery で要素を取得して val() で... ってのがヒットしますよね? これらの方法でも全然問題ないんですが, ピュアな JavaScript でもわりとスマートに値を取得, 設定することができます. っということで今回は, フォーム系要素の値をピュアな JavaScript で取得, 設定する方法を一通りまとめてみました. よかったら参考にしてください. デモ まずはデモです. 一通り form を並べてそれぞれ設定, 取得を行っています. console に各要素の値が表示されているのがわかるかと思います. コード デモのコードです. HTML <form name='mainForm'> <div> <h3>text</h3> <input name='_text' type='text

    phiary
  • JSDoc:メインページ - リファレンス メモ

    トップ 言語 等 CSS HTML JavaScript Python ライブラリ・プラットフォーム jQuery micro:bit Xamarin ドキュメンテーション Doxygen JSDoc Markdown SHFB (Sandcastle Help File Builder) XML ドキュメント コメント その他 各種資料 子サイト・SNS 簡易リファレンス・Tips Facebook X サポート寄付 JSDoc (起動・タグ一覧)メイン メモ 起動 起動オプション タグ一覧 外部ファイルコンフィグファイル (-c・--configure) パッケージファイル (-P・--package) READMEファイル (-R・--readme) テンプレート (-t・--template) チュートリアルファイル (-u・--tutorials) マークダウン(Markdown

    iww
    iww 2018/12/19
    きれいで見やすく例示も豊富で使いやすい。 とてもすばらしい。 とくにサンプルの多さが素敵
  • 小さく始める JavaScript のテスト - Qiita

    書かないと怒られるし、書きたいとは思っているが、書くまでの敷居がやたらと高くなってしまった気がしている人へ。 最小のテスト 質的にテストを書くのにフレームワークはいらない。 assertion だけあればいい。 isomorphic にしたいなら、 node の assert モジュールすら使わず console.assert だけで書ける。 // assert function assert(actual, expected) { console.log('.'); console.assert(actual === expected, '\nact: ' + actual + '\nexp: ' + expected); } function TestSum() { assert(1+2, 3); } // exec TestSum(); あとは普通にこのスクリプトを node/io

    小さく始める JavaScript のテスト - Qiita
  • [追記]JavaScriptには\uXXXXがあるんですよ / LiosK-free Blog

    2008-01-14 カテゴリ: Client Side タグ: Tips JavaScript トラックバック [追記]404 Blog Not Found:javascript - \uXXXXを使わない理由を受けて追記 dankogaiさんはあまりJavaScriptのリテラルに詳しくないのかな? 404 Blog Not Found:regexp - 全角英数字を半角に var fascii2ascii = (function(){ var cclass = '['+String.fromCharCode(0xff01)+'-'+String.fromCharCode(0xff5e)+']'; var re_fullwidth = new RegExp(cclass, 'g'); return function(s){ return s.replace(re_fullwidth,

  • JavaScriptで英数を全角/半角に変換する方法 - Qiita

    概要 入力欄に入力された全角英数字をJavaScriptにて半角にする処理 英数字を半角にする場合 全角英数の文字コードから65248個前が半角英数の文字コードとなっている為、 文字コードから65248引いて変換します。 //10進数の場合 str.replace(/[A-Za-z0-9]/g, function(s) { return String.fromCharCode(s.charCodeAt(0) - 65248); }); //16進数の場合 str.replace(/[A-Za-z0-9]/g, function(s) { return String.fromCharCode(s.charCodeAt(0) - 0xFEE0); });

    JavaScriptで英数を全角/半角に変換する方法 - Qiita
    iww
    iww 2018/11/19
    『65248引いて変換します』 男前な変換だな
  • jQuery のセレクタをキャッシュしてみたら180倍くらい早くなった。 キャッシュすべし! | Freelance Journal フリーランス ジャーナル

    初心者だった頃、誰しも一度くらいはこんな感じのコードを書いたことがあるのではないでしょうか? $('#js-button').on('click', function () { $(this).text('click'); }); $('#js-button').on('mouseenter', function () { $(this).text('mouseenter'); }); このコードのどこが問題かというと、$('#js-button')を2回、$(this)を2回書いてしまったところです。 全く同じ処理を4回も行うのは明らかに非効率ですよね。 だから、以下のように、一旦戻り値のjQueryインスタンスオブジェクトを変数にキャッシュしておいて、あとからその変数を参照するようにしたほうが処理が1回で済むので、パフォーマンスが良いです。 var $button = $('#js-b

    jQuery のセレクタをキャッシュしてみたら180倍くらい早くなった。 キャッシュすべし! | Freelance Journal フリーランス ジャーナル
    iww
    iww 2018/10/16
    『キャッシュしたからと言って体感速度が変わるわけではない』
  • 脱jQuery .addClass() .hasClass() .removeClass() .toggleClass() | q-Az

    脱jQuery .addClass() .hasClass() .removeClass() .toggleClass() class 関連の jQuery のメソッドです。以前も一部使いましたが、今回すべてネイティブに書き換えます。 詳しくは 脱jQuery その1 を参照してください。 今回の書き換えは IE10 以上が対象となります。IE9 は利用率も現在は低いためフォローしません。もし IE9 もフォローしたいという場合は以下で調べてみてください。少し難しいですが IE8 までフォローした形で書いてあります。 参考:element.classList(MDN)

    脱jQuery .addClass() .hasClass() .removeClass() .toggleClass() | q-Az
    iww
    iww 2018/09/12
    やはりjQueryは必要悪
  • Math.random() - JavaScript | MDN

    Math.random() 関数は、 0 以上 1 未満 (0 は含むが、 1 は含まない) の範囲で浮動小数点の擬似乱数を返します。その範囲ではほぼ均一な分布で、ユーザーは範囲の拡大をすることができます。実装側で乱数生成アルゴリズムの初期シードを選択します。ユーザーが初期シードを選択、またはリセットすることは出来ません。 メモ: Math.random() の提供する乱数は、暗号に使用可能な安全性を備えていません。セキュリティに関連する目的では使用しないでください。代わりに Web Crypto API (より具体的には window.crypto.getRandomValues() メソッド) を使用してください。

    Math.random() - JavaScript | MDN
    iww
    iww 2018/09/11
    [0, 1)(0以上、1未満)
  • IGN Japan

    IGN Japan is operated under license by Sankei Digital Inc./IGN Japanはライセンスを受けて(株)産経デジタルが運営しています

    IGN Japan
    iww
    iww 2018/09/10
    bundle_ign.js がやたら遅くなる原因なので、読み込まないようにすると快適になる
  • デフォルト引数 | MDN

    JavaScript では、関数の引数は、指定しなければ undefined になります。しかし、別な既定値を設定すると有用な場合がよくあります。そのような場合に、デフォルト引数が役立ちます。 以前は、既定値を設定するための一般的な方法は、関数の体で引数の値を検査し、undefined であった場合に値を代入することでした。 次の例では、b の値を指定せずに multiply を呼び出した場合、a * b を評価するときに b の値が undefined となり、multiply は NaN を返します。

    デフォルト引数 | MDN
  • Vue.js - The Progressive JavaScript Framework | Vue.js

    The Progressive JavaScript Framework Web ユーザーインターフェース構築のための、親しみやすく、パフォーマンスと汎用性の高いフレームワーク。 Vue を使う理由 はじめる インストール Vue 2 のセキュリティー・アップデート 親しみやすい 直感的な API とワールドクラスのドキュメントを使用して、標準的な HTMLCSSJavaScript をもとに構築します。

    Vue.js - The Progressive JavaScript Framework | Vue.js
    iww
    iww 2018/07/23
    ヴュー。 シングルなページを作るときにつかうと良いライブラリというかフレームワーク。 シングルなページは好きじゃない
  • JavaScript 現在のページをリロードしたい - Qiita

    // 現在表示されているページをリロードする location.reload(); // 例: 5秒に一回リロード setTimeout("location.reload()",5000); /* ブラウザの[更新]ボタンを押したときと同じ動作です。 location.reload(true)とするとWEBサーバのデータからリロード、 location.reload(false)とするとキャッシュからリロード。 */

    JavaScript 現在のページをリロードしたい - Qiita
    iww
    iww 2018/07/13
    リロードはレボリューション