小さなプログラム開発成果物を共有する

coolsite360について

coolsite360は、Yipai Technologyが開発したプロ仕様のレスポンシブWebサイトデザインツールであり、主な特徴は、ユーザーがプログラミングを行わずにオンラインで作成できることです。 2 つ目は、ビデオとオーディオ、シーケンス フレーム メディア、インタラクティブ アニメーション コンポーネント、およびトリガー コントロールをサポートすることです。クロスプラットフォームで、一度作成し、一度だけキーを WeChat に公開します。

Coolsite360 アプレット エディタでは何ができますか?

◉ CoolSite360 はミニ プログラム エディターを起動し、デザイナーが wxml や wxss コードを記述することなく、ミニ プログラム ビジュアル エディターを通じてミニ プログラム インタラクティブ UI を迅速にデザインできるようにします。

◉ ミニプログラムエディターを使用してデザインされたページは、WeChat やブラウザーで簡単にプレビューできるため、初期段階でのプロトタイプの表示と共有が容易になります。

◉ デザインされたページでは、ワンクリックでミニプログラム規格を満たすコードをエクスポートでき、機能を直接開発できます

現在ミニプログラムエディターでできないことは何ですか?

◉ 現在のバージョンは、フロントエンド UI のビジュアル デザインに焦点を当てており、フロントエンド ビジネス ロジックとバックエンド データ処理は含まれていません。バージョンの後続のイテレーションでは、特定のバックエンド データ処理機能を備えたエディターが必要になります。一定範囲内でのワンストップ配信は可能ですが、開発者によるその後の開発のためにフロントエンドコードをエクスポートする必要があるのが現状です。

UIデザインの観点から見たミニプログラムエディターの主な機能は何ですか?

◉ ミニプログラムエディターは、WeChat が公式に提供するすべてのコンポーネントを統合しており、視覚的な方法で設定および構成できます。

◉ 一般的な CSS 属性の視覚設定をサポートし、レム単位をサポートし、フレックス レイアウトをサポートし、カスタム CSS コードをサポートします。スタイル コードは、スケッチや ps などのソフトウェアを介してコピーでき、デザインの自由度を満たします。

◉ ユーザーが迅速にデザインできるよう、コンテンツ リスト、グリッド リスト、カード、ナビゲーションなど、一般的に使用されるコンポーネント テンプレートを今後も提供し続けます。

静的 UI デザインを完了することに加えて、ミニ プログラム エディターでは他に何ができるでしょうか?

◉ ミニ プログラム エディターは、フライイン、フライアウト、フェードイン、フェードアウト、ズームイン、ズームアウト、回転、CSS 変換アニメーションなどの基本的なアニメーションの設定と制御もサポートしています。トリガーによるアニメーション制御。

◉ 要素の表示、要素の非表示、アニメーションの再生、ページのジャンプ、コンポーネント クラスの動的追加、コンポーネント クラスの削除、要素の状態の切り替え、WeChat アプレット API と連携して開発された一連のトリガーなど、対話型制御のための一般的なトリガーをサポートします。 、コードなしで一定範囲の UI インタラクティブ制御を実現できます。

Coolsite360 のミニ プログラム エディターの最近の開発計画は何ですか?

◉ 私たちはミニプログラムの公式アップデートを継続的にフォローし、近い将来、公式ミニプログラムの基本コンポーネントの欠点を補う複合コンポーネントも開発していきます。キャンバス描画機能とUIマイクロインタラクションのビジュアル設定を追加します。

他に何を知っておく必要がありますか?

◉残りについては、私たちフロントエンド開発者にとって、WeChat ミニ プログラムの開発に必要なのは基本的な JS と CSS だけです。もちろん、開発フレームワークについての一定の知識があることが前提となります。開発プロセスにはデータのやり取りとデータの表示が含まれるため、これらについて知っておく必要があります。そのため、バックエンド プログラムの Wang と製品設計の Wang にアイデアを一緒に開発するよう依頼できます。

個人的な推奨事項

◉資格のあるフロントエンド開発者になりたいのであれば、バックエンド開発テクノロジーを知るか理解することが不可欠であり、それを学ぶ必要があります。なぜなら、現在のフロントエンドテクノロジーはさらに発展しているからです。ますます高速化するフレームワークが次々と登場しますが、フレームワークを注意深く理解すると、すべてのフロントエンド フレームワークの設計に共通点があり、すべてのフロントエンド テクノロジがバックエンドの概念を拡張していることがわかります。言語。

アーティファクト機能を利用する

www.coolsite360.com/

個人公開アカウント：フロントエンド担当者

以上が小さなプログラム開発成果物を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。