元スレ+ JavaScript の質問用スレッド vol.113 +
JavaScript覧 / PC版 /みんなの評価 :
301 = :
jQuery使ってる時点で生JavaScriptと大差のコスト掛かってるって知ってるのかね?
そんなにパフォーマンス気にするならjQueryなんて使っちゃ意味ない
302 = :
var $={
id:function(a){
jid=document.getElementById(a);return this},
edit:function(a){jid.innerHTML=a;return this},
click:function(a){jid.addEventListener('touchend',a)}
};
$.id("text").edit('touch').click(function(){
$.id('text').edit('touched')
})
もどきをがんばって作ったんだけど、俺には無理。
304 = :
>>302
prototypeでも使えば実装できると思うが、なぜ $ を使いたがるんだろうか。
間違いにく可読性は下がるのに $ を使いたがる人が多くて悲しい。
(ES3の機械的に生成された云々の規約はどうしてなくなったんだろうなあ)
305 = :
jQueryオブジェクトの生成はコストがかかるから変数に保持しておくというのがjQueryのTipsだよ。
jQueryは重いからパフォーマンスなんて気にしなくていいなんてのはバカの暴論。
306 = :
excelの「縮小して全体を表示」のようにボックスにテキストが納まりきらないときは
縮小して全てのテキストを表示したいんだけど、widthをテキストの文字数で割った値
をfont-sizeに設定してみたら文字が小さくなりすぎてしまう。
$(function() {
var s = $("div").css("width").match(/\d+/)/$("div").text().length;
$("div").css("font-size", s + "px");
});
308 = :
function g(id){
if(!(this instanceof g)) return new g(id);
this.elm = document.getElementById(id);
}
g.prototype.edit = function(text){
this.elm.innerText=text;
};
g.prototype.tap=function(event){
this.elm.addEventListener('touchend',event)
};
g.prototype.add=function(text){
this.elm.innerText+=text
};
var count=0
g("e").tap(function(){
if(count>5){count=0}
g('t').add(list[count])
g('e').edit(count);count++
})
改良
309 = :
>>305
お前のほうが読解力のない馬鹿の暴論だろ
パフォーマンス第一に考えるならjQueryは不利って話を
jQuery使うならパフォーマンスは捨てろなんて解釈脳味噌腐ってるね
310 = :
ベンチマークしてみた。
jQueryオブジェクトの生成に1msもかからなかった。
311 = :
jQueryを使うのだからパフォーマンスを考えないと、重くなる。それだけのことだよ。
パフォーマンス気にするならjQueryなんて使っちゃ意味ない
対偶 jQueryを使うならパフォーマンスを気にするな
論理学の基礎もわからん奴と議論は無理ですな。
312 = :
ボトルネックの所だけネイティブ関数
他はjQueryというのもありだろう
ボトルネックの部分をネイティブ関数にしたら
jQuery使う意味が無くなるなら話は別だが
313 = :
>>311
それ対偶になってないから。
314 = :
ごめん、待遇にはなってるけど、
・パフォーマンスを第一に考えるならjQueryを使うべきでない
・jQueryを使うときもパフォーマンスに気をつけなければならない
この2つは両立するの。わかる?
315 = :
>>310
セレクタの中にjQuery独自の物が含まれてたら遅くなると思う。querySelector()に任せられないから。
でも要素数が少ないと違いがわからないかもな。
とは言え、キャッシュを一回のハンドラ呼び出しを超えて保持するのには反対するが。
316 = :
普通に考えて、変数にとっておいた方がいいだろ
これで複雑とか言ってるのは知的障害者か
317 = :
>>316みたいな必死なのが出る時点で
意味が無いってのがわかるだろう?
318 = :
>>314
そもそも「パフォーマンスを第一に考えること」がダメなんだよね。
たとえば1分頑張って1ミリ秒速くしました!って言っても
60000回実行して初めて時間の節約になる。
仕事だと1分間の人件費をかけるぐらいなら
1ミリ秒遅いほうがマシじゃんってことになる。
319 = :
>>318
だから第一に考えることがアホだと言ってるんだって
誰もjQuery使うななんて言ってねえよ
320 = :
ライブラリ開発者とかならともかく
どうせそうじゃねーんだろうから
この程度でキャッシュなんかすんなや。
321 = :
したいならすればいいし、したくないならしなきゃいいだろ
何を不毛な議論をしているのか
322 = :
キャッシュの仕方を聞いているのに
キャッシュなんてすんなとか言い出す奴が一番馬鹿だな
あるケースの時にキャッシュをした方がいいかしない方がいいか、という判断はあり得るが
そうじゃないなら質問自体に集中しろよ
だからC級プログラマーなんだよ
323 = :
jsbinのライブラリ追加フォームに
WIPというのがありますが、これはどういう意味ですか?
324 = :
>>322
誰がキャッシュの仕方なんか聞いてるんだよ?
勝手に違う話始めるな。
325 = :
キャッシュ否定派はローカル変数へのキャッシュもしないのか?
くそみたいなコード書いてそう
326 = :
>>325
そうやって過度の一般化をするのはC級プログラマ
jQueryオブジェクトをあの例示された使い方で
キャッシュしないという話。
327 = :
指定したノードの次のテキストノードを取得したいです
階層の上下を無視し、コードで見たときの「次」です
つまり兄弟ノードとは限りません
これを一番簡単にやるにはどうしたらいいでしょうか
328 = :
ifの結果returnする時
elseを書くべき?書かないべき?
331 = :
文字列を別の変数に入れて、いじって、元に戻す
333 = :
data でok
CharacterData インタフェースには
insertData(offset, string)
とかもあるけどな(多少高速かもしれない)
334 = :
>>328
俺書かないわ
335 = :
>>328
else を書かなくて済むなら書かない。
当たり前だと思うが、何を迷っているのか良くわからん。
状況が曖昧すぎて答えようがないのが正直なところ。
コードを例示した方が具体的なアドバイスをもらえると思われる。
出口を一つにする考え方としては returnValue を変数にしておいて最後に return する。
339 = :
みなさんはES6のアローファンクションをどう思います?
初見では短くて素敵、と思う半面コードが見難くなるなあと思ったのですが、そういう議論はないのでしょうか
340 = :
function tap(id,func){
document.getElementById(id).addEventListener('touchend',func)
}
function edit(id,txt){
document.getElementById(id).innerHTML=txt;
}
//ここから
tap('txt',function(){
edit('txt','This element was changed by JavaScript')
})
341 = :
>>333
ありがとうございました
342 = :
>>339
扱いがむずかしくて普及しないだろうな
単純にfunctionの代替として使えればいいのに
343 = :
>>342
(俺には)扱いが難しくて(俺の中では)普及しないだろうな。
344 = :
es6を平気で使えるようになるのなんて4年後くらいだろ
今使えないものになんて興味ないね
347 = :
>>344
今から4年前は2010年なんだが、
2010年のころ、まだ使えなかったものが
もう使えるようになったんだよね。
4年なんて短いな。
348 = :
一応ついさっきV8にパッチが上がったよ
http://chromiumcodereview.appspot.com/160073006/
まあコミットされるのにはちょっと時間がかかりそうだけど
Nodeでは数ヶ月後には--harmonyで使えるようになるんじゃないかな
Noderにとってはホントありがたい存在になると思う
Chrome安定版でフラグ無しで使えるのはもう1年はかかるだろうね
まあIE12はサポートしてくるだろうから、
IE12がリリースされた日から平気で使えるようになったって言えると思う
まあES6も部分的にはNumber.isNaNや__proto__みたいにもう十分使えるものもあるんだけどね
350 = :
tiny mceで、
・クリックしたらそのdivを編集可能にする
・フォーカスを外したらそのdivを普通のdivに戻す
・URLが記述されたらリンクに変換する
これらを実現できますか?
tiny mceに詳しい方お願いします
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.113 + (1001) - [100%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.118 + (1002) - [97%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.116 + (1002) - [97%] - 2014/7/1 0:45
- + JavaScript の質問用スレッド vol.115 + (1001) - [97%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.114 + (1001) - [97%] - 2014/5/3 10:45
- + JavaScript の質問用スレッド vol.119 + (1002) - [97%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
- + JavaScript の質問用スレッド vol.133 + (1001) - [97%] - 2018/6/8 10:45
- + JavaScript の質問用スレッド vol.111 + (1001) - [97%] - 2013/11/4 6:00
- + JavaScript の質問用スレッド vol.110 + (1001) - [97%] - 2013/10/13 14:01
- + JavaScript の質問用スレッド vol.117 + (1009) - [97%] - 2014/8/5 3:30
- + JavaScript の質問用スレッド vol.123 + (966) - [97%] - 2020/10/20 2:30
- + JavaScript の質問用スレッド vol.103 + (1001) - [97%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.123 + (1002) - [97%] - 2015/4/27 23:30
- + JavaScript の質問用スレッド vol.143 + (753) - [97%] - 2020/4/19 5:00
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.120 + (1002) - [95%] - 2014/11/8 1:15
トップメニューへ / →のくす牧場書庫について