小さなプログラムを効率的に開発するにはどうすればよいでしょうか?小規模プログラム向けに非常に使いやすいオープンソースフレームワークを推奨する

php是最好的语言

Jul 28, 2018 pm 05:30 PM

この記事では、ミニプログラムに最適なオープンソースフレームワークを紹介します。ミニプログラムは現在非常に人気がありますが、開発方法がわからない場合はどうすればよいでしょうか?しかし、WeChat ミニプログラムを開発するのはいつも面倒で、いろいろな情報を調べなければなりません。とにかく、私は学習が遅いので、理解できないことがあります。私は長い間知識を隠してきたので、何が起こっているのか理解できません。この記事を書く目的は、皆さんに参考となる方向性と選択肢を提供することです。一緒に学びましょう。 php mysqlの終了フレーム。このフレームワークは Vue.js のコアに基づいており、mpvue はミニプログラム環境で実行できるように Vue.js のランタイムとコンパイラーの実装を変更し、ミニプログラム開発に完全な Vue.js 開発エクスペリエンスを導入します。 mpvue を使用してミニプログラムを開発すると、ミニプログラムテクノロジシステムに基づいて次の機能が得られます:

徹底したコンポーネント開発機能: コードの再利用性の向上

完全な Vue 開発経験

。

便利な Vuex データ管理ソリューション: 複雑なアプリケーションの構築に便利

高速 Webpack 構築メカニズム: カスタマイズされたビルド戦略、開発フェーズ中のホットリロード
e Vue に依存する外部 npm の使用をサポート。 js コマンドラインツール Vue-CLI 高速初期化プロジェクト
小さなプログラムターゲットコードにコンパイルするための H5 コード変換
2、tina.js
Tina.js は軽量のプログレッシブプログラムですWeChat アプレットフレームワーク。
特徴：軽量でコンパクトです。開始するのは非常に簡単で、MINA (WeChat ミニプログラムの公式フレームワーク) の API 設計のほとんどが保持されているため、ミニプログラム開発の経験があるかどうかに関係なく、簡単に移行して開始できます。プログレッシブ拡張には、ステートマネージャーとルーティング拡張の両方が含まれており、独自のプラグインを作成することもできます。
3. Taro
Taro は、JD.com - Aolu Lab によって作成された、React 構文仕様に準拠したマルチターミナル統合開発フレームワークです。私の記憶が正しければ、最近オープンソース化されたと思います。

Taro を使用すると、1 セットのコードしか記述できません。その後、Taro のコンパイルツールを使用して、ソースコードをさまざまな端末 (WeChat アプレット、H5、アプリ端末など) で実行できるコードに個別にコンパイルできます。同時に、Taro はすぐに使用できる構文検出機能と自動補完機能も提供しており、開発エクスペリエンスと効率を効果的に向上させます。

4. wepy

WePY は、プリコンパイルを通じて、小さなプログラムがコンポーネントベースの開発をサポートできるようにするフレームワークです。フレームワークの詳細な最適化、Promise、および非同期関数の導入はすべて、小規模なプログラムプロジェクトの開発をより簡単かつ効率的に行うように設計されています。

特徴:

Vueのような開発スタイル

カスタムコンポーネント開発をサポート

NPMパッケージの導入をサポート

Promiseをサポート

非同期関数などのES2015+機能をサポート

複数のコンパイラ、Less/Sass/Styus、Babel/Typescriptをサポート

さまざまなプラグをサポート-in 処理、ファイル圧縮、画像圧縮、コンテンツ置換など

Sourcemap、ESLint などをサポート

リクエストキューイング、イベント最適化などの小さなプログラム詳細の最適化。

5. weweb

weweb は、ミニプログラムの構文と互換性のあるフロントエンドフレームワークで、Web アプリケーションを作成するためにミニプログラムの記述を使用できます。すでにミニプログラムをお持ちの場合は、ブラウザーでミニプログラムを実行できます。

特徴: クロスプラットフォーム、1 セットのコードが複数の端末で実行 (ミニプログラム、h5、将来 Android および iOS アプリに直接パッケージ化されることも夢ではありません) 一般的に使用されるコンポーネントが付属し、完全に継承ミニプログラムの組み込みコンポーネントであり、ミニプログラムの rpx 構文と互換性があるため、ページをさまざまなマシンモデルに簡単に適応させることができます

コンポーネントライブラリ

また、次のようなさまざまなオープンソースコンポーネントライブラリもあります。以下:

他にも zanui-weapp や iview などもあり、この 2 つは比較的有名です。

これら2つのコンポーネントライブラリについては、以前公式アカウントで紹介しましたが、具体的な使い方や機能は紹介しませんので、私の過去のツイートを探したり、自分で検索してみるとよくわかります。使い方はとても簡単です。

重要なポイント

上記では 5 つのオープンソースフレームワークと 2 つのコンポーネントライブラリを紹介しましたが、上記のいくつかのオープンソースフレームワークやコンポーネントに関係なく、上記のものが良くないと言っているわけではありません。ライブラリはすべて大手メーカーの製品で、どれも非常に優れています。しかし、それらは単なるオープンソースフレームワーク、オープンソースフレームワークであり、コンポーネントライブラリはコンポーネントライブラリです。 WeChat ミニプログラムを単独で開発するという私の悩みは、これでは決して満たされませんでした。

小規模なプログラム開発用の使いやすいオープンソースフレームワークの 1 つと、豊富なコンポーネントライブラリしたがって、私の悩みは解決されません。今日お勧めするオープンソースフレームワークは、フレームワークを提供するだけでなく、多くのコンポーネントを強化および拡張できるため、開発時にコンポーネントを自分たちでカプセル化することを心配する必要がなくなります。

実際、上で共有したコンポーネントライブラリには大きな欠点がありますが、コンポーネントライブラリは十分に豊富ですが、スタイルのカスタマイズが非常に厳格で柔軟性がありません。しかし、今日のものははるかに柔軟です。

私が皆さんにお勧めするオープンソースフレームワークは、touchwxです。

Touch WX は、公式コンポーネントを補足する豊富な UI コントロールを含む、完全に無料の WeChat アプレット開発フレームワークです。機能は次のとおりです:

1. コンポーネントの拡張:

公式コンポーネントを補うために、よく使用されるコンポーネントが 30 個以上追加されました。

2. 機能拡張:

Alibaba の iconfont アイコンライブラリと互換性があり、共通のスタイルライブラリを追加して大規模なベクターアイコンを自由に使用でき、テーマカラーのグローバル設定をサポートします。など

3 、開発経験の向上:

Web 開発経験のある VSCode エディター + プラグインを使用して開発された単一ファイルの方法に変更されました。

4. H5 アプリケーションに変換されたミニプログラム:

H5 開発フレームワークで使用できる Touch UI プロジェクトは相互に変換され、WebApp に公開されます。 1 セットのコードを開発し、2 セットのアプリケーションを作成します。

このフレームワークの原理は次のとおりです: