4分SHAREツイートシェアはてブGoogle+PocketLINEこんにちは、タクゾウです。普段仕事で使用するJSファイルの基礎構造を紹介したいと思います。基礎的な構造はこちらになります。使用する時は、機能ごとの関数をそれぞれのタイミングで呼び出す形になります。関数は外部ファイルの記述と被らないように、オブジェクトのメソッドとして実行するようにしましょう。オブジェクトを定義する場合は別で使われていないか確認しましょう。即時で実装する、webfont・ローディング処理・UA判定などの処理は、このタイミングで実装してください。画像などを読み込まずに実装できる関数はこのタイミングで実装してください。画像の有無で要素が変わる恐れがある関数はこちらに入れましょう。画像などすべての要素が読み込まれたタイミングで実行する関数}リサイズしたタイミングで行う処理ウィンドウをリサイズしたタイミングで実装する処理を書いてください。リサイズしたタイミングで実行する関数};スクロールしたタイミングの処理スクロールしたタイミングで実装する関数を記述してください。eventFunc.sample05(argument);};まとめ基本的に外部の記述と被らないように構成してあります。Web制作を勉強している人の参考になれば幸いです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。文字列をランダムに切り替える演出を行うJSライブラリ「shuf...次の記事デザイン参考になる種類別のWebページ一覧:「人工知能」このブログの運営者どうもタクゾウです。このブログは、Web系フロントエンジニアが日々学んだことをまとめて行くブログです。基本的に自分が読み返すようで投稿してますが内容は誰がみてもわかりやすいよう書いています!よろしくお願いします!人気の記事1Wix(ウィックス)はビジネス向きではない。