[B! DOM] morishitterのブックマーク

爆速HTML – Elmでの仮想DOM | POSTD

新たな elm-html ライブラリでは、HTMLとCSSをElmで直接使用できます。FlexBoxも使ってみたいし、既存のスタイルシートも使い続けたいですか？　Elmは使いやすくなり、処理が速くなりました。例えば、 TodoMVC アプリを再作成する場合、Elmのコードはとても単純で、事前のベンチマークでも、他の人気ライブラリに比べ処理速度が極端に速いという結果が出ています。 elm-html とMercuryは、どちらも virtual-dom プロジェクトを基にしているので、パフォーマンスが優れています。この記事では、前半で“仮想DOM”とは何か、純粋性と不変性によっていかに処理速度が上がるかということについて詳しく検証します。この検証によって、なぜOm、Mercury、Elmがベンチマークでこのような素晴らしい数字を出したかが分かるでしょう。パフォーマンスは人

morishitter 2014/10/29

リンク

Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ - Qiita

もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ例えば scroll mousemove, touchmove devicemotion 辺りですよ。で、高頻度で呼ばれるって言うことは必然的に処理量が増えるって分かりますよね？？？？？while(1) {}じゃないとはいえUIスレッドに十分影響を与えうる頻度で呼ばれる訳です。分かりますよね？？？？？？？？そうなると当然そのイベント内で重い処理を行えば人間が認識できるレベルでのレスポンス遅延が起きるっていうのはご理解できますよね？重い処理っていうのはまぁ想像出来るとは思うんですが例えばよくあるのが DOMのレイアウトプロパティへのアクセス offsetTop、offsetLeft、offsetWidth、offsetHe

morishitter 2014/10/24

リンク

GeckoのDOMイベント処理の実装

GeckoのDOMイベントの実装方法、処理の流れについてのドキュメントです。対象はGeckoの開発に興味のある方なので、ソースコードをある程度知らないと内容は理解出来ません。

morishitter 2014/09/17

リンク

The Web Platform: Browser technologies

Include single-engine specifications • To re-sort, click on any heading. SpecificationRepoDocsTestsEnginesCategory

morishitter 2014/09/16

リンク

Shadow DOM — Acko.net

For a while now I've been working on MathBox 2. I want to have an environment where you take a bunch of mathematical legos, bind them to data models, draw them, and modify them interactively at scale. Preferably in a web browser. Unfortunately HTML is crufty, CSS is annoying and the DOM's unwieldy. Hence we now have libraries like React. It creates its own virtual DOM just to be able to manipulate