私はWebのコンポーネント化のファンです。ほぼすべてのスケールでウェブサイトを構築するのに非常に良い方法だと思います(おそらく、おそらく最も基本的なものを除く)。良い要素を作るものについての意見の不足はありませんが、それをしばらくの間サードパーティに徴収すると言います。つまり、サイトのユニークなセットアップの一部として自分自身を構築するコンポーネントではなく、使用するコンポーネントです。
サードパーティのコンポーネントを良いものにするものは何ですか?サードパーティのコンポーネントの私のお気に入りの属性は、それが何か困難なものを取り、それを簡単にするときです。特に、ニュアンスを認識し、適切に処理するもの、または正しくなるために十分に知らないかもしれないもの。
おそらく、ポップアップコンテキストメニューを使用するコンポーネントを使用します。メニューがカットオフまたは画面外に表示されないようにするなど、ブラウザエッジ検出を実行する場合があります。それは、自分でやった場合、または忘れてしまった場合、あなたが正しく行かないかもしれないトリッキーなプログラミングです。
React Routerが持っているコンポーネントがギャツビーサイトで使用されているものを考えています。そのページにいるときに、リンクにaria-current = "page"を自動的に挿入します。あなたはそれをスタイリングフックに使用することができます。そして、あなたはおそらくあなたがあなた自身のリンクを処理しているなら、それをプログラムするのを忘れていたでしょう。
その同じように、到達UIタブには、手でロールした場合、おそらく正しく行かないでしょう。このReact画像コンポーネントは、複雑なレスポンシブ画像の構文、怠zyなロード、プレースホルダーなど、画像で引き出すことが比較的困難なあらゆる種類のものを実行します。これは、ある意味で、「無料」のベストプラクティスを渡しています。
これは、あなたのためにUIに触れないテーブルライブラリであり、代わりにテーブルで持っている可能性のある他のニーズに焦点を当てています。これはもう1つの魅力的なアプローチです。
ともかく!これが私がこれについて尋ねていたときに言ったことです。サードパーティのコンポーネントを素晴らしいものにするものは何ですか?彼らの最善は何をしますか? (明白なことに加えて、優れたドキュメントや優れたアクセシビリティのように)?これらのいくつかはAT-ODDである可能性があります。私は人々が彼らが好きだと言ったことをただ挙げているだけです。
- プラグアンドプレイ。最小限の構成で「機能するだけ」する必要があります。
- たくさんの編集可能なデモ
- 高度に構成可能
- 「ホワイトラベル」スタイリング。デザインの選択肢があまりにも強力にならないでください。
- 通常のCSSを介してスタイリングして、自分のスタイリングツールをBYOすることができます
- 速い
- 小さい
- パッケージマネージャーを介してインストールできます
- 手動でインスタンス化できます
- それが行くことができるdomノードを与えることができます
- 便利なバージョンスキームに従います
- 特にセキュリティのためにマニント化されています
- 公開ロードマップがあります
- フレームワークに依存しています
- 他の依存関係はありません
- 直感的な命名規則を使用します
- 国際化をサポートします
- 多くのテストがあります
そのリストに追加するものはありますか?
以上が最高のサードパーティのコンポーネントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

独自のコードをリファクタリングするのはどのように見えますか?ジョン・レアは、彼が書いた古いCSSアニメーションを選び、それを最適化するという思考プロセスを歩きます。

cssanimationsArenotintinlentyhardbutrepracticeanderstanding ofcsspropertiesandtimingfunctions.1)

@keyframesispopularduetoitsversitility andpowerincreatingsmoothcssanimations.keytricksinclude:1)defingsmoothtransitionsbetweenstates、2)AnimatingMultipleProperiessimally、3)3)bendorprefixesforbrows -compativity、4)組み合わせwithjavasfo

csScounterSareSareusedTomageautomaticinginginwebdesigns.1)それらは、コンテンツ、リスト、および積極的なものを使用することができます

特にモバイルデバイスでは、スクロールシャドウを使用することは、Chrisが以前にカバーした微妙なUXです。 Geoffは、アニメーションタイムラインプロパティを使用する新しいアプローチをカバーしました。これがさらに別の方法です。

簡単に復習してみましょう。画像マップはHTML 3.2に戻ります。ここで、最初にサーバー側マップを使用してから、マップとエリア要素を使用して画像上でクリック可能な領域を定義したクライアント側マップをマップしました。

State of Devsの調査は現在、参加に対して開かれており、以前の調査とは異なり、コードを除くすべてをカバーしています:キャリア、職場だけでなく、健康、趣味などもあります。

CSSグリッドは、複雑で応答性の高いWebレイアウトを作成するための強力なツールです。設計を簡素化し、アクセシビリティを向上させ、古い方法よりも多くの制御を提供します。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!
