[B! web制作] vamos02のブックマーク

JavaScript TUEEEEEEEってなるdocument.writeのテクニック - あさdev

外部からscriptタグで読み込んだJSファイル内でdocument.writeが使われていると、ページ全体が書き換えられてしまう。ページのDOM構築終了後にdocument.writeしちゃったりすると、こういうことが起こる。基本的に外部のコードとかはDOM構築の段階で読み込むので問題は起こらないんだけど、例えばscriptタグをDOM構築終了後、あとからDOMに追加して遅延ロードさせたコード内でdocument.writeが使われていると、ページが書き換わってしまう。もちろんそれだと困る。だけど外部のコードだと書き換えることもできない。最近そういうケースがあって困っていたらこんな記事を見つけた。 document.write()の実行タイミングをずらす方法外部のコードでdocument.writeを使われるとタイミング的にまずい事がある…だったら都合がいいようにdocument

vamos02 2016/05/22

web制作

リンク

JavaScriptで動的にscriptタグを差し込んだり、実行する方法

こんにちは、@s_tsukaです。今回は珍しくJavaScriptネタでいこうと思います。自分のJS力はそれほど高くないですし、ブラウザやW3Cの仕様に詳しくないですが、scriptタグはハマりポイントだと思うので、書いておきます。（といっても今回のは一般的ではないです）今回は生のJSを扱います。（最近はAngularや、Reactが流行っていますが、未だに生JSのニーズもあるんですよ）結論から言うと、単一scriptタグならappendChild、複雑なタグならdocument.write + iframeです。 scriptタグこのページにたどり着いた読者には説明不要かと思いますが・・・ scriptタグをHTMLファイル上に記述し、ブラウザに読み込ませると、そのscriptが起動します。例えばこんな感じで。 <html> <head> <script> alert(1); <

vamos02 2016/04/29

“iframeを作成し、そこにdocument.writeでHTMLを書き出し、実行させる”

web制作

リンク

フロントエンド速度改善をしようとして参考にしたもの - $shibayu36->blog;

最近フロントエンドの速度改善をほんの少しだけやって、いろんな資料を参考にしたので、今後また速度改善をする時に備えて、参考になった資料をまとめておく。今回パフォーマンス改善やった項目としてはExpiresヘッダ付ける、gzip圧縮かける、JSをbodyの一番下にとか基本的なことしかやらなかったので、そのあたりはこの記事ではまとめていません。今回は「測定する」「ブラウザがどう表示しているか知る」「改善を検討する」の流れで調べていったのでその順にまとめる。測定する何はともあれ測定しないと何も始まらないので、まずは測定の仕方について調べた。 PageSpeed Insights( https://developers.google.com/speed/pagespeed/insights/ )と、webpagetest( http://www.webpagetest.org/ ) はとりあえ