何の話を記事のこのシリーズ？
記事のこのシリーズは、現代のエコロジーフロントは、ライブラリの産業レベルの作成方法を説明します。近年では、より多くのアーキテクチャの痛みのポイントを解決するために、過去に比べてフロントエンドエンジニアリング、モジュラー、コンポーネントベースの圧倒的な潮は、しかし、情報過多の問題を作成します。私は願って、小さなピットのヘルプの人々のステップに自分の経験を共有することにより、マルチChuhuo。
なぜ我々は行うフロントエンドライブラリを開発する必要がありますか？
プロジェクトの開発プロセスでは、あなたへのお祝いは、その後、あなたは、単にこのコードをコピーして貼り付けた場合、一部の機能は、同一または類似しており、常に存在し、時間内に、変更の需要は、あなただけの自己の苦い実を味わうことができます。
あなたは、これはそれのように、パブリックメソッドパブリックに引き込まれ、簡単ではありませんではない、と言いますか？右側には、しかし、ビジョンの少し広いフィールドが再び生きて来たに入れてください：私は申し訳ありませんが、あなたがパブリックメソッドを書くような作業で、我々はおそらくさまざまなプロジェクトの開発に参加する、これらのプロジェクトは、異なる倉庫コードに配置されていますかない公共 ;加えて、人気の高いマイクロサービス/マイクロフロントは常に、店舗およびデプロイを開発するために小さいサイズに分割する大きなプロジェクトとなっている、あなたは、パブリックメソッドを作成し、どのようにこのフロントエンドのマイクロアーキテクチャの公共それは？
したがって、私たちは、プロジェクトチーム内の両方を使用して自由になるよう、再利用コードセグメント、抽象化されたフォームライブラリの高い値のいくつかを考えるだけでなく、出力のためのプロジェクトチーム全体、さらにはオープンソースコミュニティに貢献することができます。
それを作るためのライブラリのコードのどのような？
この考え方のベースのフロントエンドコンポーネントは、私は安定した外国の内部ロジックの関数として、長いようだと思うだけでなく、明確なインタフェースを提供するために、この機能をライブラリ化することができます。
ライブラリーの形態は、（クラスとすることができる、それはページ全体とすることができるUIコンポーネントとすることができる、機能することができるマイクロフロントエンドアーキテクチャで公共図書館の数を作るページも非常に良い公開され、多様です選択する）、あるいは一般的なスタイルファイル（純粋なCSS）。
対象読者このシリーズはありますか？
この一連の記事を書いて、私は近代的なフロントエンドシステム、熟練した書き込みビジネスコードで読者を事前、およびWebPACKのいくつかの知識を持っていることができるようになります。また、理由は私自身の技術スタックの制限のため、私は角度VUE /書き込み記事へのネイティブのJavaScriptで主になりますが、あなたは簡単な技術と概念が反応/対応する角度を見つけることができるはずです。
コンテンツのプレビュー記事のこのシリーズ
- 使用して、ライブラリーメンバーをWebPACKのと先端部材は、一般的に、同じアプリケーションのポイントではありません
- フィールドの開発
- ブラウザの互換性
- ドキュメントおよびドキュメントの使用
- 規範の開発
- ユニットテスト
- 継続的インテグレーション
- 解除
プロジェクトのコード説明の例
私の職業人生で、私は図書館のほとんどが彼らとすることはできません残念ながら、会社のプロジェクトのために書かれて書いたが、私は私が最近書いただろう2つの、オープンソースライブラリ：JavaScriptの-ライブラリ-定型とvue-指示ウィンドウの例補助アイテムコードとして説明します。
JavaScriptのライブラリ - 定型
JavaScriptのライブラリ-定型文は、近代的なフロントエンド環境のJavaScriptライブラリ足場迅速なビルドです（また、サンプルコードとして知られているにもシードプロジェクトとして知られているが、あなたが理解参照）は、GitHubのリポジトリテンプレートが備わっています。このライブラリサポートは、プロジェクトのホームページを直接クリックすることができますこのテンプレートを使用して直接、独自のJavaScriptライブラリを作成するには、この足場コードを適用します。
VUE-ディレクティブウィンドウ
VUE-ディレクティブ・ウィンドウモーダルボックスは（モーダル）拡張サポートウィンドウクラスライブラリ操作迅速ことができますされ、ウィンドウ・ベースの操作は、次の3つのカテゴリが含まれます。ドラッグの動きを、ドラッグしてウィンドウを最大化し、ウィンドウのサイズを変更し、VUEディレクティブ-window Vueがカスタムコマンドまたは起動するための一般的なJSクラスの方法をサポートしています。
JavaScriptのライブラリ - 定型、近いVueの生態系へのVUEディレクティブ・ウィンドウの相対的な、あなたはVueのに貢献したい場合は、最近生態系、このプロジェクトを参照することもできます。
私はより多くの技術的な記事を読みたいですか？私はGitHubのブログに行くアレイ・黄/ブログあなたのための助けがあれば、（〃^ω^）スター・時計ボーハをしてください、に