プログラマだけど異世界の開発会社に転生した - megamouthの葬列

2016/10/09 407 users megamouth append エイタ jQuery 葬列

2016 - 10 - 08 プログラマだけど異世界の開発会社に転生した プログラマのための練習曲 最適化（ オプティマ イゼイション） ジャムス「どうもページの表示が遅いんだ。多分 Javascript が重すぎるんだよ。どうしたらいいんだろう？」 エイダ「しょうがないわね。ふーん。まず Jquery のappendが多いわ。DocumentFragmentやinnerHTMLをもっと効果的に使... 続きを読む

mdast - markdownを直接ReactElementに変換するコンパイラを書いた - Qiita

2015/02/19 32 users Markdown Qiita mizchi React 文字列

mizchi/md2react デモページはここ md2react playground 作った目的 巨大なmarkdownをリアルタイムプレビューする際、ただの文字列をinnerHTMLとかで更新したりシテイルと、更新の度にパース処理が走ってどんどん重くなってくる。 React には dangerouslySetIneerHTML というプロパティがあって、一応それっぽい感じで差分管理してくれる... 続きを読む

innerText(textContent)/innerHTMLを使ったHTMLエスケープは充分でないので今すぐやめろ、お前たちはもう終わりだ - TODESKING

2015/02/05 65 users jQuery todesking div お前たち text

// jQueryでHTMLエスケープする例 function escape(content) { return $('<div />').text(content).html() } 続きを読む

mXSS - Mutation-based Cross-Site-Scripting のはなし - 葉っぱ日記

2014/05/08 83 users 亜種 DOMツリー DOM構造 はなし 破壊

ここ数年、XSS業界の最先端で盛り上がっている話題として mXSS というものがあります。mXSS - Mutation-based XSS とは、例えば innerHTML などを経由してすでに構築されているDOMツリーを参照したときに、本来のDOM構造とは異なる結果を得てしまい、そのためにHTML構造の破壊を引き起こすという類のDOM based XSSの亜種とも言えます。mXSSに関しては以... 続きを読む

innerHTML += ... な書き方について - hogehoge @teramako

2013/09/05 106 users hogehoge teramako 書き方

DOMDOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jpはてなブックマーク - DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jpはてなブックマークで『後でツッコミする』と書いたとおり、ちょっとツッコミたいと思う。 // サンプル1: パフォーマンスが悪い var ul = document.que... 続きを読む

DOM APIとinnerHTMLは等価ではない - 泥のように

2011/06/05 87 users DOM API

2011年06月(1) 2011年05月(5) 2011年04月(7) 2010年09月(1) 2010年07月(1) 2010年02月(1) 2010年01月(1) 2009年12月(2) 2009年11月(1) 2009年07月(1) 2009年06月(1) 2009年05月(2) 2009年02月(1) 最近、徳丸本をじわじわ読んでいるのですが、DOM based XSSの話が書いてあったの... 続きを読む

innerHTML = "" まとめ - latest log

2011/02/08 33 users enhance createElement node 文字列

js, enhance, IEHTML5をサポートしていないIE6〜IE8で、node.innerHTML = "..."; のように HTML5 で追加された新要素含んだ文字列を innerHTML に与えると、次のいずれかの条件が成立した場合に親子関係の崩れたサブツリーを生成してしまいます。 innerHTML の前に document.createElement() が実行されていない no... 続きを読む

HTML5の新要素をinnerHTMLで生成できないバグを回避する - latest log

2011/02/06 96 users latest log パク 新要素 HTML5 enhance

js, enhance, IEIE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素を食わせると悪夢のようなDOMツリーを生成するというものがあります。var div = document.createElement("div");div.innerHTML = "section";document.body.appendChild(div);上記のコードを実行すると、... 続きを読む

高木浩光＠自宅の日記 - 楽天ad4Uの隠しリンクを露出させるユーザスタイルシート

2008/12/11 406 users amachang ユーザスタイルシート 高木浩光 禁じ手 自称

■ 楽天ad4Uの隠しリンクを露出させるユーザスタイルシート 脆弱性を突いてブラウザの閲覧履歴を調べるという禁じ手に手を出した、掟破りの（自称「次世代」）行動ターゲティング広告「楽天ad4U」について、amachangの「IEのinnerHTMLやappendChildで要素が挿入された瞬間を取得する方法」を参考に、その隠しリンクを露出させるユーザスタイルシートを作ってみた。（Internet E... 続きを読む

IT戦記 - style.cssText の使い処に関する考察

2007/07/30 143 users Body オブジェクト IT戦記 考察 形式

javascriptcssText って知ってますか？cssText っていいうのは CSSRule オブジェクトとか CSSStyleDeclaration が持っている情報を css ファイルに書く形式の文字列にしてくれる機能です。乱暴に言ってしまえば、 css 系のオブジェクトが持っている innerHTML みたいなものです。 具体例を見てみましょう。こんな感じの body があるときに ... 続きを読む

404 Blog Not Found:javascript - element.innerHTML はなぜ速く見えるか

2006/10/21 62 users Element DOM操作 構文解析 HTML 速度

自分でこう書きながら、実は首を傾げていたのだけどやっとわかった。 404 Blog Not Found:WEB+DB PRESS vol.35 pp.57 まず速度ですが、innerHTMLは代入時にHTMLの構文解析が入るので、速度的にはDOM操作が有利です。 期待に反してそうでないのは、404 Blog Not Found:javascript - DOM vs innerHTML bench... 続きを読む

404 Blog Not Found:javascript - ページはいつ再描画されるか

2006/09/22 191 users 404 Blog Not Found Element 関数

大変に有用な考察だが、一つ重要な指摘漏れがある。 IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念setInterval、setTimeout、イベントによる関数の実行を理解することだと思う ページがいつ再描画されるか、ということである。 未経験者は、document.write()やelement.innerHTML = "foo"のよ... 続きを読む

Ajax とフレームワーク: blog.bulknews.net

2005/03/23 14 users Ajax Catalyst フレームワーク Plugin 生成

Ajax とフレームワーク search.cpan.org: Sebastian Riedel / Catalyst-Plugin-Ajax-0.02 Catalyst::Plugin::Ajax Plugin for Ajax Perl の MVC フレームワーク Catalyst に Ajax プラグインが登場。XmlHttpRequest オブジェクトの生成から innerHtml のはめこ... 続きを読む