私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.132 +

みんなの評価 :
レスフィルター : (試験中)
こんな式を見たのですが、これは何ですか?
var data = ('' == 0 ? '' : '');
var data = ('' == 0 ? '' : '');
>>153
過去スレで見ましたよ?
過去スレで見ましたよ?
>>150
そんなことしたらキャラメルが意味不明になるじゃん
そんなことしたらキャラメルが意味不明になるじゃん
>>149
順番が逆
var globalOsen = 'キャラメル';
console.log(globalOsen?'汚染されてる!':'汚染されてない');
function globalOsen() {
return 'キャラメル';
}
console.log(globalOsen?'汚染されてる!':'汚染されてない');
順番が逆
var globalOsen = 'キャラメル';
console.log(globalOsen?'汚染されてる!':'汚染されてない');
function globalOsen() {
return 'キャラメル';
}
console.log(globalOsen?'汚染されてる!':'汚染されてない');
>>156
おじいちゃん?
おじいちゃん?
>>160
キャラメルとかけてるさっむいギャグがわからんのか
キャラメルとかけてるさっむいギャグがわからんのか
>>161
関数も変数もないよ。使うところ以上にスコープ広げるな
関数も変数もないよ。使うところ以上にスコープ広げるな
var globalOsen = false;
console.log(globalOsen?'汚染されてる!':'汚染されてない');
console.log(globalOsen?'汚染されてる!':'汚染されてない');
空にDocumentFragmentに要素を追加していって、最後にそれをDOMツリーに追加する
という方法をjQueryでやるにはどうすればいいのでしょうか?
という方法をjQueryでやるにはどうすればいいのでしょうか?
×空にDocumentFragment
○空のDocumentFragment
でした
○空のDocumentFragment
でした
>>167-168
スレ違いだからこっち↓に書いといたよ
+ JavaScript & jQuery 質問用スレッド vol.8 +
http://mevius.5ch.net/test/read.cgi/hp/1510321470/66
スレ違いだからこっち↓に書いといたよ
+ JavaScript & jQuery 質問用スレッド vol.8 +
http://mevius.5ch.net/test/read.cgi/hp/1510321470/66
>>169
見ましたが書かれていませんでした
引数を指定しなければDocumentFragmentになるんじゃないかと思って
$()
にappendしてからbodyにappendToしてみたりしましたがうまくいきません
jqueryでDocumentFragmentを作成するにはどうすればいいのでしょうか?
見ましたが書かれていませんでした
引数を指定しなければDocumentFragmentになるんじゃないかと思って
$()
にappendしてからbodyにappendToしてみたりしましたがうまくいきません
jqueryでDocumentFragmentを作成するにはどうすればいいのでしょうか?
ちゃんと書かれてるじゃんw
+ JavaScript & jQuery 質問用スレッド vol.8 +
http://mevius.5ch.net/test/read.cgi/hp/1510321470/66
66 Name_Not_Found sage 2018/03/11(日) 14:23:30.11 ID:???
こっちに書けマヌケ
+ JavaScript & jQuery 質問用スレッド vol.8 +
http://mevius.5ch.net/test/read.cgi/hp/1510321470/66
66 Name_Not_Found sage 2018/03/11(日) 14:23:30.11 ID:???
こっちに書けマヌケ
>>167
Using jQuery's $.map() Method To Convert Data Into Detached DOM Node Buffers
http://www.bennadel.com/blog/2280-using-jquery-s-map-method-to-convert-data-into-detached-dom-node-buffers.htm
jQuery Appends Multiple Elements Using Efficient Document Fragments
http://www.bennadel.com/blog/2281-jquery-appends-multiple-elements-using-efficient-document-fragments.htm
Using jQuery's $.map() Method To Convert Data Into Detached DOM Node Buffers
http://www.bennadel.com/blog/2280-using-jquery-s-map-method-to-convert-data-into-detached-dom-node-buffers.htm
jQuery Appends Multiple Elements Using Efficient Document Fragments
http://www.bennadel.com/blog/2281-jquery-appends-multiple-elements-using-efficient-document-fragments.htm
クズめ
67 Name_Not_Found sage 2018/03/11(日) 14:50:07.36 ID:???
マヌケじゃないのでこっちにはかかない
67 Name_Not_Found sage 2018/03/11(日) 14:50:07.36 ID:???
マヌケじゃないのでこっちにはかかない
専用スレがある場合はそっちで聞いたほうが、より詳しい回答が得られることがある
普通にjQueryでDocumentFragmentをappendできるんだな。
http://jsfiddle.net/hc5ED/6/
>>173を読むと場合によっては内部でDocumentFragmentが
使われるようであまり意識しないで良いのかもしれないな
http://jsfiddle.net/hc5ED/6/
>>173を読むと場合によっては内部でDocumentFragmentが
使われるようであまり意識しないで良いのかもしれないな
>>173
ありがとうございます
しかし英語ということもありよく分かりませんでした
jQueryオブジェクトを配列に入れてappendしたら
それはdocumentFragmentにされてからappendされる
ということでしょうか?
ありがとうございます
しかし英語ということもありよく分かりませんでした
jQueryオブジェクトを配列に入れてappendしたら
それはdocumentFragmentにされてからappendされる
ということでしょうか?
>>176
$(document.createDocumentFragment())
という方法は自分もさっき思いついてやってみましたが
無理矢理jQueryを使ってるみたいな感じが若干引っかかります
ある程度抽象化した方法でdocumentFragmentを作る方法を
jQueryが提供していればいいのですが。
配列にして渡したら良きにはからうから気にするなということでしょうか
ありがとうございました
$(document.createDocumentFragment())
という方法は自分もさっき思いついてやってみましたが
無理矢理jQueryを使ってるみたいな感じが若干引っかかります
ある程度抽象化した方法でdocumentFragmentを作る方法を
jQueryが提供していればいいのですが。
配列にして渡したら良きにはからうから気にするなということでしょうか
ありがとうございました
>>177
多分そういうことなんじゃないかなって思うけどよくわからないね
単に複数の要素をいっぺんに追加したいだけならjQueryのメソッドで普通にできるし
正直DocumentFragmentを使うほど速度が必要なことってない。
もし本当に速度が必要ならそこだけ局所的にDOM API使うだけだし、
jQueryで明示的にDocumentFragmentを使おうって思ったことがないな
多分そういうことなんじゃないかなって思うけどよくわからないね
単に複数の要素をいっぺんに追加したいだけならjQueryのメソッドで普通にできるし
正直DocumentFragmentを使うほど速度が必要なことってない。
もし本当に速度が必要ならそこだけ局所的にDOM API使うだけだし、
jQueryで明示的にDocumentFragmentを使おうって思ったことがないな
>>179
> 無理矢理jQueryを使ってるみたいな感じが若干引っかかります
別にそんな事ないよ。
http://api.jquery.com/jQuery/#jQuery-element に書いてあるとおり、
jQuery関数($関数)の引数にDOM要素を使うのはごく普通のことで
よく使われる $(document) だってDOM要素を使ってる。
createDocumentFragmentで作られるのもDOM要素の一種なんだから
それはごく普通の使い方
> 無理矢理jQueryを使ってるみたいな感じが若干引っかかります
別にそんな事ないよ。
http://api.jquery.com/jQuery/#jQuery-element に書いてあるとおり、
jQuery関数($関数)の引数にDOM要素を使うのはごく普通のことで
よく使われる $(document) だってDOM要素を使ってる。
createDocumentFragmentで作られるのもDOM要素の一種なんだから
それはごく普通の使い方
var variable = variable || 'char'; // 'char'以外でも123でもfunctionでも、あるいは2個でなく3個4個でも
この式は、どういう理屈で動いているんでしょうか?
variableの内容がundefinedだけでなくfalseになる値であっても内容が変わってしまう点はおいておくとしても
variableの内容に入りうるのがbooleanだけでないことや
||を&&に変えると右辺全体がtrueにならないと値が変更されないこと
||を&&に変えると右辺全体がtrueになるときでも&&で区切られた最後の値がvariableに入ることなど
どういう動作をするものなのか理解できません
この式は、どういう理屈で動いているんでしょうか?
variableの内容がundefinedだけでなくfalseになる値であっても内容が変わってしまう点はおいておくとしても
variableの内容に入りうるのがbooleanだけでないことや
||を&&に変えると右辺全体がtrueにならないと値が変更されないこと
||を&&に変えると右辺全体がtrueになるときでも&&で区切られた最後の値がvariableに入ることなど
どういう動作をするものなのか理解できません
右辺が云々は、単にvariableがfalsyなら新しい値を入れることを目的にしているから
入る値の方がbooleanだったりstringなのはそれで構わないコードなんだろう
要するにその変数に対してその段階に置けるデフォルト値を設定したい意図だと思う
入る値の方がbooleanだったりstringなのはそれで構わないコードなんだろう
要するにその変数に対してその段階に置けるデフォルト値を設定したい意図だと思う
論理演算子 - JavaScript | MDN
http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Logical_Operators
http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Logical_Operators
http://chrome.google.com/webstore/detail/save-my-eyes/mbhpdkldehghoilbopkcpfijdhnincmh?utm_source=chrome-app-launcher-info-dialog
このクロム拡張が勝手にマイニングしてるみたいなので暇なひとソースよんで解析して
自分にはわからなかった。
グーグルには不正行為通報したので削除されるのかな? 👀
Rock54: Caution(BBR-MD5:1777ba470a0705a8ff6b3177e04ccfb6)
このクロム拡張が勝手にマイニングしてるみたいなので暇なひとソースよんで解析して
自分にはわからなかった。
グーグルには不正行為通報したので削除されるのかな? 👀
Rock54: Caution(BBR-MD5:1777ba470a0705a8ff6b3177e04ccfb6)
>>185
面倒くさいんで、ソースコードどこかにアップして
面倒くさいんで、ソースコードどこかにアップして
>>184
ああ、javascriptの論理演算子の仕様そのものがそういう仕様なんですか
論理演算の結果はboolか、それか0 or 1で返す
ものだとばかり考えていて、特殊な構文か何かかと思っていました
ああ、javascriptの論理演算子の仕様そのものがそういう仕様なんですか
論理演算の結果はboolか、それか0 or 1で返す
ものだとばかり考えていて、特殊な構文か何かかと思っていました
>>187
結構多いぞ。こういう仕様の言語
結構多いぞ。こういう仕様の言語
>>188
他にはpythonくらいしか知らんわ
他にはpythonくらいしか知らんわ
cからして似たようなもんだった気が。
式1||式2の全体の評価結果は
式1の評価結果が0のとき式2の評価結果、
式1の評価結果が0以外のとき式1の評価結果(を直ちに返し式2は評価されない)
int a;
if (a = (3+2)||99) {
printf("%d", a);
}
結果は1ではなく5だったかと。
式1||式2の全体の評価結果は
式1の評価結果が0のとき式2の評価結果、
式1の評価結果が0以外のとき式1の評価結果(を直ちに返し式2は評価されない)
int a;
if (a = (3+2)||99) {
printf("%d", a);
}
結果は1ではなく5だったかと。
#include <stdio.h>
int main(){
int a;
a = ( 6 + 9 ) && ( 0 || 2 ) ;
printf("%d", a); // 1
}
int main(){
int a;
a = ( 6 + 9 ) && ( 0 || 2 ) ;
printf("%d", a); // 1
}
>>191
そうだっけ?そうだったらゴメン
そうだっけ?そうだったらゴメン
下のコードが構造的にどうやって動いてるかいまいちよくわからない
formElementに2つの要素いれてそれにそれぞれイベントリスナーをついかしてるんだけど
なんでそれぞれ別個に作動するの?
2つめのformElementでcanvasHeightChange()を追加するときは
formElementに2つの要素がはいってるから両方にcanvasHeightChanged()が追加されるような気がするし
関数内でも別個に認識してcanvas.heightとcanvas.width変数を変更できる仕組みがよくわからない
<from>
canvas width: <input type="range" id="canvasWidth"
min="0" max="1000" step="1" value="500"> <br>
canvas Height: <input type="range" id="canvasHeight"
min="0" max="1000" step="1" value="500"><br>
</from>
formElement = document.getElementById("canvasWidth")
formElement.addEventListener('change', canvasWidthChanged, false)
formElement = document.getElementById("canvasHeight")
formElement.addEventListener('change', canvasHeightChanged, false)
function canvasWidthChanged(e) {
var target = e.target
theCanvas.width = target.value
drawScreen()
}
function canvasHeightChanged(e) {
var target = e.target
theCanvas.height = target.value
drawScreen()
}
formElementに2つの要素いれてそれにそれぞれイベントリスナーをついかしてるんだけど
なんでそれぞれ別個に作動するの?
2つめのformElementでcanvasHeightChange()を追加するときは
formElementに2つの要素がはいってるから両方にcanvasHeightChanged()が追加されるような気がするし
関数内でも別個に認識してcanvas.heightとcanvas.width変数を変更できる仕組みがよくわからない
<from>
canvas width: <input type="range" id="canvasWidth"
min="0" max="1000" step="1" value="500"> <br>
canvas Height: <input type="range" id="canvasHeight"
min="0" max="1000" step="1" value="500"><br>
</from>
formElement = document.getElementById("canvasWidth")
formElement.addEventListener('change', canvasWidthChanged, false)
formElement = document.getElementById("canvasHeight")
formElement.addEventListener('change', canvasHeightChanged, false)
function canvasWidthChanged(e) {
var target = e.target
theCanvas.width = target.value
drawScreen()
}
function canvasHeightChanged(e) {
var target = e.target
theCanvas.height = target.value
drawScreen()
}
formElement = document.getElementById("canvasWidth") // ここでformElementにcanvasWidthをいれる
formElement.addEventListener('change', canvasWidthChanged, false) //formeElement経由でcanvasWidthの要素にcanvasWidthChanged()を付け足す
formElement = document.getElementById("canvasHeight") //上で入れた要素をは破棄されて中身が入れ替えられる
formElement.addEventListener('change', canvasHeightChanged, false) //ここでイベントリスナをついかする
ってことかな?
formElementの変数内でイベントリスナを管理してるわけななくて
経由して各要素に追加されてるってことなのかな?
formElement.addEventListener('change', canvasWidthChanged, false) //formeElement経由でcanvasWidthの要素にcanvasWidthChanged()を付け足す
formElement = document.getElementById("canvasHeight") //上で入れた要素をは破棄されて中身が入れ替えられる
formElement.addEventListener('change', canvasHeightChanged, false) //ここでイベントリスナをついかする
ってことかな?
formElementの変数内でイベントリスナを管理してるわけななくて
経由して各要素に追加されてるってことなのかな?



類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.122 + (1004) - [97%] - 2015/2/14 4:45
- + JavaScript の質問用スレッド vol.135 + (1002) - [97%] - 2018/11/23 10:30
- + JavaScript の質問用スレッド vol.130 + (974) - [97%] - 2016/10/26 14:18
- + JavaScript の質問用スレッド vol.142 + (984) - [97%] - 2020/8/27 19:15
- + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
- + JavaScript の質問用スレッド vol.131 + (1000) - [97%] - 2017/1/25 8:01
- + JavaScript の質問用スレッド vol.122 + (116) - [97%] - 2018/5/2 18:30
- + JavaScript の質問用スレッド vol.131 + (1004) - [97%] - 2018/3/7 13:30
- + JavaScript の質問用スレッド vol.133 + (1001) - [97%] - 2018/6/8 10:45
- + JavaScript の質問用スレッド vol.134 + (1001) - [97%] - 2018/8/3 23:15
- + JavaScript の質問用スレッド vol.130 + (1001) - [97%] - 2017/11/25 20:45
- + JavaScript の質問用スレッド vol.136 + (1001) - [97%] - 2019/1/8 11:30
- + JavaScript の質問用スレッド vol.142 + (926) - [97%] - 2019/12/23 13:15
- + JavaScript の質問用スレッド vol.137 + (1003) - [97%] - 2019/3/26 11:46
- + JavaScript の質問用スレッド vol.102 + (1001) - [97%] - 2012/9/11 17:30
- + JavaScript の質問用スレッド vol.138 + (1004) - [97%] - 2019/4/20 23:45
- + JavaScript の質問用スレッド vol.139 + (1001) - [97%] - 2019/5/27 15:15
トップメニューへ / →のくす牧場書庫について