現在位置：ホームページ > 技術記事 > ウェブフロントエンド > jsチュートリアル
- 方向：
- 全て ウェブ3.0 バックエンド開発 ウェブフロントエンド データベース 運用・保守 開発ツール PHPフレームワーク 毎日のプログラミング WeChat アプレット よくある問題 他の 技術 CMS チュートリアル Java システムチュートリアル コンピューターのチュートリアル ハードウェアチュートリアル モバイルチュートリアル ソフトウェアチュートリアル モバイル ゲームのチュートリアル
- 分類する：
-
- 関数構成：保守可能なコードの構成要素
- JavaScript関数の組み合わせ：より保守可能なコードを作成します JavaScript関数の組み合わせは、複数の単純な関数を単一のより複雑な関数に組み合わせる手法であり、特定のデータで特定のデータで論理的な順序で実行されることを実行します。関数が適用される順序は、異なる結果を生成します。 保守可能なコードを記述するには、各関数の返品タイプを理解して、次の関数が正しく処理できるようにすることが重要です。 JavaScriptは、組み合わせが不適切なタイプの機能を返すことを妨げないため、責任のこの部分はプログラマーにあります。 機能的なプログラミングパラダイムに精通していない人のために、機能を組み合わせるとコードが複雑に見える可能性があります。ただし、ES2015構文の出現では、矢印文字を使用してください
- jsチュートリアル 806 2025-02-17 11:19:09
-
- 反応せずにredux
- この記事は、Vildan Softicによって査読されました。 SetePointのコンテンツを完璧にしてくれたSetePointのすべてのピアレビューアに感謝します！ 私は、ゼロから始めて、すべてがどのように機能するかを理解するのが好きな開発者のようなものです。私はこれが自分自身に（不必要な）ワークロードをもたらすことを知っていますが、特定のフレームワーク、ライブラリ、またはモジュールの背後にあるメカニズムを理解し理解するのに役立ちます。 最近、私は別の瞬間を経験し、ReduxとPure JavaScriptを使用してWebアプリケーションの開発を開始しました。この記事では、アプリケーション構造の概要を説明し、早期（最終的に失敗した）反復を調べてから、最終的に選択したソリューションと学んだことを見たいと思います。 キーポイント
- jsチュートリアル 687 2025-02-17 11:09:13
-
- キャッシュFETCED AJAXリクエストはローカルにリクエストします。フェッチAPIをラップします
- この記事は、招待された著者ピーター・ベンツソンによって書かれています。 SitePointの特別ゲスト投稿は、JavaScriptコミュニティの有名な作家やスピーカーから素晴らしいコンテンツを提供するように設計されています この記事では、フェッチされたリクエストのローカルキャッシュを実装する方法を示しているため、繰り返し実行された場合、セッションストアから読み取られます。これの利点は、キャッシュするすべてのリソースのカスタムコードを記述する必要がないことです。 次のJavaScriptパーティーを披露し、約束、最先端のAPI、およびローカルストレージを処理するためのさまざまなスキルを披露したい場合は、読み続けてください。 主な利益 Fetch APIを使用すると、開発者は冗長性を減らすことでAjaxリクエストのローカルキャッシュを作成できます
- jsチュートリアル 583 2025-02-17 11:06:10
-
- NGRX/Storeを使用したAngular 2アプリの状態の管理
- NGRX/Storeを使用してAngular 2のアプリケーション状態の管理：包括的なガイド この記事では、RXJを活用するRedux実装であるNGRX/Storeライブラリを使用して、Angular 2アプリケーションの効果的な状態管理について説明します。 チャレンに対処します
- jsチュートリアル 698 2025-02-17 11:05:15
-
- JavaScript 3D Minecraftエディターの構築
- この記事では、CSS変換、HTML、およびJavaScriptのみを使用して、初歩的な3D Minecraftスタイルの世界を構築し、複雑な3Dプログラミングを回避します。 著者は既存のCSS知識を活用して、Z-Index、Lのような概念を強調しています
- jsチュートリアル 1002 2025-02-17 10:55:10
-
- クイックヒント：JavaScriptの工場機能とは何ですか
- JavaScript Factory機能：構成可能なオブジェクトを構築するための強力なパターン JavaScriptファクトリー関数は、オブジェクトを返す関数であり、新しいキーワードまたはこのキーワードを使用せずに複数の類似オブジェクトを作成します。この記事では、パラメトリック工場関数、構成可能な工場関数、非同期工場機能、高度な工場関数など、工場機能のいくつかの用途を調べて、それらを使用してより柔軟で容易なJavaScriptコードを維持する方法を示します。 コアコンセプト 工場関数：オブジェクトの関数を返します。 パラメーター化された工場関数：返品オブジェクト構造を変更するパラメーターを受け入れる工場関数。 構成可能な工場関数：他の工場関数を組み合わせることで複雑なオブジェクトを構築する作業
- jsチュートリアル 719 2025-02-17 10:54:13
-
- NodeとHerokuでFacebookチャットボットを構築します
- Joan YinとCamilo Reyesが査読したNode.jsとHerokuを使用してFacebookチャットボットを構築します。 SitePointコンテンツを最高の状態にしてくれたすべてのSitePointピアレビューアに感謝します！ 昨年のF8会議で、Facebookはメッセンジャープラットフォームを立ち上げ、開発者がメッセンジャーやFacebookのページで人々と話すことができるボットを作成できるようにしました。ロボットを使用すると、アプリケーションの所有者は、パーソナライズされたインタラクティブなコミュニケーションを提供することにより、ユーザーとより適切に対話できます。
- jsチュートリアル 861 2025-02-17 10:52:14
-
- jQueryプラグインの開発の紹介
- jQueryプラグイン：開発効率を向上させるための強力なツール この記事では、jQueryプラグインの開発を詳細に調べ、その利点を説明し、独自のプラグインを段階的に作成するように導きます。 jQueryプラグインは、開発時間を大幅に短縮し、コードの再利用を改善できます。一度機能コードを書き込むだけで、複数のプロジェクトで再利用でき、開発効率を大幅に改善できます。例としてFancyToggleというサンプルプラグインを使用して、プラグイン開発のさまざまなリンクを実証します。このプラグインは、リスト項目などのネストされた要素の可視性を切り替えるために使用され、FAQセクションなどのアコーディオンに似たインタラクティブなコンポーネントを作成します。 Codepenにアクセスして、FancyToggleプラグインを表示できます
- jsチュートリアル 587 2025-02-17 10:50:13
-
- node.js、git、およびマークダウンを使用してマイクロブログを構築します
- node.js、git、およびマークダウンに基づいてマイクロブログを構築します この記事では、node.js、git、およびいくつかの依存関係を使用してマイクロブログを構築する方法について説明します。このアプリは、リポジトリに提出されたファイルから静的コンテンツを提供するように設計されています。アプリケーションを構築およびテストする方法を学び、ソリューションを提供するプロセスに関する洞察を得ることができます。最終的には、構築できるミニマリストで実行可能なブログアプリケーションがあります。 キーポイント： node.jsは、不必要な複雑さを必要としないマイクロブログプラットフォームを構築するのに理想的なAPIのバランスの取れたセットを提供します。 GITは、従来のデータベースを使用せずにブログ投稿をバージョン化されたテキストドキュメントとして保存するために使用されます。 マークド
- jsチュートリアル 542 2025-02-17 10:48:14
-
- chart.js 2.0の紹介
- この記事は、現代のJavaScriptアンソロジーの一部です。 Modern JavaScriptの包括的なガイドについては、SitePoint Premiumを探索してコピーをダウンロードしてください。 Tim SeverienとSimon Codringtonによるピアレビュー。 すべてのSitePointのピアレビュアーに感謝します！
- jsチュートリアル 1025 2025-02-17 10:47:09
-
- 強力な軽量グラフィックライブラリであるGraphicsJSの紹介
- HTML5：モダンネットワークの礎石。今日、SVGとキャンバスは、インタラクティブな画像を作成するときに選択された技術であることがよくあります。フラッシュは忘れられており、シルバーライトはネットワークの端で珍しいユニコーンになり、サードパーティのプラグインを覚えている人はほとんどいません。 各手法の長所と短所は十分に文書化されていますが、要するに、SVGはインタラクティブな要素の作成と処理に適しています。これは、SVGがXMLベースのベクトル形式であり、タグを使用して画像がページにロードされると、その中の各要素をSVG DOMで使用できるためです。 この記事では、SVGに基づいた新しい強力なオープンソースJであるGraphicsJSを紹介したいと思います。
- jsチュートリアル 304 2025-02-17 10:42:15
-
- RAMDA.JSを使用した実践的な機能プログラミング
- この記事は、Yaphi Berhanu、Vildan Softic、Jani Hartikainen、Dan Princeによってレビューされました。 SitePointコンテンツを最高の状態にしてくれたすべてのSitePointピアレビューアに感謝します！ JavaScriptの魅力の1つは、機能的なプログラミング機能です。最初から、機能はJavaScriptの世界の一流の市民でした。これにより、多くの方法で簡単にまとめることができるエレガントで表現力豊かなコードを作成できます。ただし、機能的なプログラミングを単独で実行する機能を持つことは、機能的なプログラミングを自動的に実装することはできません。 Ramda.jsは非常にです
- jsチュートリアル 296 2025-02-17 10:40:10
-
- jquery＆＃x27; s jsonpは例で説明しました
- キーポイントの概要 JSONP（パディング付きJSON）により、クロスドメインAjaxコールが許可され、さまざまなソースからのデータへのデータへのアクセスを制限する相同ポリシーを回避します。これは、ブラウザが解釈できる関数呼び出しを含むサーバーを返すJSONデータを返すことによって行われます。 JSONPは、さまざまなソースからデータを取得し、さまざまなサービスのコンテンツにアクセスするために価値がありますが、いくつかの制限もあります。 JSONPは、クロスドメインのGETリクエストのみを実行でき、サーバーによって明示的にサポートされる必要があります。また、クロスサイトスクリプティング（XSS）攻撃の可能性を開くため、セキュリティの問題が潜在的に問題を抱えています。 相同政策のためのその他のソリューションには、プロキシの使用またはクロスオリジンリソース共有の実装（CORS）が含まれます
- jsチュートリアル 202 2025-02-17 10:34:10
-
- コマンドラインパラメーターをGULPタスクに渡す方法
- コアポイント gulp.jsのシンプルさは、その最も魅力的な機能の1つであり、開発者がgulpfile.jsでタスク関数を作成し、コマンドラインからそれらを実行できるようにします。ただし、使用するためのタスクへのコマンドラインパラメーターの合格をサポートしていません。 Gulpタスクでは通常、パラメーターは必要ありませんが、パラメーターは場合によっては役立ちます。たとえば、パラメーターとしてFTP資格情報を渡すと、セキュリティが強化され、ハードコーディングされた機密情報を防ぐことができます。 node.jsのprocess.argvプロパティは、プロセス、スクリプト、およびすべてのコマンドラインパラメーターを含む配列を返します。この配列は、gulpfile.jsで解析して、パラメーター値を含むオブジェクトを作成できます。 ガルですが
- jsチュートリアル 686 2025-02-17 10:32:10
-
- nightwatch.jsを使用したJavaScript機能テスト
- Eric Elliottは、かつてJavaScriptテストに関する記事を書きました：JavaScriptテスト：ユニットテスト、機能テスト、および統合テストは、さまざまなタイプのテストとどのテストを使用するかを説明します。 この記事では、JavaScriptの機能テストをより深く詳細に調べ、nightwatch.jsライブラリを使用して実証します。 開始する前に、機能テストとは何か、そしてそれが重要な理由を確認しましょう。簡単に言えば、機能テストは、アプリケーションがユーザーの観点から期待どおりに機能するように設計されています。 ここで話しているのは、単体テストや統合テストなどの技術的なテストではありません。ここでの目標は、ユーザーがシームレスに実行できるようにすることです
- jsチュートリアル 441 2025-02-17 10:26:10
ツールの推奨事項
jQuery エンタープライズ メッセージ フォームの連絡先コード
jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。
フォームボタン
2024-02-29
HTML5 MP3 オルゴール再生効果
HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。
プレイヤーの特殊効果
2024-02-29
HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。
メニューナビゲーション
2024-02-29
jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。
フォームボタン
2024-02-29
有機果物と野菜のサプライヤー Web テンプレート Bootstrap5
有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5
ブートストラップ テンプレート
2023-02-03
Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus
Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus
バックエンドテンプレート
2023-02-02
不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5
不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5
ブートストラップ テンプレート
2023-02-02
かわいい夏の要素のベクター素材 (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
室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-05-09
フレッシュカラーの個人履歴書ガイドページテンプレート
フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-29
デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-28
現代のエンジニアリング建設会社のウェブサイトのテンプレート
最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-28
