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

  • nightwatch.jsを使用したJavaScript機能テスト
    nightwatch.jsを使用したJavaScript機能テスト
    Eric Elliottは、かつてJavaScriptテストに関する記事を書きました:JavaScriptテスト:ユニットテスト、機能テスト、および統合テストは、さまざまなタイプのテストとどのテストを使用するかを説明します。 この記事では、JavaScriptの機能テストをより深く詳細に調べ、nightwatch.jsライブラリを使用して実証します。 開始する前に、機能テストとは何か、そしてそれが重要な理由を確認しましょう。簡単に言えば、機能テストは、アプリケーションがユーザーの観点から期待どおりに機能するように設計されています。 ここで話しているのは、単体テストや統合テストなどの技術的なテストではありません。ここでの目標は、ユーザーがシームレスに実行できるようにすることです
    jsチュートリアル 384 2025-02-17 10:26:10
  • PouchDBクライアント側JavaScriptデータベースを開始します
    PouchDBクライアント側JavaScriptデータベースを開始します
    この記事は、Sebastian SeitzとTaulant Spahiuによってレビューされました。 SitePointのピアレビュアーの貢献に感謝します! 最新のクライアント側のWebアプリケーションには、洗練されたデータ処理機能が必要です。 ブラウザは堅牢なJavasを提供するようになりました
    jsチュートリアル 931 2025-02-17 10:24:15
  • 5 jQuery印刷ページオプション
    5 jQuery印刷ページオプション
    jQuery印刷プラグインを使用すると、Webサイトのどの部分が印刷されているかを制御およびカスタマイズして、ブラウザのデフォルト印刷機能(通常はウィンドウ全体を印刷)に代わるものを提供できます。この記事では、いくつかの人気のあるjQuery印刷プラグインを検討し、この機能を自分で構築する方法を示します。 キーポイント: jQuery印刷プラグインを使用すると、Webサイトのどの部分が印刷されているかを制御およびカスタマイズして、ブラウザのデフォルト印刷機能(通常はウィンドウ全体を印刷)に代わるものを提供できます。 jQuery Print Previewプラグインは、新しいブラウザウィンドウを開き、Webサイトの特定の部分を印刷用に表示します。このプラグインは、情報カードやテーブル内の行などのデータ部品を印刷するのに非常に役立ちます。 j
    jsチュートリアル 166 2025-02-17 10:23:14
  • レスポンシブWebデザインのメディアクエリを作成します
    レスポンシブWebデザインのメディアクエリを作成します
    この記事では、Webサイトをさまざまなデバイスに適合させるための重要なツールであるメディアクエリを使用したレスポンシブWebデザインについて説明します。 メディアクエリが開発者がデバイスのプロパティを検出し、それらの小道具に基づいてさまざまなCSSスタイルを適用できるようにする方法に焦点を当てています
    CSSチュートリアル 345 2025-02-17 10:21:10
  • 自己文書化JavaScriptを書く15の方法
    自己文書化JavaScriptを書く15の方法
    自己文書化されたJavaScriptコードを書くための重要なポイント この記事では、構造化されたテクニック、命名規則、構文技術を通じて、自己文書化され、維持された自己文書化されたJavaScriptコードを書く方法について説明します。自己文書化されたコードはコメントの必要性を減らすことができますが、良いコメントや包括的なドキュメントを完全に置き換えるわけではありません。 コアスキル 構造化されたテクノロジー:コードを関数に移動し、条件付き式を関数に置き換え、純粋な関数を使用してコードをより明確かつ理解しやすくします。 命名規則:意味のある名前を使用して変数、関数、クラスを名前を付けて、コードの読みやすさを向上させます。 構文のヒント:構文のヒントを使用しないでください。名前のある定数を使用して、コードをより明確にします。 注意してコードを抽出します:避けてください
    jsチュートリアル 754 2025-02-17 10:16:09
  • jQueryページネーションプラグイン
    jQueryページネーションプラグイン
    この記事では、2017年2月に更新されたいくつかのJQuery Paginationプラグインをレビューします。 広範な結果を非効率的に表示することは一般的な問題です。ページネーションは優れたソリューションを提供します。サーバー側のページネーションがページングされている間
    jsチュートリアル 721 2025-02-17 10:14:10
  • anime.jsでdomをアニメーション化します
    anime.jsでdomをアニメーション化します
    Anime.js:動的なDOM効果のための軽量JavaScriptアニメーションライブラリ あなたのウェブプロジェクトのための高速で軽量なアニメーションライブラリをお探しですか? Julian Garnierによって作成されたAnime.jsは、特にダイナミックドムアニマティにとって強力な競争相手です
    jsチュートリアル 887 2025-02-17 10:13:10
  • 擬似クラス - 基本
    擬似クラス - 基本
    (Alexis Goldstein、Louis Lazaris、およびEstelle Weylによる「実世界のためのHTML5&CSS3」から改作) コアポイント CSS疑似クラスは、構造、ユーザー操作、入力および否定の擬似クラスなどの要素の特別な状態を定義するために使用されます。ドキュメントツリーの要素の位置、ユーザーインタラクション、フォーム要素状態、または特定のセレクターと一致しない要素に基づいて要素をスタイリングできます。 一部の擬似クラスには、次のようなセキュリティの問題がある場合があります。最新のブラウザは、訪問者に制限されています
    CSSチュートリアル 420 2025-02-17 10:12:10
  • Vue.jsを始めましょう
    Vue.jsを始めましょう
    Vue.jsのコアコンセプトを簡単に見てください Vue.jsは、ユーザーインターフェイスの構築に使用されるMVVMアーキテクチャに基づいたJavaScriptライブラリです。 Angularjsよりも簡単で、学習しやすく、柔軟性があります。そのコア関数は次のとおりです。 データバインディング:一元配置および双方向のデータバインディング、Vモデルの命令は双方向の結合を実装し、モデルの変更はリアルタイムでビューに反映されます。 命令とフィルター:命令はDOMの操作に使用され、フィルターはデータの処理に使用されます。 コンポーネント化:再利用可能なカスタムHTML要素を作成し、コードの読みやすさとメンテナンスを改善し、プロップ属性を使用してコンポーネント属性を渡します。 注:このチュートリアルは、vue.js 1.xバージョンに基づいています。 VUE 2.xチュートリアルについては、他のリソースを参照してください
    jsチュートリアル 600 2025-02-17 10:10:10
  • 10の知識が必要なRXJSは、例を使用して機能します
    10の知識が必要なRXJSは、例を使用して機能します
    この記事は、Florian RapplとMoritzKrögerによってレビューされました。 SetePointのコンテンツを完璧にしてくれたSetePointのすべてのピアレビューアに感謝します! 機能的リアクティブプログラミング(FRP)への関心が高まっているため、RXJSはこのパラダイムで最も人気のあるJavaScriptライブラリの1つになりました。この記事では、RXJSのトップ10の必見関数を調べます。 注:この記事では、「RXJSとの機能的な反応性プログラミングから始まる」という記事で説明されているように、RXJSの基本に精通していると想定しています。 キーポイント RXJSは、時間の経過とともに充填された配列に似た観測可能なオブジェクトを使用します
    jsチュートリアル 205 2025-02-17 10:08:10
  • クイックヒント:スクロールイベントをスロットルする方法
    クイックヒント:スクロールイベントをスロットルする方法
    キーポイント スクロールイベントを聴くと、ブラウザがユーザーがスクロールするたびにコールバック関数を実行するため、パフォーマンスの劣化を引き起こす可能性があります。スロットルは、特定の時間間隔でイベントの一定の流れを保証しますが、脱線は一連のイベントを単一のイベントに組み合わせます。 JavaScriptでのイベントスロットリングの実装は複雑になる可能性があり、イベントスロットリングの標準であるLodashのようなサードパーティの実装を使用することをお勧めします。 Lodashのスロットリング関数は、ローリングイベントスロットリングを簡素化し、コールバック関数がイベントの前面および/またはバックエッジで実行されるかどうかを判断するオプションを提供します。 スロットリングとデバウンスを選択するための鍵は、解決すべき問題の性質を確認することです。スロットルは、特定の期間内に発生するイベントに適しています
    jsチュートリアル 914 2025-02-17 10:07:11
  • チューフレームワークを使用した楽しい機能プログラミング
    チューフレームワークを使用した楽しい機能プログラミング
    Choo:シングルページアプリケーション用のミニマリストJavaScriptフレームワーク Chooは、機能的なプログラミング原則を使用して、シングルページアプリケーション(SPA)を作成するのに最適な軽量のJavaScriptフレームワークです。 の最良の側面を巧みに統合します
    jsチュートリアル 1007 2025-02-17 10:06:10
  • プロジェクト間でBITで簡単にコードを共有する方法
    プロジェクト間でBITで簡単にコードを共有する方法
    ビット:コード共有を簡素化し、チームの効率を向上させます BITは、コードベースを分割したり、プロジェクトをリファクタリングしたりせずに、プロジェクト間でコード共有のプロセスを簡素化する強力なツールです。コードスニペットを任意のコードベースから直接共有し、NPMを使用して他のプロジェクトにインストールできます。 BITは、スケーラブルなコード共有ソリューションを提供します。共有するコードコンポーネントを指定し、BITが依存関係ツリーを定義し、「スコープ」と呼ばれる共有場所に共有できます。これらのコンポーネントは、他のパッケージと同様に、NPMとYARNを使用してインストールできます。 BITは、共有コードの変更も簡素化します。ソースコードをコードベースの任意のパスにインポートし、変更を行うと、ビットが追跡されます
    jsチュートリアル 661 2025-02-17 10:05:10
  • 反応で状態を操作し、操作する方法
    反応で状態を操作し、操作する方法
    Azat MardanによるReact Speatのこの記事は、React.jsの状態を理解し操作するための簡潔なガイドを提供します。 国家管理の重要な側面をカバーし、州と小道具の違いを強調し、Sの使用を提唱する
    jsチュートリアル 160 2025-02-17 10:02:15
  • Vanilla JavaScriptで音楽ジャムステーションを作成します
    Vanilla JavaScriptで音楽ジャムステーションを作成します
    このチュートリアルでは、HTML5オーディオとJavaScriptを使用してWebベースの音楽ジャムステーションの構築を示しています。ギタリストが練習して学習するのに最適です。 プロジェクトは、インタラクティブコードディスプレイとオーディオ再生を同期し、動的学習eを提供します
    jsチュートリアル 293 2025-02-17 10:01:15

ツールの推奨事項

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 フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。