Vue2.0研究ノート(第6講義)(バワーの設置と使用、アニメーションライブラリanimate.cssの使用)

まず、バワーの設置と使用 bower似ているnpmパッケージ管理ツールが、 npm一方で、バックグラウンドでより興味を持っているbower 、フロントエンドでより興味を持っています。 また、必要がnpm方法ダウンロードしbower 。 私たちは、 cmdコマンドタイプを-> npm install bower -g完了するために、 bowerダウンロードしてインストールするにはnpm我々が以 […]

VueシミュレーションCtrip公式サイト構築

模倣Ctripの公式ウェブサイト オフトピック: 私が最初にフロントエンドの学習を始めたとき、私はCtrip公式サイトをある日見ました。私はいつか私がそれをシミュレートできることを願っています。 自身の先延ばしはシャープされていないが、 馬馬が、私はついに完成します! (親愛なる同僚がポータルを削除し、fkのために彼に感謝した) 葉の兄弟が私の保存ありがとうございCtripのCtripのソース模造 […]

Vue2.0研究ノート(第5講義)(vue

まず、vue-resourceを使用して相互作用を実現する vue間のデータ交換は、主にこのドメインでのバックエンドサーバというajaxデータ相互作用およびクロスドメインjsonp対話。 我々は使用することができますvue-resource達成するためにvueの間でデータ交換を。 vue-resourceのためのダウンロードのhttps://github.com/pagekit/vu … […]

1つのドメイン名で複数のVue.jsプロジェクトのNginx設定

序文 この時間の間、彼らは開発Vue.js + Node.jsの爬虫類がランキングのGithubの開発以前に結合されたプロジェクトは、 WebアプリケーションVue2開発を読んベースの展開2つのVue.jsプロジェクトのニーズがあり、。 私は2つのドメイン名を持っていますが、1つのドメイン名で複数のプロジェクトを構成したいだけで、今後はさらに多くのプロジェクトがあります。 nginxに慣れていない […]

Vue2.0研究ノート(4回目の講義)(ライフサイクル機能、vueインスタンスの簡単な方法、カスタム指示)

まず、ライフサイクル機能 vueいくつかのフック関数を使用する必要があります提供しvue作成されたオブジェクトのライフサイクルインスタンス。 さんがでて設定してみましょうvue2.0それらを定義したライフサイクル機能。 beforeCreate この関数は、インスタンスオブジェクトが作成されたばかりで、プロパティがバインドされていないときに実行を開始します。 created バインディングインスタ […]

[vuex entry series 04]ディスパッチを使用して、アクション内の内部アクションメソッドをトリガし、パラメータを渡し、es6デストラクタ割り当てモードの操作を変更する

ラベル(スペース区切り):vue アクション内の内部アクションメソッドをトリガーする actions: { addAction(context) { // context 是一个对象 setTimeout(() => { context.commit('addIncrement', { n: 5 }) context.dispatch('shudongAction') //在这里触发 }, […]

Vueソースコードを解析してASTに変換されたテンプレート

ASTとは何ですか? Vueマウントプロセスでは、テンプレートはAST構文ツリーにコンパイルされます.ASTは、抽象構文ツリー(略語AST)、またはソースツリーの抽象構文構造のツリーである構文ツリーを指します。表現の形式。 バーチャルドーム Vueの大きな点の1つは、仮想DOMを使用してDOMオブジェクトツリーをシミュレートしてDOM操作を最適化する技術またはアイデアです。 Vueソースコードの仮 […]

Webpack選択コンパイルDefinePlugin(パッケージ自動カリングテストデータ)

背景 開発プロセスでは、プログラムはテストプロセス中にデバッグと偽造データの印刷にログを使用します。 これらのコードは、本番環境では見つかりません。 これは、プログラムがパッケージ化される前に関連するコードを削除する必要があることを意味します。 これらのことは人々と関係することが非常に面倒であり、見落とすのは簡単です。 テストをパッケージ化してバグが発生したときに、テストコードを再度追加する必要が […]

Vue2.0研究ノート(第3講義)(計算特性、フィルター)

まず、計算プロパティ var vm = new Vue({ el:'#box', data:{ a:1 } }); 上記のコードの中で、我々は知ることができるvm A vueオブジェクトのインスタンスdataで宣言vmオブジェクトのこのインスタンスの一般的な特性a 、オブジェクトのインスタンスが内部であってもよいthis.a外部による実施例では、得ることがvm.a取得します。 <script […]

Webpack CommonsChunkPluginの理解

CommonsChunkPlugin設定の概要 私は最近webpackのドキュメントを読んで、CommonsChunkPluginプラグインを読んで、webpackの力で深く確信していましたし、自分の質問のいくつかを生成しました。 まず、CommonsChunkPluginプラグインを使用して共通コードを抽出します。パブリックモジュールを抽出することで、ページがロードされるときに一度だけ導入される […]

1 2,209 3,120