現在位置:ホームページ > 技術記事 > ウェブフロントエンド

  • 約束と並行して画像をプリロードします
    約束と並行して画像をプリロードします
    コアポイント Promiseを使用して写真を非同期にロードし、さまざまなコレクションの画像を同時にロードできるようにし、コレクションがロードされた後にコードが実行されます。これにより、全体的な負荷時間を短縮することにより、ウェブサイトのパフォーマンスが大幅に向上します。 この手法では、すべての画像「グループ」(コレクション)の共有プレロダーを作成して、ロードする画像をキューに掲載します。次に、Preloaderは写真のロードを並列に(順番ではなく)開始し、次のグループが開始される前に1つのグループが完了するのを待たなければならないことを避けます。 各画像URLは約束に置き換えられます。これは、ブラウザが画像をロードした後に解析されます。その後、Promise.all()メソッドを使用して、各グループに約束を作成できます。これは配列にあります
    jsチュートリアル 416 2025-02-19 11:01:13
  • stage.jsの紹介
    stage.jsの紹介
    Stage.JSは、クロスプラットフォーム2D HTML5ゲーム開発用の軽量のオープンソースJavaScriptライブラリです。 DOMのようなモデルを使用してキャンバスを操作し、アプリケーション自体のレンダリングサイクルを管理します。このチュートリアルでは、Stage.jsのコア機能を紹介して、簡単に開始するのに役立ちます。 キーポイント Stage.jsは、クロスプラットフォーム2D HTML5ゲーム開発用の軽量のオープンソースJavaScriptライブラリであり、DOMのようなモデルを使用してキャンバスを処理し、アプリケーションのレンダリングサイクルを独立して管理します。 このライブラリは、インタラクティブな更新用のノードポジショニング(親ノードにノードの接続方法を決定する)を含む複数の機能を提供します
    jsチュートリアル 923 2025-02-19 11:00:15
  • node.jsを使用したドットマトリックスLEDディスプレイに画像を表示する
    node.jsを使用したドットマトリックスLEDディスプレイに画像を表示する
    キーテイクアウト Freetronics DMDライブラリは、ドットマトリックスLEDディスプレイにライン、形状、テキストを描画するために使用されます。このライブラリは、Freetronics Githubリポジトリからダウンロードし、/arduino/ライブラリ/フォルダーにコピーできます。 Arduino SK
    jsチュートリアル 763 2025-02-19 10:59:09
  • 4つの紹介:it' s webglですが、簡単です
    4つの紹介:it' s webglですが、簡単です
    4:簡略化された3D Web開発のためのWebGLフレームワーク この記事では、3D Webコンテンツの作成を合理化するために設計された新しいWebGLフレームワーク4を紹介します。 WebGLは強力ですが、複雑になる可能性があります。 4つのアドレスは、階層化されたaを提供します
    jsチュートリアル 628 2025-02-19 10:57:14
  • HTML 5.1の新しいもの
    HTML 5.1の新しいもの
    HTML5.1:Web開発の新しい時代 HTML5のクリエイティブなアニメーション制作を調べて、画面録音チュートリアル「HTML5キャンバスを使用してアニメーションを作成」をご覧ください。 コアポイント HTML 5.1は、HTMLの最新バージョンとして、メニューとMenuitems要素を使用したコンテキストメニューの作成、詳細と概要要素を使用した折りたたみ可能なコンテンツの作成など、多くの新機能と改善を紹介します。地元。 このバージョンには、次のようなCSSなしで応答性のある画像を実装する機能も含まれています。などのSRCSET画像属性は、複数の代替画像ソースをリストするために使用されます。
    CSSチュートリアル 234 2025-02-19 10:51:14
  • Gmail JavaScript APIで受信トレイをマスターします
    Gmail JavaScript APIで受信トレイをマスターします
    この記事では、Gmail Rest APIとJavaScriptを使用して、基本的なGmail Inbox Viewerの構築を示しています。 JQUERYとBOOTSTRAPを活用して効率を高めます。完全なコードは、GitHubリポジトリで入手できます。 主な機能: Gmail API統合
    jsチュートリアル 337 2025-02-19 10:49:10
  • 今日WebでVRを構築する方法
    今日WebでVRを構築する方法
    バーチャルリアリティは、2020年までに最大70億ドルの価値があるように設定されています。この期間、Webは間違いなく2D環境のみであり続けることはありません。実際、VRをブラウザに持ち込む簡単な方法はすでにいくつかあります。また、信じられないほどfuです
    jsチュートリアル 685 2025-02-19 10:47:09
  • node.js&transloaditを使用してユーザーアバターコンポーネントを構築します
    node.js&transloaditを使用してユーザーアバターコンポーネントを構築します
    このシリーズの最初の部分では、画像、ビデオ、オーディオの処理を専門とするファイル処理サービスであるTransLoaditを調べました。まだ読んでいない場合は、あなたが今すぐそうすることをお勧めします。
    jsチュートリアル 325 2025-02-19 10:38:10
  • 今のところES6:テンプレート文字列
    今のところES6:テンプレート文字列
    ES6テンプレートリテラル:JavaScript文字列への最新のアプローチ 重要なハイライト: ES6(ECMAScript 2015)はJavaScriptを大幅に強化し、最新のWeb開発に重要な機能を導入します。 テンプレートリテラル、デリミターとしてバックテック( `)を使用、r
    jsチュートリアル 465 2025-02-19 10:37:08
  • fontelloを使用して、必要なアイコンフォントのみをロードする
    fontelloを使用して、必要なアイコンフォントのみをロードする
    Fontello:軽量カスタムアイコンフォントを作成します Fontelloは、ベクトル画像からカスタムアイコンフォントを作成するための無料のユーザーフレンドリーなサービスです。 さまざまなオープンソースプロジェクトのアイコンを統合することにより、Web開発を合理化します(Font Awesome、Eなど
    CSSチュートリアル 288 2025-02-19 10:36:11
  • フライトシミュレーターの再考:当時と今
    フライトシミュレーターの再考:当時と今
    この記事では、Webベースのフライトアーケ​​ードで現実的な大規模な地形の作成に焦点を当てたフライトシミュレーションの進化について説明します。 フライトシミュレーションの重要な開発: 1980年代の創世記:元のフライトシミュレーター(1980)はgrounでした
    jsチュートリアル 291 2025-02-19 10:35:08
  • 責任を持ってModernizrを使用する方法
    責任を持ってModernizrを使用する方法
    責任を持ってModernizr:Webサイトのパフォーマンスを改善するための戦略を使用します ブラウザが特定の機能をサポートするかどうかを検出するJavaScriptライブラリであるModernizr。ただし、ウェブサイトの遅くなることを避けるために、必ず注意して使用してください。この記事では、Modernizrを責任を持って使用する方法や、JQueryなどの他の同様のライブラリについて説明します。 なぜModernizrがどのようにロードされるかに注意を払うのですか? 重要な質問:Webページにアクセスするために数秒を待っても構わないと思いますか?答えがノーの場合、訪問者もそうです。長い積み込み時間は、ユーザーエクスペリエンスに直接影響し、訪問者の喪失につながります。したがって、クールな機能を追求したとしても、Webサイトのパフォーマンスを考慮する必要があります。 重要なのは、ロード方法です。多くの
    jsチュートリアル 653 2025-02-19 10:30:10
  • 現実世界のHTML5&CSS3、第2版
    現実世界のHTML5&CSS3、第2版
    キーテイクアウト HTML5とCSS3は、古いブラウザーとの逆方向の互換性を確保するように設計されています。つまり、マークアップの変更はレイアウトの問題やエラーを引き起こしません。古いブラウザが新機能を完全にサポートしていなくても、ページや原因を壊すことはありません
    CSSチュートリアル 850 2025-02-19 10:27:09
  • Phantomjsの理解
    Phantomjsの理解
    コアポイント Phantomjsは、JavaScript APIを備えたヘッドレスWebKitブラウザであり、DOM処理、CSSセレクター、JSON、Canvas、SVGなど、さまざまなWeb標準をネイティブにサポートしています。これは、基本的にGUIのない​​Webブラウザであり、JavaScriptを使用してさまざまなプロセスを自動化できます。 Phantomjsは、ページオートメーション、スクリーンショット、テスト、ネットワーク監視などの機能を提供する開発者向けの強力なツールです。ブラウザを開くことなくWebページとのやり取りを可能にし、Webページのスクリーンショットをキャプチャし、GUIなしでテストを実行し、ネットワークの動作とパフォーマンスを監視できます。 Phantomjsはより複雑ですが、それは単なる以上のものです
    jsチュートリアル 144 2025-02-19 10:26:09
  • awesomleteでJavaScriptオートコンプリートウィジェットを構築します
    awesomleteでJavaScriptオートコンプリートウィジェットを構築します
    Webアプリケーションのオートコンプリート機能は、ユーザーが入力するときに残りの単語または文を予測します。ユーザーは通常、タブキーを押して提案を受け入れるか、下矢印キーを押して複数の提案のいずれかを受け入れます。 このチュートリアルでは、Awesomplete JavaScriptライブラリを使用してWebサイトでオートコンプリートコンポーネントを作成する方法について説明します。 Awesompleteは、W3C CSSワーキンググループの有名なスピーカー、ライター、スペシャリストであるLea Verouによって設立されました。 キーポイント Awesompleteは、Webアプリケーションでオートコンプリート機能のためにLea Verouが開発した軽量でカスタマイズ可能なJavaScriptライブラリです。そうではありません
    jsチュートリアル 634 2025-02-19 10:24:13

ツールの推奨事項

jQuery エンタープライズ メッセージ フォームの連絡先コード

jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。

HTML5 MP3 オルゴール再生効果

HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。

HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果

HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。

有機果物と野菜のサプライヤー Web テンプレート Bootstrap5

有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

シンプルな履歴書情報 Web テンプレート Bootstrap4

シンプルな履歴書情報 Web テンプレート Bootstrap4

かわいい夏の要素のベクター素材 (EPS+PNG)

これは、太陽、日よけ帽子、ココナッツの木、ビキニ、飛行機、スイカ、アイスクリーム、アイスクリーム、冷たい飲み物、浮き輪、ビーチサンダル、パイナップル、巻貝、貝殻、ヒトデ、カニを含む、かわいい夏の要素のベクター素材です。 、レモン、日焼け止め、サングラスなど、素材は JPG プレビューを含む EPS および PNG 形式で提供されています。
PNG素材
2024-05-09

4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)

これは、2023 年卒業バッジの赤いベクター素材で、合計 4 つがあり、JPG プレビューを含む AI、EPS、PNG 形式で利用できます。
PNG素材
2024-02-29

歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)

これは、さえずる鳥と​​花でいっぱいのカートをデザインした春のバナー ベクター素材で、JPG プレビューを含む AI および EPS 形式で利用できます。
バナー画像
2024-02-29

金色の卒業帽ベクター素材(EPS+PNG)

これは、JPG プレビューを含む EPS および PNG 形式で利用できる、金色の卒業帽のベクター素材です。
PNG素材
2024-02-27

室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート

家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

フレッシュカラーの個人履歴書ガイドページテンプレート

フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

デザイナーのクリエイティブな仕事の履歴書 Web テンプレート

デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

現代のエンジニアリング建設会社のウェブサイトのテンプレート

最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。