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

  • Connectを開始します
    Connectを開始します
    キーテイクアウト Connectは、開発者がミドルウェアプラグインを使用してモジュラーコンポーネントと再利用可能なコンポーネントを作成できるようにするNode.jsの拡張可能なHTTPサーバーフレームワークです。これらのプラグインは、リクエストに応じて処理して渡すか、リクエストを直接処理します。
    jsチュートリアル 217 2025-02-19 08:51:10
  • 9ローカルストレージを操作するためのJavaScriptライブラリ
    9ローカルストレージを操作するためのJavaScriptライブラリ
    HTML5ローカルストレージAPI(Webストレージの一部)は、優れたブラウザーサポートを備えており、ますます多くのアプリケーションに適用されています。単純なAPIがありますが、Cookieに似たいくつかの欠点もあります。 私は過去1年ほどでローカルストレージAPIを使用するかなりの数のツールとライブラリに出くわしたので、いくつかのコードの例と機能の議論でこの投稿にそれらを整理しました。 重要なポイント HTML5ローカルストレージAPIは広くサポートされており、アプリケーションでますます一般的になりつつありますが、Cookieと同様のいくつかの制限もあります。さまざまなJavaScriptライブラリが開発され、機能を改善および拡張しています。 lockr、store.J
    jsチュートリアル 669 2025-02-19 08:47:10
  • JavaScript関数の測定'パフォーマンス
    JavaScript関数の測定'パフォーマンス
    Webアプリケーションのパフォーマンスは常に重要です。特にWeb開発では、ページの読み込み速度が遅くなると、ユーザーのチャーンが直接つながります。プロのフロントエンド開発者として、パフォーマンスの最適化に注意を払う必要があります。リクエストの削減、CDNの使用、ブロッキングレンダリングの執筆の回避など、多くの従来のWebパフォーマンス最適化方法は、今日でも有効です。ただし、ますます多くのWebアプリケーションがJavaScriptを使用するにつれて、コード効率の検証が重要になりました。 機能的であるが、効率的ではなく、改善を計画していると疑っている関数があるとします。この仮定を証明する方法は? JavaScript機能パフォーマンスをテストするためのベストプラクティスは何ですか?一般的に、最良の方法は、組み込みのパフォーマンスを使用することです。
    jsチュートリアル 1022 2025-02-19 08:46:09
  • Backbone.jsの基本:イベントでアプリを実現します
    Backbone.jsの基本:イベントでアプリを実現します
    この記事では、Backbone.js、MV*アーキテクチャを使用するJavaScriptフレームワークであるJSを説明します。 ビューとモデルの間で懸念を分離することの重要な側面であるイベントの取り扱いに焦点を当てています。 重要な概念: MV*アーキテクチャ:BackB
    jsチュートリアル 720 2025-02-19 08:44:11
  • フェッチAPIおよびES6ジェネレーターを使用した非同期API
    フェッチAPIおよびES6ジェネレーターを使用した非同期API
    コアポイント ECMAScript 6(ES6)は、PromiseとGeneratorを通じて非同期プログラミングをよりよくサポートし、リモートリソースとの通信の基礎としてXmlhttprequestを置き換えるように設計されたFetch APIを導入しました。 Fetch APIメソッドは、発電機とともに使用できるES6 Promiseオブジェクトを返し、各操作が前の操作によって返された値に依存する一連の操作など、複雑な非同期操作の基礎を形成します。 ジェネレーターはフェッチAPIとともに使用して、クライアントが絶えず常に投票するなどのタスクを実行できます。
    jsチュートリアル 867 2025-02-19 08:43:09
  • jQuery、ブートストラップ、シールドUIライトを備えた編集可能なグリッド
    jQuery、ブートストラップ、シールドUIライトを備えた編集可能なグリッド
    この短いヒントでは、ブートストラップとシールドUIライトを使用して編集可能なグリッド(またはテーブル)を設定するためのいくつかの簡単な手順を提供します。 Shield Ui Liteは、他のコンポーネントの中でも、jQueryグリッドを含むオープンソースのjQueryライブラリです。グリッドはoの編集をサポートします
    jsチュートリアル 339 2025-02-19 08:37:15
  • jQueryの膨満感を失います
    jQueryの膨満感を失います
    コアポイント nodelist.jsは、jQueryのDOM操作の代替として機能し、同様の機能を提供しますが、より小さく(圧縮後4K)、ネイティブブラウザーAPIの改善を利用します。 jqueryとは異なり、nodelist.jsはノードの配列を単一ノードとして扱い、クリーナーコードを有効にし、ノーデリストオブジェクト操作を容易にします。 nodeList.jsには、プロパティの設定と取得、要素固有の方法を呼び出し、ノデリストのノードへのアクセスのための特別な方法が含まれており、所有者の属性はjQueryのprevobjectプロパティに相当します。
    jsチュートリアル 311 2025-02-19 08:27:10
  • 楽しみと利益のためのコマンドラインAPI
    楽しみと利益のためのコマンドラインAPI
    ブラウザ開発者ツールコマンドラインAPI:開発とデバッグ効率を改善するための強力なツール この記事では、ブラウザ開発者ツールの強力なコマンドラインAPIを調査します。これは、開発とデバッグエクスペリエンスを大幅に改善するために、さまざまなエイリアス、便利な機能、ショートカットを提供します。 コアポイント: コマンドラインAPIを使用すると、開発者はJavaScriptコンソールのWebページと対話できます。 APIはJavaScriptコンソールアクセスに限定されており、ページスクリプトに使用することはできませんが、ブラウザウィンドウで直接コードスニペットを実験するのに便利です。 APIは、$(document.queryselectorエイリアス)、dir(オブジェクトのすべてのプロパティをリスト)など、DOM探査、オブジェクト追跡、およびコンソールデバッグのさまざまな機能を提供します。
    jsチュートリアル 411 2025-02-19 08:25:08
  • HTML5フォーム:ツールボックスの信頼できるツール
    HTML5フォーム:ツールボックスの信頼できるツール
    以下は、Alexis Goldstein、Louis Lazaris、Estelle Weylが共著した本「HTML5&CSS3 for the Real World、第2版」から抜粋しています。この本は世界中の店舗で入手できます。また、ここで電子書籍バージョンを購入することもできます。 ほとんどのページコードを作成しましたが、新しいHTML5要素とそれらのセマンティクスに関するほとんどすべてを知っています。しかし、ウェブサイトの外観の設計を開始する前に(第7章でそれを行っています)、HTML5ヘラルドのホームページをすぐに残して登録ページをチェックします。これにより、WebテーブルのHTML5が説明されます
    CSSチュートリアル 652 2025-02-19 08:24:14
  • UI応答性のためのCSSのデバッグ
    UI応答性のためのCSSのデバッグ
    この記事は、ティファニー・ブラウンが書いた本「The Master of CSS」から抜粋しています。この本は世界中の主要な書店で入手できます。また、ここで電子書籍バージョンを購入することもできます。 CSS特定のプロパティと値は、高価であり、ユーザーインターフェイスの応答速度を低下させる可能性があります。特に低レベルの携帯電話とフラットスクリーンテレビで、ページレンダリング、アニメーションの流ency性、スクロールパフォーマンスが影響を受けます装置。 再配置とは何ですか? {。タイトル} 再配置とは、ページの一部またはすべてのレイアウトを変更するアクションを指します。たとえば、要素のサイズを変更するか、左の位置を更新します。ブラウザは、ドキュメント内の他の要素の高さ、幅、および位置を再計算します。 塗り直しは塗り直しに似ており、ブラウザに塗り直します。
    CSSチュートリアル 704 2025-02-18 13:13:14
  • クイックヒント:Reactでビデオプレーヤーコンポーネントを構築します
    クイックヒント:Reactでビデオプレーヤーコンポーネントを構築します
    再利用可能なReactビデオ再生コンポーネントを構築します この記事では、Vimeo、YouTube、およびDailymotionのビデオのリストをループするReactビデオコンポーネントを作成するプロセスを説明します。このコンポーネントは、他のビデオプロバイダーをサポートするために簡単に拡張できます。 React-Hot-BoilerPlateを開発環境として使用します。これは、ホットリロードをサポートし、コードを変更するたびにページを更新せずにブラウザでコンポーネントビルド結果をすぐに表示できるようにします。 ビデオコンポーネントには独自の状態がなく、再利用可能で予測可能になります。つまり、同じ入力が常に同じ出力を生成します。この記事では、Pの使用を含む、Reactのコンポーネントを構築するためのベストプラクティスについても説明します。
    jsチュートリアル 853 2025-02-18 13:10:11
  • node.jsとractive.jsを使用してWi-Fiダッシュボードを構築する方法
    node.jsとractive.jsを使用してWi-Fiダッシュボードを構築する方法
    キーテイクアウト node.jsを使用して、既存の機能を拡張してWi-Fiネットワーク情報を含めるサーバーを構築し、ダッシュボードをより包括的にします。 クライアント側にRactive.jsを実装して、リアルタイムの更新とInteracを管理する
    jsチュートリアル 581 2025-02-18 13:05:16
  • Stripe&Syncanoで毎日断言SMSサービスを構築する方法
    Stripe&Syncanoで毎日断言SMSサービスを構築する方法
    Syncanoが主催するこの記事では、クラウドプラットフォームを使用して毎日の肯定SMSサービスの構築を示しています。 Syncanoは、データストレージ、ユーザーアカウント、自動コード実行、およびWebhooksを処理します。 このサービスは、SMS MessagのTwilioを統合します
    jsチュートリアル 445 2025-02-18 13:03:17
  • node.jsに構築されたさまざまなCMSソリューションの探索
    node.jsに構築されたさまざまなCMSソリューションの探索
    3つの一般的なnode.jsコンテンツ管理システム(CMS) KeyStoneJS、PencilBlue、およびApoStropheは、3つの主要なNode.JSベースのコンテンツ管理システムを表し、それぞれが異なる機能セットを提供します。 KeyStoneJSは、データベース駆動型ウェブシーの作成に優れています
    jsチュートリアル 689 2025-02-18 13:01:59
  • 合理的に純粋な機能プログラミングの紹介
    合理的に純粋な機能プログラミングの紹介
    キーテイクアウト 純粋な機能は、副作用を引き起こすことなく同じ入力に対して同じ出力を返すため、機能的プログラミングには不可欠です。 機能的なプログラミングは、bによってプログラムの複雑さを減らします
    jsチュートリアル 798 2025-02-18 12:58:16

ツールの推奨事項

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