要素リストをループで回して addEventListener するみたいな、よくあるサンプルを断罪してみる - hogehoge @teramako
function setButtonHandler () { var buttons = document.querySelectorAll(".hogeButton"); for (var i = 0, len = buttons.length; i < len; ++i) { (function(n) { buttons[i].addEventListener("click", function() { alert(n); }); }(i)); } } って感じのコードってあるじゃないですか。JavaScript で陥りがちな落とし穴を解決するみたいな感じで。 でも、これって本当は良いコードじゃないよね。 (function(n) {.... }(i)) が格好わるいっていうか、毎回即時関数実行かよっていうね click のハンドラーも同じコードなのにループ数分生成しちゃってるよねー
スマホ向けWebアプリ開発で使えるフロントエンド高速化手法
[JAZUG青森 今から始めるMicrosoft Azure ～すぐに使えるクラウド活用術～ - Japan Azure User Group | Doorkeeper](https://jazug.doorkeeper.jp/events/20654) で話しました。 各スライドのサンプルコードは以下にて公開しています。 https://github.com/nnasaki/JAZUG-AOMORI/pulls?q=is%3Apr+is%3Aclosed （APIキー込みなので、皆さんチェックアウトしてすぐ動くはず） また、作ったアプリは皆さんのAndroidにインストールして動かせますのでお試しください。 https://dply.me/3qkwyp
Javascriptでヒアドキュメント - Qiita
そろそろ「テンプレート文字列」を使用しても問題なくなってきたので、こちらを使用しまよう。 テンプレート文字列 - JavaScript | MDN Multi-line strings in JavaScript and Node.js 面白い記述のしかたを発見。 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script> <style> .title{ width:100%; height:240px; line-height:240px; text-al
Bridge Word
This shop will be powered by Are you the store owner? Log in here
JavaScriptの多重継承とオーバライド - JavaScriptの個人的なメモ (その2) - プラグインレスでSVGを表示する「SIE」開発ブログ
JavaScriptで多重継承 前回のメモでは、JavaScriptにおける多重継承のやり方を書いておきました。これを見て、メソッドのオーバライドのやり方が気になった人もいるかもしれません。 前回のメモ - JavaScrpitの個人的なメモ http://d.hatena.ne.jp/dhrname/20121002 そこで、今回は、前回に続けて、メソッドのオーバライドのやり方を説明します。 前回と同様に、JavaScript以外の言語を習得している人を念頭においています。 メソッドのオーバライド まず、Super1とSuper2の2つのコンストラクタ関数を用意します。 それらをChild関数に継承させます。このChild関数には、親と同じ名前のメソッドが登録されています。このメソッドに親のメソッドをオーバライドさせてみましょう。さらに親のメソッドも呼び出します。これはクロージャを使えば
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webpack4→webpack5をして、Module not found: Error: Can't resolveが出た場合、'html-loader'を削除しろ
