symbolMeダウンロード - symbolMeソースコードのダウンロード

symbolMe

その他のカテゴリー

1.0.0

ダウンロード

シンボル私

プロジェクトのセットアップ

 npm install

開発用のコンパイルとホットリロード

 npm run serve

実稼働用にコンパイルおよび縮小します

 npm run build

ファイルのリントと修正

 npm run lint

特徴

インターフェースは比較的美しく、個人情報、学校での経験、プロジェクトの経験、個人のスキル情報などの履歴書情報をカスタマイズできます。
プロジェクト情報は mongodb データベースに保存され、大きなファイルは gltf を使用して保存され、バックグラウンドサービスプログラムは Express によって構築されます。プロジェクトアドレス: https://github.com/Longbao521/symbolMeServer
プロジェクトには、animate.css ライブラリや参照用のカスタムアニメーションなど、複数のアニメーションが含まれています。
このプロジェクトはマークダウン言語をサポートし、ブログの編集プレビュー機能をサポートし、アップロードされたブログはデータベースに保存され、ブログのホームページ上でリアルタイムに更新されるため、誰もが学習内容を記録できます。
Cesiumをサポートし、オンラインでテストコードを編集して実行できます
このプロジェクトでは、プロジェクトを構築するための vue-cli スキャフォールディング、基本的なコンポーネントスタイルを構築するための element-ui など、vue プロジェクトで一般的に使用されるいくつかのツールを使用します。
プロジェクトは維持および改善され、ミニプログラム版 (mpVue、プロジェクトアドレス: https://github.com/Longbao521/mpvue) とデスクトップ版 (Electron) が開始される予定です。可能であれば引き続き研究していきます。 Flutter とクロスプラットフォームアプリケーションの開発にご期待ください。
プロジェクトのコードは ESLint 仕様に厳密に従っています
ほとんどのプロジェクトレイアウトはフレックスレイアウトを採用しています

テクノロジースタック

Vue、Vue-CLI、Axios、LESS、Element-UI、Animate、ESLint

発生した問題

v-html のタグスタイルセレクターに関する問題テンプレートに記述されたタグがスタイルスコープ内のスタイルを定義できるが、v-html のタグがこの領域に対応するスタイルを定義できない場合、いくつかの解決策があります。
- スタイルのスコープを削除し、グローバルスタイルシートでラベルスタイルを定義します。これは、さまざまなコンポーネントの要素のスタイルに影響を与えるため、お勧めできません。
- /deep/(LESS, SCSS) または >>>(CSS) ディープセレクターを使用します
- 更新されたライフサイクルでは、js が動的にスタイルを構成します
v-for ループの各ボタンにさまざまな関数をバインドする方法データに関数を追加できないのはなぜですか?
- メソッドにクラスルーティング関数を追加します。 v-for の各要素には、トリガーされる関数を指定するメソッドフィールドが含まれています。このとき、ルーティング関数として @click を指定し、使用されるメソッドフィールドを渡すことができます。ルーティング関数によって、対応する関数をトリガーして、ビュー層とモデル層の間のバインディングを実現します。
vue でサブコンポーネントのスタイルを設定するこれは最初の質問と非常に似ていますが、vue が v-html のコンテンツを処理する方法は、そのサブコンポーネントを動的に作成するというもので、その原理は非常に単純です。これは、サードパーティのライブラリを使用するときに頻繁に発生する Element を使用する場合です。解決策は次のとおりです。
- スタイルのスコープを削除し、グローバルスタイルシートでラベルスタイルを定義します。これは、さまざまなコンポーネントの要素のスタイルに影響を与えるため、お勧めできません。
- /deep/(LESS, SCSS) または >>>(CSS) ディープセレクターを使用します

プロジェクトエフェクトの表示:

ログインインターフェースログイン認証（トークントークンをサポート）情報パネルスキルパネルプロジェクトパネルブログパネルをアップロードブログのホームページセシウム試験プラットフォーム