フロントエンドの main() を合成関数として副作用を集約する

2023/05/26 24 users main フロントエンド 副作用 div void

これは未実装のアイデアを含む記事です。(後述する lint rule が未実装です) 要は EffectSystem を作ろうとしました。 https://www.eff-lang.org/ void に意味を込めたい こういうフロントエンドのコードについて考えてみましょう。 function mount(): void { const div = document.createElement('div'); div.textConte... 続きを読む

JavaScript - JavaScriptを読んでいてたまに出てくる唐突な二つの括弧の意味｜teratail

2020/03/03 15 users teratail 括弧 textarea function

お世話になります、他人が作ったJavaScriptを見ていると 唐突に謎の書き方が出てきますが言語化が難しく調べるのが難しいものがあります その一つが以下のソースなのですが TextEditor.prototype.createElements = function () { this.TEXTAREA = document.createElement('TEXTAREA'); this.TEXTAREA.tabIndex = -1; (0,... 続きを読む

DOM操作の最適化によるJavaScriptチューニング（後編） | HTML5Experts.jp

2013/09/08 151 users DOM操作 後編 JavaScriptチューニング 最適化

連載「Webサイト・アプリ高速化テクニック徹底解説」の第5回は、前回の「DOM操作の最適化によるJavaScriptチューニング（前編）」に続く後編です。後編では、createElement()などのDOM操作メソッドを使ったさまざまなテクニックや、パフォーマンスを劣化させるよくあるパターンについて詳しく解説します。 CodeIQとの連動企画！ この記事で学べるJavaScriptチューニングのテ... 続きを読む

0-9, CSSファイルをJSから非同期読込する方法

2012/11/28 87 users CSSファイル 0-9 sty クライアントサイド link

CSSファイルをクライアントサイドだけで動的なURLつけて非同期読み込みしたい場合、単純に以下のようなコードを書くと同期読み込みになって読み込み完了まで他のファイルの読み込みがブロックされる。 (function () { var href = 'style sheet url'; var link = document.createElement('link'); link.rel = 'sty... 続きを読む

innerHTML = "" まとめ - latest log

2011/02/08 33 users innerHTML enhance 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);上記のコードを実行すると、... 続きを読む

IT戦記 - createElement と backgroundColor で IE をクラッシュさせる

2006/12/29 46 users RED パク HTML JavaScript IT戦記

javascript またしても IE のバグです document.createElement('html').style.backgroundColor = 'red'; たったこれだけで IE が落ちる。 IE6、 IE7 ともに落ちました。 検証用http://sample.ecmascript.jp/iecrash.htmlIE でクリックするとブラウザが落ちます。 続きを読む

HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」:phpspot開発日誌

2006/12/07 99 users phpspot開発日誌 HTML DOM div 要素

DOM Tool HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」。 次のように、HTMLの <div> 要素を JavaScript の document.createElement の形に変更してくれます。 HTMLをそのままJavaScriptのコードに記述するとプログラム的にコードが読みにくくなったりしますが、このツールを使い、DOMの形式にすることが出来ます。... 続きを読む

Webページを歩く -- こども(てれび)

2005/09/01 47 users こども Webページ border script Enter

水平方向のborderか、周りと色が違う要素の上をつたってWebページ内を自由に歩けます。ちょっと楽しい。使い方好きなWebページを表示した状態で下のブックマークレットを使う。コードをURL欄にコピペしてEnterを押すといい。 javascript:(function(){var s=document.createElement('script');s.charset='UTF-8';s.src... 続きを読む

GoogleMapsEditor - GoogleMapsAPIを利用した地図コンテンツをプログラムなしで作成できる編集ソフトです。

2005/07/29 461 users GoogleMapsAPI function iframe

GoogleMapsAPIを利用した地図コンテンツをプログラムなしで作成できる編集ソフトです。config.macros.AmazonBanner = {};\nconfig.macros.AmazonBanner.handler = function(place,macroName,params)\n{\n var e = document.createElement('iframe');\n ... 続きを読む

fladdict.net blog: 今見ているサイト内で「はてなブックマーク」されてるエントリ一覧を表示するブックマークレット

2005/05/16 70 users ブックマークレット Bookmarklet エントリ一覧

今見ているサイトの中で「はてなブックマーク」に登録されているエントリーを表示するブックマークレット。サイト巡回中に名エントリがザクザク発掘できます。 bookmarklet（最終更新日 2005/05/18）: javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";s.src="http://... 続きを読む

川o・-・）＜2nd life - bookmarkletの文字数制限を無くす

2005/05/05 176 users Bookmarklet scrip function 一行

bookmarkletを作るとき、IEでは500文字ちょい、Firefoxでは2000文字ぐらい(?)の文字数制限がある。また、作った後に一行にまとめたり、デバッグしたりも大変面倒。でもそれがとても簡単な方法でどうにでもなることをインターフェイス！インターフェイス！の人に教わった。 javascript:(function(){var s=document.createElement("scrip... 続きを読む