この投稿で作成されたjsクラブ。

less than 1 minute read

この投稿で作成されたjsクラブ。 JavaScriptを学習する目的で作成されたJavaScriptライブラリでした。このライブラリは、ユーザーにとって楽しく、興味深く、魅力的なWebサイトを作成することを目的として構築されました。 Nhk_jsclub.jsクラブは、ジグソーパズルの概念に基づいています。ジグソーパズルは、回転、再配置、および新しい状態への構築が可能なオブジェクトです。もともとは英国の建築家でデザイナーのチャールズ・イームズによって考案されました。このプロジェクトの作成者および寄稿者として、パズルのピースが整理されている限り、ジグソーパズルがオブジェクトになり得ることを知っています。 anglejsを使用したとき、小さなジグソーパズルのピースを作成し、すべてのジグソーパズルのピースを一貫した方法で整理することにしました。コードがどのように見えるか見てみましょう。コードがモジュールで構成されていることがわかります。プロジェクトweb / themes / jhk_jsclub.jsには、 'theme / jhk-jsclub'.jsというファイルがあります。そのファイルには3つのファイルのみが含まれています。 theme-main.js –モジュールのメインエントリポイント–モジュールのメインエントリポイントtheme.js –個別のカスタムテーマファイル–個別のカスタムテーマファイルtheme-main.css –この特定のスタイルテーマファイルモジュールには、複数のJSファイルを含めることができます。オブジェクトがメインエントリポイントとして使用される場合(つまり、オブジェクトが最初に行うことは、指定された値でグローバルスコープを初期化することです)、複数のモジュールを含めることができます。モジュールが子として使用される場合、そのモジュールに含めることができるJSファイルは1つだけです。ご覧のとおり、module.jsファイルには、theme.js、theme-main.js、およびtheme-main.cssの3つのファイルが含まれています。ファイルレイアウトは次のようになります。theme-main.jsモジュールのファイルレイアウト各ファイルについて、JSファイルを実行する前に最初に行う必要があります。これは、アプリケーションの初期化フェーズと呼ばれます。モジュールの初期化フェーズでは、このファイルを実行する前に関数を実行する必要があります。モジュールが初期化するオブジェクトは、初期化関数と呼ばれます。 module.jsファイルの初期化関数は次のようになります。module.js –モジュールのエントリポイント–モジュールの初期化のエントリポイント–初期化関数–初期化関数