javascript

※随時加筆していきます。

Vue.js3系 Composition APIをどのように書けば良いのか

別ディレクトリにコンポーネント(components)やモジュール(modules)などで機能ごとにJSファイルを分け（e ...

状況

localStorageはブラウザ上にデータを保存するもので、保存期間の制限は無い。localStorageにデータを保存する場合に、そもそも使用可能な状態なのかを確認したい。

localStorage

localSto ...

状況

配列の要素を連結させて、カンマ(スペース)区切りで文字列にしたい。

$.each

配列、オブジェクトに対して繰り返し処理する。

let txt = '';let data = ;$.each(data,functi ...

button

ボタンクリック時にdisabledにする。この場合にはattrではなく、propを使うのが良さそう。

<button class="hoge"></button>$(.hoge).on('click', ...

状況

ファイル選択時に、間違ったのでキャンセルしたい場合。空で送りたいが、classやtext、srcを空にしても空の状態で送信できない場合。

解決

files.lengthを0以下で条件分岐させて処理したかった。valueを ...

beforeunloadchromeの場合入力作業等が途中の状態でブラウザバックなどでページを離れようとする際、ページに留まらせたい場合に、ダイアログボックスをポップアップさせて、ユーザーに確認を求める。
ググると離脱時に独自メッセー ...

cURL error 28: Opereation timed out

ajaxの処理自体は上手くいってるものの、タイムアウトによりエラーを返してきてる場合。
このエラーは、Webサイトでcurlリクエストの実行中に、タイムアウ ...

Promiseとは

非同期処理において処理が完了した時点で結果(値)を返す。
処理中は、待機状態に入り(何もしない)、処理完了後に履行(完了)か拒否(失敗)を返す。
その後、then()によって履行か拒否かを問わず、関連 ...

配列の分割代入//例1//分割代入で書いてみるlet arr1 = ;let = arr1;console.log(t1);console.log(t2);console.log(t3);//例2//関数使用const getTarget ...

name属性とかclass名で処理を分けたい

ブログでも登録フォームでも良いが、同じページ内で同じ処理を行う場合がある。
複数あるtooltipをクリックする。タブやメニューを切り替えたい。次へとか送信ボタンとか同じ挙動させたい ...