私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.90 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
test.html
function hoge() {
~
return false;
}
<a href="#" onclick="hoge();">パターン1</a>
<a href="test.html" onclick="return hoge();">パターン2</a>
<a href="test.html" onclick="hoge(); return false;">パターン3</a>
<a href="javascript:void(0)" onclick="hoge();">パターン4</a>
<a href="javascript:void(0)" onclick="return hoge();">パターン5</a>
<a href="javascript:void(0)" onclick="hoge(); return false">パターン6</a>
<a href="javascript:hoge()">パターン7</a>
<a href="javascript:void(hoge())">パターン8</a>
推奨パターンは何番?
function hoge() {
~
return false;
}
<a href="#" onclick="hoge();">パターン1</a>
<a href="test.html" onclick="return hoge();">パターン2</a>
<a href="test.html" onclick="hoge(); return false;">パターン3</a>
<a href="javascript:void(0)" onclick="hoge();">パターン4</a>
<a href="javascript:void(0)" onclick="return hoge();">パターン5</a>
<a href="javascript:void(0)" onclick="hoge(); return false">パターン6</a>
<a href="javascript:hoge()">パターン7</a>
<a href="javascript:void(hoge())">パターン8</a>
推奨パターンは何番?
<span id="hoge">パターン9</span>
document.getElementById("hoge").addEventListener("click", hoge, false);
function hoge(event) {}
document.getElementById("hoge").addEventListener("click", hoge, false);
function hoge(event) {}
名前空間用の変数を用意して、その直下にメソッドを付けるような書き方をした場合、
それらのメソッドの中でthisキーワードを介して同じ名前空間内の別のメソッドを呼ぶのと、
名前空間から別のメソッドを呼ぶ場合とではどちらが良いですか?
thisでやってしまうと、ローカルスコープ内でエイリアスを作った場合にthisの参照先が変わってしまって
動かなくなると思うんですが、thisでやる場合のメリットってなにかありますか?
それらのメソッドの中でthisキーワードを介して同じ名前空間内の別のメソッドを呼ぶのと、
名前空間から別のメソッドを呼ぶ場合とではどちらが良いですか?
thisでやってしまうと、ローカルスコープ内でエイリアスを作った場合にthisの参照先が変わってしまって
動かなくなると思うんですが、thisでやる場合のメリットってなにかありますか?
質問です、というか疑問なんですが
要素を追加する時
var element = document.createElement('div');
element.id = "id";
element.innerHTML = "hogehoge";
element.style.backgroundColor = 'red';
とやるのが一般的ですが
innerHTML="<div id=\"id\" style=\"background-color:red;\">hogehoge</div>";
とやったほうが解りやすいと思うのですが
このやり方だと不具合があったりするのでしょうか?
要素を追加する時
var element = document.createElement('div');
element.id = "id";
element.innerHTML = "hogehoge";
element.style.backgroundColor = 'red';
とやるのが一般的ですが
innerHTML="<div id=\"id\" style=\"background-color:red;\">hogehoge</div>";
とやったほうが解りやすいと思うのですが
このやり方だと不具合があったりするのでしょうか?
それがわかりやすいと感じる範囲ならそっちでもいい。(innerHTMLが非標準だったりするけど、大抵は動くからOK)
入り組んだものを作る時スピードが必要ならcreateElementじゃないと遅かったり。
あとは、innerHTML+=~だと再描画がかかるけど、appendChildだと再描画されない。
入り組んだものを作る時スピードが必要ならcreateElementじゃないと遅かったり。
あとは、innerHTML+=~だと再描画がかかるけど、appendChildだと再描画されない。
html5からinnerHTMLって標準になったって聞いたのですが使わないほうがいいですか?
>>958
HTML5で標準になってたとして、それ以前は切り捨てOKでいいなら使えばいいんじゃないかな。
HTML5で標準になってたとして、それ以前は切り捨てOKでいいなら使えばいいんじゃないかな。
>>958,961
innerHTMLはガラケーを含む殆どのブラウザで昔から使えるしOK
createElementの方がここ1年くらいでだいぶ改善されたけど基本重いから
古いブラウザやマシンのこと考えるんならそっちの方が非推奨
CREATE中はJSで負荷をかけてる分だけ描画が完全に止まるから
CREATEは簡潔に、APPEND時にブラウザエンジン側に描画と非同期にコストを払わせるinnerHTMLの方がユーザーにとっていい
innerHTMLはガラケーを含む殆どのブラウザで昔から使えるしOK
createElementの方がここ1年くらいでだいぶ改善されたけど基本重いから
古いブラウザやマシンのこと考えるんならそっちの方が非推奨
CREATE中はJSで負荷をかけてる分だけ描画が完全に止まるから
CREATEは簡潔に、APPEND時にブラウザエンジン側に描画と非同期にコストを払わせるinnerHTMLの方がユーザーにとっていい
Javascriptを体験しながら勉強しているのですが
エレメント.style.backgroundColorの
backgoroundColorを指定するのにbackground-colorとか全部小文字にしてて上手く行かず
backgroundColorと書けばいいと判明するのに結構時間がかかりました
皆さん、こういうのって全部覚えているのでしょうか?
それともこういうのが全部ズラーっと並んでる便利なサイトとかがあるのでしょうか?
エレメント.style.backgroundColorの
backgoroundColorを指定するのにbackground-colorとか全部小文字にしてて上手く行かず
backgroundColorと書けばいいと判明するのに結構時間がかかりました
皆さん、こういうのって全部覚えているのでしょうか?
それともこういうのが全部ズラーっと並んでる便利なサイトとかがあるのでしょうか?
>>962
そのためにドキュメントフラグメントが用意されてるだろ?
そのためにドキュメントフラグメントが用意されてるだろ?
http://javascriptist.net/docs/libraries_colorpicker.htmlで紹介されているようなカラーピッカーを作りたいのですが
これはどのように作られているのでしょうか?
rgbで
0,0,0→0,0,255
1,0,0→1,0,255
2,0,0→2,0,255
略
255,255,0→255,255,255
としてforでループしながらdivを生成して、生成したdivにスタイルで対象のrgbを指定していってますが
処理が重すぎて固まってしまいます
これはどのように作られているのでしょうか?
rgbで
0,0,0→0,0,255
1,0,0→1,0,255
2,0,0→2,0,255
略
255,255,0→255,255,255
としてforでループしながらdivを生成して、生成したdivにスタイルで対象のrgbを指定していってますが
処理が重すぎて固まってしまいます
マウスの座標から一発で計算できるとは思いませんかそれ
divの代わりに同じように見えるグラデーション画像一枚用意すれば済むでしょ
divの代わりに同じように見えるグラデーション画像一枚用意すれば済むでしょ
>>971
それ回避する方法おしえて
それ回避する方法おしえて
流石にjQueryとかjQueryUIとかまでは解るが
そーいうメジャーとは言いがたいライブラリはちょっとなぁ
そーいうメジャーとは言いがたいライブラリはちょっとなぁ
ブラウザで右クリックしても画像を保存が出てこなかったので画像じゃないと思ってました
jQuery color pickerをダウンロードしたところライブラリをダウンロードしたら画像だったことを確認しました
失礼いたしました
そこで画像情のマウスで計算できそうですが画像の色が変わるのはcanvasでRGBを変換して作るのが妥当でしょうか?
jQuery color pickerをダウンロードしたところライブラリをダウンロードしたら画像だったことを確認しました
失礼いたしました
そこで画像情のマウスで計算できそうですが画像の色が変わるのはcanvasでRGBを変換して作るのが妥当でしょうか?
んまーそういうライブラリってのは「誰にでも、どんな状況でも使えるように」してあるから
構造とかを理解して自分で1から作ると容量が1/10以下になったりするから
そーやって経験積むのもいいかな
構造とかを理解して自分で1から作ると容量が1/10以下になったりするから
そーやって経験積むのもいいかな
canvasにかわる代替手段があるならそちらを優先して使えって種子じゃなかったcanvasって
Lv足りなくて次スレ建てられません。どなたかおねがい~。
今回はテンプレの変更は無しです。
今回はテンプレの変更は無しです。
ajaxで返事が帰ってくるのを待ってる時によく見るくるくる回るようなやつはどうやって実装されているのでしょうか?
よく見かけるので多分プラグインか何かであると思いますが。
twitterでタイムライン読み込むときや、いろんなサイトで画像や動画を読み込む時などに見かけるやつです
名前わからなくてどう調べれば良いのかわかりませんでした、よろしくお願いします。
よく見かけるので多分プラグインか何かであると思いますが。
twitterでタイムライン読み込むときや、いろんなサイトで画像や動画を読み込む時などに見かけるやつです
名前わからなくてどう調べれば良いのかわかりませんでした、よろしくお願いします。
通信開始でくるくる表示(gifアニメかな)
返事が帰ってきたらgif非表示・削除
返事が帰ってきたらgif非表示・削除
>>991,992
ありがとうございます!
ありがとうございます!
今レベル上げてるから待て。
専ブラ使わず、web ブラウザもころころ変えてたせいだ。
専ブラ使わず、web ブラウザもころころ変えてたせいだ。
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.90 + (1001) - [100%] - 2011/11/15 20:32
- + JavaScript の質問用スレッド vol.95 + (1001) - [97%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.99 + (1001) - [97%] - 2012/5/7 4:32
- + JavaScript の質問用スレッド vol.98 + (1001) - [97%] - 2012/4/9 14:46
- + JavaScript の質問用スレッド vol.97 + (1001) - [97%] - 2012/3/1 3:31
- + JavaScript の質問用スレッド vol.96 + (1001) - [97%] - 2012/1/28 23:01
- + JavaScript の質問用スレッド vol.94 + (1001) - [97%] - 2012/1/8 15:46
- + JavaScript の質問用スレッド vol.93 + (1001) - [97%] - 2012/1/1 4:46
- + JavaScript の質問用スレッド vol.93 + (1001) - [97%] - 2011/12/10 18:31
- + JavaScript の質問用スレッド vol.80 + (1001) - [97%] - 2010/11/9 2:17
- + JavaScript の質問用スレッド vol.103 + (1001) - [95%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.120 + (1002) - [95%] - 2014/11/8 1:15
- + JavaScript の質問用スレッド vol.100 + (1001) - [95%] - 2012/6/13 22:46
- + JavaScript の質問用スレッド vol.140 + (1001) - [95%] - 2019/9/19 10:45
- + JavaScript の質問用スレッド vol.101 + (1001) - [95%] - 2012/7/16 14:15
- + JavaScript の質問用スレッド vol.130 + (1001) - [95%] - 2017/11/25 20:45
- + JavaScript の質問用スレッド vol.102 + (1001) - [95%] - 2012/9/11 17:30
トップメニューへ / →のくす牧場書庫について