コンテンツ
本日より、新しいシリーズのユニアプリ学習/実践/思考共有を開始します。ご注目をお待ちしております。
私の学習背景
現在、フロントエンド市場では、主流のフレームワークはPCフレームワークとモバイルフレームワークの2つの方向に分かれています。さらに、2つのJavaScriptライブラリとがReact
ありVue
ます。これら2つのJSライブラリに基づいたさまざまなフレームワークが市場に出回っています。本日紹介されたのUNI-APP
は、Vue.JS
に基づくクロスエンドモバイルフレームワークです。
現在中国には、WeChat、Alipay、Baidu、ByteDanceなどの多くのモバイルプラットフォームがあり、すべてが小さなプログラムを開発/開く機能を提供しています。これらはすべてモバイルプラットフォームに基づいており、プラットフォーム自体もミニプログラム開発機能とガイドラインを提供します。
ただし、多くのプラットフォームでは、アプリケーションが統一された標準化された開発を完了したい場合、さまざまなプラットフォームの違いと互換性がありますが、コストは比較的高くなります。もう1つの要件は、アプレットと同じ機能を備えたアプリを自分で公開することです。したがって、適切なフレームワーク、つまりコストを削減するためのフレームワークを検討する必要があります。
ユニアプリは私を助けました
だから私はユニアプリを学びます。それがいくつかの競争エントリーを開発しているのか、いくつかの契約アウトソーシングプロジェクトを開発しているのかに関わらず、私は一連のコードを書いてそれを複数のプラットフォームにデプロイするだけです。それは本当にクールです~~
ユニアプリ公式機能マップ:
もちろんreact native
、、、、flutter
およびアプレット、android、iosのネイティブ開発は悪くありませんが、正直なところ、私自身の開発経験に関しては、vue
uni-app
実際、ダウンロードしてHBuilderX
から、UIフレームワークと協力してください。統合することができ(たとえばuView
)、スタッドのように、uiフレームワークvue-cli
の。私uni-app
個人としては、アジャイル開発の経験は本当に素晴らしいです。
複数のプラットフォームに公開できる一連のコードをuni-app
作成ます。公式に推奨されているIDEでHBuilderX
さまざまな配布方法を確認できます。
少し前に、大学の先生から連絡があり、流行のためにオンラインの心理カウンセリングプラットフォームを利用する必要があると言われました。私は喜んで同意しました。また、uni-appが私にもたらした自信のおかげでもありました。まず第一に、wapバージョンのデモを試してみます。通常の方法で直接レンダリングします。ワップバージョンが安定した後は、小さなプログラムに直接送ることができ、時間を節約するために二次開発の必要はありません(小さなプログラムを直接開発しない理由については、予算が限られているためです)。 ...私はお金を失いたくない)
いくつかの知識を共有する
ユニアプリの正しい使い方を実際に学ぶ必要性を考慮して、ここに学習を促進するために書いて、ユニアプリ開発仕様をあなたと共有してください
マルチ端末の互換性を実現するために、コンパイル速度や実行パフォーマンスなどの要素を考慮して、uni-appには次の開発仕様があります。
-
コンポーネントのラベルは、ミニプログラムの仕様にできるだけ近づける必要があります。
<view> <button size="mini">按钮</button> </view>
-
ページファイルは、Vueシングルファイルコンポーネント(SFC)仕様に準拠しています
<template> <view> 此处必须且只能有一个根view,所有内容都需要写在这个标签里。 </view> </template> <script> export default { //.... }; </script> <style></style>
-
JavaScript APIは、WeChatアプレットの仕様に可能な限り近く、プレフィックスwxをuniに置き換えています。
uni.chooseImage({ //... });
-
データバインディングとイベント処理はVUE.JS仕様と同じですが、uni-appはアプリとページのライフサイクルを補完します。
-
マルチターミナル操作と互換性を持たせるために、開発にはフレックスレイアウトを使用することをお勧めします。
フレックスレイアウトの推奨事項については、 [W3C推奨の新しいレイアウトモード[CSSフレックスレイアウト]の詳細な説明]をお読みください。